/*
	Created by Bjˆrn Meiflner at pxlstyle.net	  	  
	E-Mail: info@pxlstyle.net
*/

 /* layout, abstand \*/
* {padding: 0; margin: 0;}

html, body { /* hintergrund, schriftart, abstand \*/
 height: 100%;
 margin: 0; /* wichtig f¸r Firefox, IE, Safari & Co */
 padding: 0; /* wichtig f¸r Opera */
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 background: #fff url(img/bg.gif) repeat-x;
 color: #333;
}

input {
	border: 2px solid #2BBAFF;
	background-color: #fff;
	color: #333;
	padding: 1px;
	font-size: 12px;
	margin: 1px 1px 3px 0;
}
	
img { margin: 0; padding: 0; border: 0; }

a { color: #2BBAFF; text-decoration: none; border: 0; }
a:link { color: #2BBAFF; text-decoration: none; }
a:hover { color: #2BBAFF; text-decoration: underline; }
a:visited { color: #127BA7; text-decoration: none; }

#wrapper { /* container wird durch margin: 0 auto; zentriert \*/
 margin: 0 auto;
 width: 790px;
 background-image: url("img/wrapper_back.gif");
 background-repeat: no-repeat;
}

#headernav { /* header, navigation, logo \*/
 height: 91px;
 width: 775px;
 margin: 20px 0px 0px 0px;
 padding: 0px;
 font-size: 13px;
 color: #333;
 position: relative;
 float: left;
}
#headernav .logo { /* logo \*/
 padding: 0;
 font-size: 20px;
 font-weight: bold;
 color: #666;
 position: absolute;
 top: 0;
 left: -72px;
}
#headernav .color { /* color for logo \*/
 color: #2BBAFF; 
}
#headernav .navigation { /* navigation \*/
 float: right;
 font-size: 12px;
 font-weight: bold;
 line-height: normal;
}
#headernav .navigation ul {
 margin: 0;
 padding: 60px 0 0 0;
 list-style: none;
}
#headernav .navigation li {
 margin: 0;
 padding: 0;
 display: inline;
}
#headernav .navigation a { /* leftpart button, linker teil des buttons \*/
 margin: 0;
 padding: 0 0px 0 2px;
 float: left;
 background: url("img/nav_left.gif") no-repeat left top;
 text-decoration: none;
}
#headerbox a { color:#2bbaff; }
#headerbox a:link { color:#2bbaff; }
#headerbox a:visited { color:#2bbaff; }
#headernav .navigation a span { /* rightpart button, rechter teil des buttons \*/
 margin: 0;
 padding: 3px 14px 4px 6px;
 float: left;
 display: block;
 background: url("img/nav_right.gif") no-repeat right top;
 color: #fff;
}
 /* comented backslash hack hides rule from ie5-mac \*/
#headernav .navigation a span {float: none;}
 /* end ie5-mac hack */
#headernav .navigation a:hover span {color: #fff;}
#headernav .navigation a:hover {background-position: 0% -42px;}
#headernav .navigation a:hover span {background-position: 100% -42px;}  

#headerbox { /* headerbox, text, suchfeld \*/
 width: 775px;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 float: left;
}
#headerbox .header {
 height: 0;
 overflow: hidden;
 background: url(img/headerbox_header.gif) no-repeat;
}
#headerbox .background {
 height: 86px;
 background: url(img/headerbox_bg.png) no-repeat;
}
#headerbox .content {
 top: 60px;
 padding-left: 10px;
 font-size: 14px;
 font-weight: bold;
 color: #FFF;
}
#headerbox .content_logged {
 padding: 0 0 0px 20px;
 font-size: 17px;
 font-weight: bold;
 color: #2BBAFF;
 margin-top: 60px;
 float: left;
}
#headerbox .searchfield {
 padding: 10px 20px 10px 4px;
 float: right;
}
#headerbox .searchbtn {
 height: 19px;
 width: 19px;
 position: relative;
 top: 2px;
 _top: -6px;
 right: 0;
 _right: 4px;
 border: 0px;
 background: url(img/zoom.gif) no-repeat;
 font-weight: bold;
 color: #888;
}
#headerbox .searchinput {
 height: 27px;
 width: 221px;
 padding: 3px 0 0 10px;
 position: relative;
 left: 35px;   
 border: 0px;
 background: url(img/bg_sarchfield.gif) no-repeat;
 font-size: 16px;
 line-height: 20px;
 font-weight: bold;
 color: #000;
}
#headerbox .one {
 margin: 0 4px 0 0;
 padding: 0 16px 0 0;
 _padding: 0 8px 0 0;
 background: url(img/img_one.gif) no-repeat;
}
#headerbox .two {
 margin: 0 4px 0 12px;
 padding: 0 16px 0 0;
 _padding: 0 8px 0 0;
 background: url(img/img_two.gif) no-repeat;
}
*+html #headerbox .one { padding: 0 8px 0 0; }
*+html #headerbox .two { padding: 0 8px 0 0; }
*+html #headerbox .three { padding: 0 8px 0 0; }
#headerbox .three {
 margin: 0 4px 0 12px;
 padding: 0 16px 0 0;
 _padding: 0 8px 0 0;
 background: url(img/img_three.gif) no-repeat;
}
#headerbox .footer {
 height: 7px;
 overflow: hidden;
 background: url(img/headerbox_footer.gif) no-repeat;
}

#leftbox { /* leftbox, profil, background \*/
 width: 550px;
 margin: 0px 5px 5px 0px;
 _margin-right: 4px;
 padding: 0px;
 float: left;
 color: #333;
}
#leftbox .header {
 height: 7px;
 overflow: hidden;
 background: url(img/left_box_header.gif) no-repeat;
}
#leftbox .headline {
 padding: 10px 0 0 20px;
 font-size: 14px;
 font-weight: bold;
 color: #2BBAFF;
 top: 0;
 left: 0;
}
#leftbox .headline_bottom {
 padding: 0px 20px 10px 0px;
 text-align: right;
 font-size: 14px;
 font-weight: bold;
 color: #2BBAFF;
}
#leftbox .headline_bg { /* navigation in the box, navigationsleiste oben rechts in der box \*/
 overflow: hidden;
 _height: 1%;
}
#leftbox .headline_bg_profile {
 float: left;
}
#leftbox .headline_left {
 padding: 5px 0 5px 10px;
 float: left;
 font-size: 14px;
 font-weight: bold;
 color: #2BBAFF;
 left: 0;
 top: 0;
}
#leftbox .headline_right {
 float: right;
 font-size: 11px;
 font-weight: bold;
}
#leftbox .headline_right ul {
 padding: 3px 4px 0 0;
 list-style: none;
}
#leftbox .headline_right li {
 margin: 0;
 padding: 0;
 display: inline;
}
#leftbox .headline_right a {
 margin-right: 4px;
 text-decoration: none;
 color: #333;
}
#leftbox .headline_right a:hover { /* end navigation in the box \*/
 color: #2BBAFF;
}
#leftbox .profileimg {
 max-width:90px;
 width:expression(document.body.clientWidth > 90? "90px": "auto" );
 padding: 2px;
 border: 1px dotted #cfcfcf;
}
#leftbox .content {
 padding: 10px 20px 10px 20px;
 color: #666;
 overflow: hidden;
 _height: 1%;
 top: 0;
 left: 0;
 width: 510px;
}
#leftbox .footer { 
 height: 7px;
 margin: 0 0 5px 0;
 overflow: hidden;
 background: url(img/left_box_footer.gif) no-repeat;
}
#tagcloud { font-size: 50% !important; }
#tagcloud a { text-decoration: none; }
#leftbox .content#tagcloud a:link { text-decoration: none; }
#leftbox .content#tagcloud a:visited { text-decoration: none; }
#rightbox { /* rightbox, rechte box \*/
 width: 220px;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 float: left;
 display: inline;
}
#rightbox .background { background: transparent; }
#rightbox .header { 
 height: 14px;
 overflow: hidden;
 background: url(img/right_box_header.gif) no-repeat;
}
#rightbox .headline {
 padding: 10px 0 0 20px;
 background: url(img/right_box_bg.png) repeat-y;
 font-size: 14px;
 font-weight: bold;
 color: #2bbaff;
 left: 0;
 top: 0;
}
#rightbox .content {
 padding: 3px 20px 10px 20px;
 background: url(img/right_box_bg.png) repeat-y;
 color: #666;
 left: 0;
 top: 0;
}
#rightbox .content hr { width: 175px; text-align: left; }
#rightbox .content ul {
 padding: 3px 4px 0 0;
 list-style: none;
}
#rightbox .content li {
 margin: 0;
 padding: 0;
}
#rightbox .content a {
 margin: 0 11px 0 0;
 text-decoration: none;
 color: #666;
}
#rightbox .content a:hover {
 color: #2BBAFF;
}
#rightbox .footer {
 height: 17px;
 margin: 0 0 5px 0;
 background: url(img/right_box_footer.gif) no-repeat;
}
#rightbox_profil { 
 width: 220px;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 float: left;
 display: inline;
}
#rightbox_profil .header { 
 height: 13px;
 overflow: hidden;
 background: url(img/right_box_header.gif) no-repeat;
}
#rightbox_profil .headline {
 padding: 10px 0 0 20px;
 background: url(img/right_box_bg.png) repeat-y;
 font-size: 14px;
 font-weight: bold;
 color: #2bbaff;
 top: 0;
 left: 0;
}
#rightbox_profil .background { background: transparent; }
#rightbox_profil .content {
 padding: 3px 20px 10px 20px !important;
 background: url(img/right_box_bg.png) repeat-y;
 color: #666;
 top: 0;
 left: 0;
}
#rightbox_profil .content ul {
 padding: 3px 4px 0 0;
 list-style: none;
}
#rightbox_profil .content li {
 height: 23px;
 width: 166px;
 margin: 3px 0px 3px 0px;
 padding: 5px;
 background: #fff;
 font-weight: bold;
}
#rightbox_profil .content a {
 margin: 0 11px 0 0;
 text-decoration: none;
 color: #666;
}
#rightbox_profil .content a:hover {
 color: #2BBAFF;
}
#rightbox_profil profileimg {
 max-width:90px;
 width:expression(document.body.clientWidth > 90? "90px": "auto" );
 padding: 2px;
 border: 2px solid #ccc;
}
#rightbox_profil .profileimg_180px {
	max-width: 90px;
	min-width: 90px;
	_width: 90px;
}
#rightbox_profil .footer {
 height: 7px;
 margin: 0 0 5px 0;
 overflow: hidden;
 background: url(img/right_box_footer.gif) no-repeat;
}
.profileimg {
 max-width:90px;
 width:expression(document.body.clientWidth > 90? "90px": "auto" );
 padding: 2px;
 border: 2px solid #ccc;
}
.suggestion_list {
 background: white;
 border: 1px solid;
 padding: 4px;
 width: 200px;
}
.suggestion_list ul {
 padding: 0px;
 margin: 0;
 list-style-type: none;
}
.suggestion_list li {
 padding: 5px;
 margin: 0;
}
.suggestion_list a {
 text-decoration: none;
 color: #333;
}
.suggestion_list .selected {
 background: #ccc;
 color: white;
 font-weight: bold;
}
.suggestion_list .selected a {
 color: white;
}
#autosuggest {
 display: none;
}
#footer { /* footer, copyright \*/
 width: 775px;
 margin: 0px 0px 10px 0px;
 padding: 0px;
 clear: both;
}
#footer .header { 
 height: 7px;
 overflow: hidden;
 background: url(img/footerbox_header.gif) no-repeat;
}
#footer .background { 
 height: 30px;
 background: url(img/footerbox_bg.png) repeat-y;
}
#footer .content_left { 
 float: left;
 padding: 11px 0 0 20px;
 font-size: 10px;
 color: #999;
}
 /* this entry may not be deleted \*/
#footer .content_right { 
 float: right;
 padding: 9px 25px 0 0;
 font-size: 10px;
 color: #999;
}
#footer .footer { 
 height: 7px;
 overflow: hidden;
 background: url(img/footerbox_footer.gif) no-repeat;
}
/*
	Created by Bjˆrn Meiflner at pxlstyle.net	  	  
	E-Mail: info@pxlstyle.net
*/