/*
	Created by Björn Meißner at pxlstyle.net	  	  
	E-Mail: info@pxlstyle.net
*/
#shoutbox {
position:absolute;
left:50%;
height:60px;
width:95px;
margin-top:52px;
margin-left:-570px; 
}

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

html, body { /* hintergrund, schriftart, abstand \*/
 margin: 0; /* wichtig für Firefox, IE, Safari & Co */
 padding: 0; /* wichtig für Opera */
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background: white url(img/bg.gif) repeat-x;
}
#wrapper { /* container wird durch margin: 0 auto; zentriert \*/
 margin: 0 auto;
 width: 825px;
}

#headernav { /* header, navigation, logo \*/
 height: 30px;
 width: 825px;
 margin: 20px 0px 0px 0px;
 padding: 0px;
 float: left;
 font-size: 13px;
 color: #333;
}
#headernav .logo { /* logo \*/
 margin: 0;
 padding: 0;
 position: relative;
 top: 0;
 left: 12px;
 float: left;
 font-size: 20px;
 font-weight: bold;
 color: #777;
}
#headernav .color { /* color for logo \*/
 color: #fe0084; 
}
#headernav .navigation { /* navigation \*/
 float: left;
 font-size: 12px;
 font-weight: bold;
 line-height: normal;
}
#headernav .navigation ul {
 margin: 0;
 padding: 10px 10px 0 0px;
 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 0 0 4px;
 float: left;
 background: url("img/nav_left.gif") no-repeat left top;
 text-decoration: none;
}
#headernav .navigation a span { /* rightpart button, rechter teil des buttons \*/
 margin: 0 1px 0 0;
 padding: 3px 14px 4px 8px;
 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: #777;}
#headernav .navigation a:hover {background-position: 0% -42px;}
#headernav .navigation a:hover span {background-position: 100% -42px;}  

#headerbox { /* headerbox, text, suchfeld \*/
 width: 825px;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 float: left;
}
#headerbox .header {
 height: 7px;
 width: 100%;
 overflow: hidden;
 background: url(img/headerbox_header.gif) no-repeat;
}
#headerbox .background {
 height: 45px;
 background: url(img/headerbox_bg.gif) repeat-y;
}
#headerbox .content { /* Willkommen in deinem Feuerwehrnetzwerk\*/
 margin: 0;
 padding: 0;
 position: relative;
 top: 24px;
 left: 12px;
 font-size: 14px;
 font-weight: bold;
 color: white;
}
#headerbox .content_logged {
 margin: 0;
 padding: 0;
 position: relative;
 top: 24px;
 left: 12px;
 font-size: 14px;
 font-weight: bold;
 color: white;		/* Hallo User †berschrift\*/
}
#headerbox .searchfield {
 margin: 0;
 padding: 0;
 position: relative;
 top: 6px;
 float: right;
}
#headerbox .searchbtn {
 height: 22px;
 position: relative;
 top: 3px;
 right: 14px;
 border: 0;
 background: url(../images/icons/zoom.png) no-repeat;
 font-weight: bold;
 color: black;
}
#headerbox .searchinput {
 height: 22px;
 width: 200px;
 padding: 1px 0 0 5px;
 position: relative;
 left: 14px;   
 border: 0;
 background: url(img/bg_sarchfield.gif) no-repeat;
 font-size: 16px;
 font-weight: bold;
 color: #888;		/* Suchwort\*/
}
#headerbox .footer {
 height: 7px;
 width: 100%;
 overflow: hidden;
 background: url(img/headerbox_footer.gif) no-repeat;
}
#headerbox a:link {text-decoration: underline; color: white;}     /* Nachrichten \*/
#headerbox a:visited {text-decoration: underline; color: white;}
#headerbox a:active {text-decoration: none; color: white;}
#headerbox a:hover {text-decoration: none; color: white;}


#leftbox { /* leftbox, profil, background \*/
 width: 600px;
 margin: 0px 5px 5px 0px;
 padding: 0px;
 float: left;
 color: #333;
}
#leftbox .header {
 height: 7px;
 width: 100%;
 overflow: hidden;
 background: url(img/left_box_header.gif) no-repeat;
}
#leftbox .header_menu {
 height: 7px;
 width: 100%;
 overflow: hidden;
 background: url(img/left_box_header_menu.gif) no-repeat;
}
#leftbox .header_profil {

 height: 7px;

 width: 100%;
 overflow: hidden;
 background: url(img/left_box_header_profil.gif) no-repeat;
}
#leftbox .headline {
 margin: 0;
 padding: 0;
 position: relative;
 top: 2px;
 left: 12px;
 font-size: 14px;
 font-weight: bold;
 color: red;   /* Box †berschrift \*/
}
#leftbox .headline_bottom {
 padding: 0px 20px 10px 0px;
 background: url(img/left_box_bg.gif) repeat-y;
 text-align: right;
 font-size: 14px;
 font-weight: bold;
 color: #fe0084;
}
#leftbox .headline_bg { /* navigation in the box, navigationsleiste oben rechts in der box \*/
 float: left;
 background: url(img/left_box_menu_bg.gif) no-repeat;
}
#leftbox .headline_bg_profile {
 float: left;
 background: url(img/left_box_menu_bg_profile.gif) no-repeat;
}
#leftbox .headline_left {
 margin: 0;
 padding: 0;
 position: relative;
 top: 2px;
 left: 12px;
 float: left;
 font-size: 14px;
 font-weight: bold;
 color: red;
}
#leftbox .headline_right {
 float: right;
 font-size: 12px;
 font-weight: bold;
}
#leftbox .headline_right ul {
 padding: 3px 4px 5px 0;
 list-style: none;
}
#leftbox .headline_right span {
 padding: 0 4px 0 0;
 list-style: none;
}
#leftbox .headline_right li {
 margin: 0;
 padding: 0;
 display: inline;
}
#leftbox .headline_right a {
 margin-right: 11px;
 text-decoration: none;
 color: #777;  /* Profil, GŠstebuch, Videos,Bilder \*/
}
#leftbox .headline_right a:hover { /* end navigation in the box \*/
 color: red; /* Hover Profil Navigation \*/
}
#leftbox .profileimg {
 min-width:103px;
 width:expression(document.body.clientWidth < 103? "103px": "auto" ); /* IE6 HACK */
 max-width:103px;
 width:expression(document.body.clientWidth > 103? "103px": "auto" ); /* IE6 HACK */
 padding: 2px;
 border: 2px solid #ccc;
}
#leftbox .content {             /* Text in den Boxen \*/
 width: 575px;
 margin: 0;
 padding: 0;
 position: relative;
 top: 7px;
 left: 12px;
 color: #666;
}
#leftbox .content a:link {text-decoration: underline; font-weight: bold; color: blue;} /* Einstellugen, Avatatre Top, Hauptwšrter, Feuerwehren*/
#leftbox .content a:visited {text-decoration: underline; font-weight: bold; color: blue} /* unter Feuerwehren Username*/
#leftbox .content a:active {text-decoration: none; font-weight: bold; color: blue;}
#leftbox .content a:hover {text-decoration: none; font-weight: bold; color: red;} /* unter Feuerwehren Hoverfarbe*/

#leftbox .background {
 width: 100%;
 background: url(img/left_box_bg.gif) repeat-y;
}
#leftbox .footer { 
 height: 7px;
 width: 100%;
 margin: 0 0 5px 0;
 overflow: hidden;
 background: url(img/left_box_footer.gif) no-repeat;
}

#rightbox { /* rightbox, rechte box \*/
 width: 220px;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 float: left;
 display: inline;
}
#rightbox .header { 
 height: 7px;
 overflow: hidden;
 background: url(img/right_box_header.gif) no-repeat;
}
#rightbox .headline {
 margin: 0;
 padding: 0;
 position: relative;
 top: 2px;
 left: 12px;
 font-size: 14px;
 font-weight: bold;
 color: red;	/*†berschrift rechte Boxen\*/
}
#rightbox .background {
 width: 100%;
 background: url(img/right_box_bg.gif) repeat-y;
}
#rightbox .content {
 width: 196px;
 margin: 0;
 padding: 0;
 position: relative;
 top: 7px;
 left: 12px;
 color: #666;		/*Textfarbe rechte Boxen\*/
}
#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;		/*Textfarbe rechte Boxen user, bogs ausloggen\*/
}
#rightbox .content a:hover {
 color: red; /*hover Textfarbe rechte Boxen user, bogs ausloggen\*/
}
#rightbox .footer {
 height: 7px;
 margin: 0 0 5px 0;
 color: #888;
 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: 7px;
 overflow: hidden;
 background: url(img/right_box_header.gif) no-repeat;
}
#rightbox_profil .headline {
 margin: 0;
 padding: 0;
 position: relative;
 top: 2px;
 left: 12px;
 font-size: 14px;
 font-weight: bold;
 color: red;		/*in ProfilŸbersicht rechte Box †berschriften\*/
}
#rightbox_profil .background {
 width: 100%;
 background: url(img/right_box_bg.gif) repeat-y;
}
#rightbox_profil .content {
 width: 196px;
 margin: 0;
 padding: 0;
 position: relative;
 top: 7px;
 left: 12px;
 color: blue; /*Inhakt Notizen\*/
}
#rightbox_profil .content ul {
 padding: 3px 4px 0 0;
 list-style: none;
}
#rightbox_profil .content li {
 height: 23px;
 width: 184px;
 margin: 3px 0px 3px 0px;
 padding: 5px;
 background: #fff;
 font-weight: bold;
  border: 1px solid #ccc;
}
#rightbox_profil .content a {
 margin: 0 11px 0 0;
 text-decoration: none;
 color: blue; /*Im Profil ausloggen, Inhalt Mitglied der Feuerwehr\*/
}
#rightbox_profil .content a:hover {
 color: red;
}
#rightbox_profil .profileimg_180px {
 min-width:194px;
 width:expression(document.body.clientWidth < 194? "194px": "auto" ); /* IE6 HACK */
 max-width:194px;
 width:expression(document.body.clientWidth > 194? "194px": "auto" ); /* IE6 HACK */
 border: 1px solid #ccc;
 text-align: center;
}
#rightbox_profil .footer {
 height: 7px;
 margin: 0 0 5px 0;
 overflow: hidden;
 background: url(img/right_box_footer.gif) no-repeat;
}
.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: 825px;
 margin: 0;
 padding: 0 0 10px 0;
 clear: both;
}
#footer .header { 
 height: 7px;
 width: 100%;
 overflow: hidden;
 background: url(img/footerbox_header.gif) no-repeat;
}
#footer .background {
 height: 20px;
 width: 100%;
 background: url(img/footerbox_bg.gif) repeat-y;
}
#footer .content_left { 
 float: left;
 padding: 2px 0 0 15px;
 font-size: 12px;
 font-weight: bold;
 color: white;
}
 /* this entry may not be deleted \*/
#footer .content_right { 
 float: right;
 padding: 2px 15px 0 0;
 font-size: 10px;
 font-weight: bold;
 color: white;
}
#footer .footer { 
 height: 7px;
 width: 100%;
 overflow: hidden;
 background: url(img/footerbox_footer.gif) no-repeat;
}
#footer a:link {text-decoration: underline; color: #fff;}
#footer a:visited {text-decoration: underline; color: #fff;}
#footer a:active {text-decoration: none; color: #fff;}
#footer a:hover {text-decoration: none; color: #fff;}


.bottom_space { 
 padding: 0 0 10px 0;
}
.bold {
 font-weight: bold;
}

/* icon position */
.icon_4_5{ position:relative;top:4px;border:0px;padding-right:5px; }
.icon_3_5{ position:relative;top:3px;border:0px;padding-right:5px; }
.icon_2_0{ position:relative;top:2px;border:0px }
.icon_2_5{ position:relative;top:2px;border:0px;padding-right:5px; }
.icon_0_5{ position:relative;top:0px;padding-right:5px; }
.icon_0{ position:relative;top:0px; }
.icon_2{ position:relative;top:2px; }
.icon_3{ position:relative;top:3px; }
.icon_0_2{ position:relative;left:2px;border:0px; }

 /* anmeldung \*/
#anmeldung { 
 font-size: 10px;
 color: white;
}

/*
	Created by Björn Meißner at pxlstyle.net	  	  
	E-Mail: info@pxlstyle.net
*/

.pics_tpl {
 max-width:540px;
 width:expression(document.body.clientWidth > 540? "540px": "auto" ); /* IE6 HACK */
 border: 3px solid #999;
 padding: 3px;
}

/* pagination */
#pagination {
font-family:tahoma;
text-align:center;
}

#pagination span {
display:block;
float:left;
font-size:11px;
line-height:13px;
margin: 2px 6px 2px 0;
}

#pagination span a {
background-color:#ffffff;
border:1px solid #bbbbbb;
color:#303030;
display:block;
padding:1px 5px 2px 5px;
text-decoration:none;
}

#pagination span a:hover, #pagination span a:active {
background-color: #bbbbbb;
border:1px solid #303030;
}

#pagination span.aktuell {
background-color: #303030;
border:1px solid #303030;
color:#ffffff;
font-size:11px;
padding:1px 5px 2px 5px;
}