/*
Theme Name: WP-juosel
Theme URI: 
Description:  Style für JU-Seiten im Bezirksverband
Version: 1.0
Author: Jens Waltermann
*/



/* Body */

* {margin:0; padding:0;}

body {background:#EFF2F8; color:#FCE8CC; font:76% Verdana,Tahoma,Arial,sans-serif;}

#wrap {background:#ffffff url(img/content.jpg) top right repeat-y; border-left: solid 2px #132F64; border-right: solid 2px #132F64; color:#303030; margin:0 auto; width:950px;}

h2   {font-size:9px; font-weight:700; letter-spacing:-1px; margin:0; padding:15px 0 0 0;}

/* Links */

a {color:#000000; font-weight:700; text-decoration:none;}

a:hover {color:#ff9900; font-weight:700; text-decoration:underline;}


/* Header */

#header {margin:0 0 0 0; background:#fff url(img/front.jpg) top left no-repeat; height:73px;}
#header h1 { background: transparent no-repeat top left;   padding:30px 0 0 0; text-transform: none;  font-weight: 400;  margin: 0 0 0 780px; font-size: 12px; color:#ffffff;}
#header h2 { background: transparent no-repeat top left;   padding:5px 0 0 0; text-transform: none;  font-weight: 700;  margin:0 0 0 170px; font-size: 16px; color:#ffffff;}
#header h1 a {font-weight:400; color:#ff9900;}
#header p {font-size:1.1em; letter-spacing:-1px; margin:0 0 20px 15px; padding:0 0 0 3px;}

#verband {margin:0 0 0 0; background:#ff9900 url(img/name.jpg) bottom left no-repeat; height:72px;}
#verband h1 { background: transparent no-repeat top left;   padding:10px 0 0 0; text-transform: none;  font-weight: 700;  margin: 0 0 0 170px; font-size: 20px; color:#ffffff;}
#verband h2 { background: transparent no-repeat top left;   padding:5px 0 0 0; text-transform: none;  font-weight: 700;  margin:0 0 0 170px; font-size: 16px; color:#ffffff;}

#header2 {margin:0 0 0 0; background:#fff url(img/head_2.jpg); top left repeat-y; height:22px;}
#header2 h2 {float:left; font-size:11px; font-weight:600; padding:4px 10px 0 5px; color:#132F64;}
#leftheader2 {float:left;  margin:0; width:840px;}
#rightheader2 {float:right; margin:0;  padding:2px 4px 0 0; width:100px;}

#bgpage {width: 950px; float: left }

/* Sidebars */

#leftside {float:left; background:#7D8CAA; width:140px; margin:0;}

#extras {float:right; padding:10px 10px 10px 0px; width:180px; margin:0;}


#leftside p,#leftside ul,#leftside div.textwidget,#extras p,#extras ul,#extras div.textwidget {font-size:0.9em; margin:0 0 18px;}

#leftside li,#extras li {line-height:1.2em; list-style:none; margin:0 0 6px;}

#leftside ul ul,#extras ul ul {margin:0 0 0 10px;}

#leftside ul ul li,#extras ul ul li {margin:0 0 0 4px;}

#leftside ul ul li a,#extras ul ul li a {font-weight:400;}

#leftside ul.linklist,#extras ul.linklist {font-size:1em;}

#leftside ul.linklist ul,#extras ul.linklist ul {margin:0 0 18px;}

#leftside ul.linklist ul li a,#extras ul.linklist ul li a {font-weight:700;}

#leftside h2,#leftside ul.linklist li h2,#leftside h3,#extras h2,#extras ul.linklist li h2,#extras h3, table#wp-calendar caption {color:#7D8CAA; font-size:1.3em; font-weight:400; margin:0 0 8px; text-align:left;}

#leftside label,#extras label {display:none;}

/* Navigation */

#nav, #nav ul { /* all lists */padding: 0; list-style: none; float : left; width: 150px;}
#nav li { /* all list items */ 	position: relative; float : left; line-height : 2.5em; margin-bottom : -1px; width: 150px;}
#nav li ul { /* second-level lists */ position: absolute; left: -999em; width: 160px; margin-left : 156px; margin-top : -3em;}
#nav li ul ul { /* third-and-above-level lists */}

#nav li a { width: 148px; display: block; color: white; font-weight : bold; text-decoration : none; background-color: #132F64;
border-top-width: 2px; border-right-width: 2px;	border-bottom-width: 2px; border-left-width: 4px;	border-top-style: solid ;	border-right-style: solid ;
border-bottom-style: solid ;	border-left-style: none;	border-top-color: #ffffff;	border-right-color: #ffffff;	border-bottom-color: #ffffff;	border-left
-color: #ffffff; padding : 0 0.5em;}
#nav li a:hover {color : #132F64; background-color : #DC6E05;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li  li.sfhover ul { left: auto; }
#nav li:hover, #nav li.sfhover {background: #7D8CAA;}


/* Main menu */

#leftside ul.page {list-style:none; margin:0 0 0px; padding:0; width:160px; font-size:1.1em;}

#leftside ul.page li {display:inline; line-height:1.4em; width:160px;}

#leftside ul.page li a {background:#7D8CAA url(img/menubg.gif) bottom left repeat-x; border-top:1px solid #788999;
border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:4px solid #ccc; color:#DCE1E5; float:left;
font-weight:700; margin-bottom:5px; padding:4px 1px 4px 4px; text-decoration:none; width:160px;}

#leftside ul.page li a:hover,#leftside ul.page li.current_page_item a {background-color:#DCE1E5; border-left:4px solid #C41D0A; color:#DCE1E5;}

#leftside ul.page li.current_page_item ul li a {border-left:4px solid #DCE1E5;}

#leftside ul.page ul {margin:0 0 0 15px; padding:0 0 5px 0; width:125px;}

#leftside ul.page ul a {padding:3px 1px 3px 4px; width:115px;}

#leftside ul.page ul ul {width:113px;}

#leftside ul.page ul ul a {width:100px;}



/* Content */

#content {margin:0 0 0 160px; padding:10px 0 10px 10px; width:570px;}

  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;   }
#contentwide {margin:0 0 0 160px; line-height:1.5em; padding:10px; width: 765px;  background-color:#ffffff !important;}
#contentwide {background:#ffffff !important;}
#content h1,#contentwide h1,#content h1 a,#contentwide h1 a {letter-spacing:-1px; font-weight:400; margin:10px 0 1px;}

#content h2,#contentwide h2,#content h2 a,#contentwide h2 a {letter-spacing:-1px; font-weight:400; margin:10px 0 1px;}

#content h3,#contentwide h3,#content h3 a,#contentwide h3 a {font-weight:400; margin:0 0 8px; letter-spacing:0px;}

#content img,#contentwide img {border: 1px solid #132F64; margin: 5px 0 0 5px; padding: 5px;}

#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}

#content li,#contentwide li {padding:0 0 0 5px;}

#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}


/* Footer */

#footer {clear:both; margin:0 0 0 0;  background:#6E6E6E url(img/footer.jpg); top left repeat-y;  height:22px;}

#footer p {color:#fff; font-size:9px; margin: 0 0 0 165px;  padding:5px 0 0 0;}

#footer a {color:#fff; font-weight:400; text-decoration:none;}

#footer a:hover {color:#ff9900; text-decoration:underline;}

#footer span.credits {font-size:1.2em;}



/* Tags */

p,ul,ol {margin:0 0 18px;}

blockquote {border-left:4px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}

blockquote p {color:#555; font-size:0.9em; line-height:1.3em;}

label {color:#606060; font-size:0.9em; font-weight:700;}

table#wp-calendar {margin:0 0 18px; width:140px;}

code {font-size:1.2em; display:block; background:#7D8CAA url(img/menubg.gif) bottom left repeat-x; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:4px solid #ccc; color:#606060; margin:5px 0 15px; padding:8px 5px 8px 8px;}



/* Headers */

h1 {font-size:1.8em;}
h2 {font-size:1.6em;}
h3 {font-size:1.5em;}



/* Forms */

#s,#submit {background-color:#fff; border:1px solid #788999; color:#555; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}

#author,#email,#url,#comment {border:1px solid #788999; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}

#commentsection {margin:25px 0 0;}

#commentsection p {margin:0 0 6px;}



/* Float fix */

.contenttext {overflow:hidden;}

* html .contenttext {height:1px; overflow:visible;}

* html .contenttext p {overflow:hidden; width:99%;}



/* Various classes */
#kastenorange {background-color: #FFCC99; border: 1px solid #FF9933; padding: 3px;	width: auto; float: none; clear: left; margin: 3px; height: auto; }
#kastenblau {background-color: #C8D7FD; border: 1px solid #0066CC; padding: 3px;	width: auto; float: none; clear: left; margin: 3px; height: auto; }

.linkright {float: right; font-size:0.8em;}

.linkleft {float: left; font-size:0.8em;}

.left {border:1px solid #ccc; float:left; margin:10px 15px 10px 0;}

.right {border:1px solid #ccc; float:right; margin:10px 0 5px 10px;}

.center {border:1px solid #aaa; margin:5px auto 12px; text-align:center;}

.textright {text-align:right;}

.small {font-size:0.8em;}

.date {font-size:0.8em;}

.bold {font-weight:700;}

.hide {display:none;}

.clearing {clear:left; padding:5px 0; visibility:hidden;}

.post {margin:0 0 25px;}

.postinfo {background:#7D8CAA url(img/menubg.jpg) bottom left repeat-x; border-top:1px solid #ca26of; border-right:1px solid #132F64; border-bottom:1px solid #ca26of; border-left:4px solid #132F64; color:#ca26of; font-size:0.9em; font-weight:700; line-height:1.5em; margin:1px 0 20px; padding:3px 8px;}

.comment {background:#7D8CAA url(img/menubg.jpg) bottom left repeat-x; border-top:1px solid #ccc; border-right:1px solid #132F64; border-bottom:1px solid #ccc; border-left:4px solid #ccc; color:#ca26of; margin:0 0 10px; padding:2px 5px 2px 2px;}

.comment p.commenthead {line-height:1.6em;}

.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px;}

.navigation {display:block; margin:0; padding:2px 0 15px; text-align:center;}

.navigation p {margin:0; padding:0;}

.prevlink {margin-right:20px;}

.nextlink {margin-left:20px;}

* Pagebar */
.pagebar
	{
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
		text-decoration: none;
	}


.pagebar a, .pageList .this-page
	{
		border: 1px solid #788999;
    text-decoration: none;
		padding: 0.2em 0.5em;
	}


.pagebar a:visited
	{
		border: 1px solid #788999;
    text-decoration: none;
		padding: 0.2em 0.5em;
	}

.pagebar .break
	{
		padding: 2px 6px;
		border: none;
		background: #fff;
		text-decoration: none;
	}

.pagebar .this-page
	{
		border: 1px solid #788999;
		padding: 0.2em 0.5em;
    font-weight: bold;
    background: #788999;
    color: #fff;
	}

.pagebar a:hover
	{
		border-color: #ff9900;
	}