/*
Theme Name: Jusos-Bremen
Theme URI: http://jusos-bremen.de/
Description: Ein Wordpress-Theme fuer die Jusos LO Bremen
Version: 1.2
Author: Helmar Hutschenreuter
*/
* { margin: 0; }

body{
	font-family: arial, verdana, sans-serif;
	font-size: 13px;
	background: url(graphics/background.png) repeat-x #fa4848;
}

p{padding: 5px; font-size: 13px; color: #fff}
a{color: #cc0000}
a:hover{text-decoration: none;}
h1{padding: 5px; padding-top: 15px; font-size: 20px; color: #d01715; }
h2{padding: 15px; padding-bottom: 20px; font-size: 18px; text-transform: uppercase; color: #fff; }

img{float: right; margin: 15px; border: 4px solid #fff;}

input {float: left; display: block; }
form, fieldset, input { margin: 0; padding: 0; } 
fieldset { border: none; min-height: 1%;/*f�r IE7*/}
* html fieldset { height: 1%; /*f�r IE6*/}
fieldset:after {
content: "float beenden";/*f�r moderne Browser (css3)*/
display: block;
clear: both;
height: 0px;
visibility: hidden;
}

#page{margin: auto; width: 1300px; background: url(graphics/pagebackground.png) repeat-y;}


#connectionbar{margin: 0px; padding-left: 170px; padding-right: 170px; height: 37px; background: url(graphics/connectionbar.png) repeat-x #fff;}
#searchbox{float: left; margin-top: 6px; margin-bottom: 11px; height: 20px; border: 1px solid #a41211; color: #a41211; background: #fdbdbd;}
#searchinput{border: none; color: #a41211; background: #fdbdbd; margin: 0px;}
#connections{float: right; margin-top: 7px; margin-bottom: 12px; height: 18px; width: 750px; color: #a41211; font-size: 12px; font-weight: bold; text-align: right; text-transform: uppercase;}
#connections a{padding-left: 21px; padding-top: 2px; padding-bottom: 2px; margin-left: 9px; text-decoration: none; color: #a41211; background: url(icons/link.png) no-repeat left;}
#connections a:hover{color: #000; background: url(icons/link_hover.png) no-repeat left;}

#pagehead{
	margin: 0px;
	height: 135px;
	background: url(graphics/pagehead.png) no-repeat;
}

#navigationbar{
	margin: 0px;
	padding-left: 270px;
	padding-right: 170px;
	height: 50px;
	background: url(graphics/navigationbar.png) no-repeat;
}
#navigationbar ul{
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}
#navigationbar ul li{
	float: left;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	border-right: 1px solid #ddd;
}
#navigationbar ul li a{
	padding-top: 17px; padding-bottom: 17px; padding-left: 10px; padding-right: 10px;
	height: 16px;
	text-decoration: none;
	color: #000;
	display: block;
}
#navigationbar ul li a:hover{
	color: #a41211;
	background: url(graphics/navigationbtn.png) bottom repeat-x;
}
#navigationbar ul .firstitem{border-left: 1px solid #ddd;}

#welcomebox{margin-top: 0px; margin-bottom: 0px; margin-left: 162px; margin-right: 162px; width: 976px; min-height: 170px; background: url(graphics/welcomebox.png) top no-repeat;}
#infoservices{float: left; width: 365px;}
#infolinks{margin-top: 140px; margin-right: 25px; margin-left: 15px; text-align: right;}
#infolinks a{padding-left: 21px; padding-top: 2px; padding-bottom: 2px; margin-left: 3px; color: #fff; font-size: 12px; text-transform: uppercase; text-decoration: none; font-weight: bold; background: url(icons/favourit.png) left no-repeat;}
#infolinks a:hover{color: #a41211;background: url(icons/favourit_hover.png) left no-repeat;}
#greetingmsg{float: right; width: 611px;}

#pagecontent{clear: both; margin-top: 0px; margin-bottom: 0px; margin-left: 162px; margin-right: 162px; width: 976px;}

#contentarea{float: left; padding: 8px; width: 722px; background: url(graphics/articletitle.png) no-repeat top right;}
#articletitle{width: 722px; min-height: 60px;}
#articlecontent{padding: 22px; width: 678px; min-height: 300px; background: #fff; }
#articlecontent p{padding: 0px; margin-bottom: 15px; font-size: 13px; color: #000;}
#articlecontent h3{padding: 0px; padding-bottom: 9px; font-size: 18px; color: #cc0000;}
#articlecontent h3 a{text-decoration: none;}
#articlecontent h3 a:hover{text-decoration: underline}
.posting{margin-bottom: 22px; }
.posting .postdate{font-size: 14px; font-weight: bold; color: #454545;}
.posting .postinfo .info{font-weight: bold; color: #454545; padding-left: 21px; padding-right: 4px; background: url(icons/articleinfo.png) left no-repeat; }
.posting .postinfo .info .authorinfo{color: #cc0000;}
.posting .postcontent{padding-top: 10px; min-height: 110px;}
.posting .postcontent .postimg{margin: 10px; margin-left: 0px; margin-top: 0px; float: left; }


#bannerbar{float: right; padding: 6px; margin: 6px; width: 230px; min-height: 100px; background: url(graphics/h_articledivider.png) repeat-y left;}

#sidebararea{float: right; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; width: 230px; background: url(graphics/sidebarnavi.png) no-repeat top left;}
#sidebararea ul{text-transform: uppercase; font-size: 12px; font-weight: bold; list-style: none; padding-left: 4px; padding-bottom: 8px;}
#sidebararea ul li a{text-decoration: none; color: #a41211;}
#sidebararea ul li{padding-left: 21px; padding-top: 3px; padding-bottom: 3px; background: url(icons/sidebarnavilink.png) left no-repeat; }
#sidebararea ul li a:hover{color: #fff;}
#sidebararea ul li:hover{color: #fff; background: url(icons/sidebarnavilink_hover.png) left no-repeat;}
#sidebarnavi{width: 230px; min-height: 52px; margin-bottom: 8px;}
#sidebarinfo{width: 230px; min-height: 30px;}
#sidebarinfo .widget{margin-bottom: 8px; padding: 8px; width: 214px; background: #fff;}
#sidebarinfo .widget h4{font-size: 14px; color: #cc0000; margin-bottom: 8px;}
#sidebarinfo .widget .widgetcontent ul li a{color: #000;}
#sidebarinfo .widget .widgetcontent ul li{background: url(icons/sidebarinfolink.png) left no-repeat;}
#sidebarinfo .widget .widgetcontent ul li:hover{background: url(icons/link_hover.png) left no-repeat;}
#creditbar{clear: both; margin-top: 0px; margin-bottom: 0px; margin-left: 162px; margin-right: 162px; width: 976px; min-height: 30px;}