/* css created by Webcenter http://www.webcenter.ch */

/********************************************************* _Global Styles */

* {
   margin:0;
   padding:0;
}

html, body {
   height:100%;
}

body {
   background:#7c945a;
}

body, table, input, select, textarea {
   font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#666;
}

a:link, a:visited { color:#000; text-decoration:underline; }
a:hover, a:active, a:focus { color: #000; text-decoration: none; }

p, ul, ol { margin-bottom: 15px; }
ul { list-style:none; }
img { border:none; }

hr {
   height:1px;
   border:none;
   border-bottom: 1px solid #DEDEDE;
   margin-bottom:15px;
}

.clearer {
   display:block;
   clear:both;
   height:1px;
   overflow:hidden;
   visibility:hidden;
}

.clearfix {
   display:inline-block;
}

.hidden {
   display: block;
   position: absolute;
   left: -1500px;
   top:  -1500px;
   overflow: hidden;
   width:0;
   height:0;
}

/********************************************************* _Structure */

#wrapper {
   background:#FFF;
   overflow:hidden;
   height:auto !important;
   min-height:100%;
}

#header_wrapper {
	position:relative;
   height:224px;
	z-index:2;
}

#header {
	position:fixed;
   top:0;
   height:224px;
   width:100%;
   background:url(../images/layout/header_bg.jpg) repeat-x;
}

   #service {
      position:relative;
      width:930px;
      margin:0 auto;
      height:25px;
   }
   
      #service ul {
         position:absolute;
         right:15px;
         margin:0;
         padding-top:7px;
      }
      
      #service li {
         display:inline;
         float:left;
         border-right:1px solid #666;
         line-height:11px;
      }
      #service .last {
         border:none;
      }
      
      #service .current_lang {
         font-weight:bold;
      }
     
      #service a {
         float:left;
         text-decoration:none;
         color:#666;
         display:block;
         padding:0 10px 0 10px;
		}
      #service a:hover {
      	color:#000;
      }
      
      #service .lang {
      	text-transform:uppercase;
      }
      #service .lang.current {
      	font-weight:bold;
      }


   #header_content {
      height:191px;
      width:938px;
      margin:0 auto;
      position:relative;
   }
   
      #header_logo {
         position:absolute;
         width:154px;
         height:191px;
         background:url(../images/layout/staudenfreunde_logo_bg.png) no-repeat;
      }
      
         #header_logo a {
            display:block;
            width:139px;
            height:191px;
            margin-left:7px;
         }
      
      #menu {
         position:absolute;
         z-index:2;
         left:154px;
         width:145px;
         height:191px;
      }
      
         #menu ul {
            width:145px;
            padding-top:8px;
         }
      
      #headerbild {
         position:absolute;
         z-index:1;
         left:299px;
         width:623px;
         height:191px;
         background:url(../images/layout/headerbild_bg.png) no-repeat;
      }
      
         #headerbild  span{
            display:block;
            width:608px;
            height:191px;
            margin-left:7px;
            background:url(../images/layout/headerbild_beispiel.jpg) no-repeat;
         }
   
   
#content_top {
   display:block;
   background:url(../images/layout/content_top_bg.jpg) repeat-x;
   height:29px;
}
   
#content_main {
   width:953px;
   margin:0 auto;
   background:url(../images/layout/content_main_bg.gif) repeat-y;
   margin-bottom:70px;
}

   .content_main_bg_top {
      background:url(../images/layout/content_main_bg_top.gif) top left no-repeat;
   }
   .content_main_bg_bottom {
      background:url(../images/layout/content_main_bg_bottom.gif) bottom left no-repeat;
   }
   
   #content {
      float:left;
      width:714px;
      overflow:hidden;
   }
   
      #content .adjust {
			/* border-right:1px solid #DDDDDD; */
         margin:25px 0 24px 36px;
         padding:0 25px 0 0;
      }
     
   
   #container {
      float:left;
      width:216px;
      overflow:hidden;
		border-left:1px solid #DDDDDD;
   }
   
      #container .adjust {
         padding:35px 20px 4px 15px;
      }

#footer {
   position:fixed;
   bottom:0;
   height:70px;
   width:100%;
   background:url(../images/layout/footer_bg.jpg) repeat-x;
	z-index:2;
}

   #footer .adjust {
      width:900px;
      margin:0 auto;
   }

   #footer p {
      text-align:right;
      padding:40px 30px;
      color:#CCC;
      font-size:11px;
   }
   
      #footer .aa2_login_link,
      #footer p a:link,
      #footer p a:visited {
         cursor:pointer;
         color:#FFF;
         text-decoration:none;
      }
      #footer p a:hover {
         color:#FFF;
         text-decoration:underline;
      }


/********************************************************* _Content Styles */

/********* Aufzählung */

#content ul li {
   list-style-type:none;
   background:url(../images/layout/content_li.gif) 0 7px no-repeat;

   padding-left: 12px;
   margin-left:5px;
}

/********* Content Text */

#content {
   line-height:18px;
}

#content .required {
	color:#CC0000;
}

/********* Links */

#content a:link,
#content a:visited {
	color:#7C955A;
   text-decoration:underline;
}
#content a:hover {
	text-decoration:none;
}

/********* Rahmen bei Bildern in Links */

#content img.img_border {
   padding:2px;
   border:1px solid #CCC;
}
#content a:hover img.img_border {
   border:1px solid #5E7144;
}

/********* Basic Tabellenformatierung */

table p {
	margin:0;
}

#content .content_table {
	width:100%;
	border-collapse:collapse;
	margin-bottom:15px;
}

#content .content_table td {
	padding:3px 15px 3px 1px;
	line-height:18px;
   vertical-align:top;
}

#content .memberCategories {
	width:auto;
	}
	
	.memberCategories td {
		border-bottom:1px solid #EEE;
		}
		
	#content .memberCategories input {
		position:relative;
		top:2px;
		z-index:1;
		}


/********************************************************* _Container Styles */

/********* Container-Box */

#container .container_box {
   margin-bottom:15px;
   border-bottom:1px solid #DDD;
   padding-bottom:10px;
}

/********* Titel */

#container .container_titel {
}

#container h3 {
   font-size:12px;
   margin-bottom:10px;
}

/********* Container Content */

#container .container_content {
   line-height:16px;
}

#container .container_content {
}

#container .container_content p {
   margin-bottom:8px;
}

#container a:link,
#container a:visited {
	color:#7C955A;
}
#container a:hover {
}



/********* Aufzählung */

#container ul {
   margin-bottom:5px;
}

#container li {
   margin-bottom:2px;
   padding-left: 18px;
   line-height:18px;
}

   /********* Aufzählung Icons */

   #container .li_tel {
      background:url(../images/icons/icon_telefon.gif) no-repeat 0 5px;
   }
   #container .li_email {
      background:url(../images/icons/email.gif) no-repeat 0 6px;
   }
   #container .li_link {
      background:url(../images/icons/link.gif) no-repeat 0 6px;
   }
   #container .li_download {
      background:url(../images/icons/download.gif) no-repeat 0 4px;
   }
   
/********* Erste / Letzte Container-Box */

#container .first {
}
#container .last {
   border:none;
   padding-bottom:0;
   margin:0;
}

/********************************************************* _Headings */

h3 {
   font-size:16px;
   margin-bottom:15px;
   color:#7c955a;
}

h4 {
   font-size:12px;
   margin-bottom:10px;
   color:#333;
}

/********************************************************* _Text Styles */

.msg_box {
   margin-bottom:15px;
   padding:10px 10px 10px 30px;
   border:1px solid #DDD;
}

.msg_error {
	background:url(../images/icons/msg_error_icon.gif) 10px center no-repeat;
   color:#CC0000;
}

.msg_success {
   background:url(../images/icons/msg_success_icon.gif) 10px center no-repeat;
   color:#336633;
}

/********************************************************* _Menu */

#menu span {
   display:block;
   padding:0 8px;
   line-height:20px;
}

#menu li ul {
   display:none;
}

/********* Menüstufe 1 */

#menu ul {
   margin:0;
   width:145px;
}

#menu li {
   position:relative;
}

#menu a:link,
#menu a:visited{
   display:block;
   width:152px;
   color:#FFF;
   font-weight:bold;
   text-decoration:none;
   background:url(../images/layout/menu_1_bg.png) repeat;
   margin-bottom:1px;
}
#menu a:hover {
	width:152px;
   color:#333;
   background:url(../images/layout/menu_2_bg.png) repeat;
}

#menu .current a:link,
#menu .current a:visited {
   background:url(../images/layout/menu_2_bg.png) repeat;
   color:#000;
}
/*
#menu li:hover {
	width:152px;
}
*/

#menu li:hover ul {
	display:block;
}

/********* Menüstufe 2 */

#menu li ul {
   position:absolute;
   top:0;
   left:152px;
   width:145px;
   padding:0;
}

#menu .current .current a:link,
#menu .current .current a:visited {
   background:#FFF;
}

#menu li li a:link,
#menu li li a:visited {
	color:#333;
   background:url(../images/layout/menu_2_bg.png) repeat;
}
#menu li.current li a:hover,
#menu li li a:hover {
	color:#000;
	background:#FFF;
}

#menu li li a span {
   padding:0 8px 0 20px;
   background:url(../images/layout/menu_2_arrow.gif) 8px 8px no-repeat;
}

/********************************************************* _Forms */

input,
textarea {
   color:#000;
   line-height:normal;
}

textarea,
.input_text,
.input_captcha {
   cursor:text;
   height:16px;
   width:200px;
   border:1px solid #999;
   padding-left:1px;
   padding-top:1px;
}

textarea {
	width:347px;
   height:150px;
}

.input_radio {
   background:none;
   border:none;
}

.input_checkbox {
   background:none;
   border:none;
}

.input_captcha {
   width:77px;
}

.input_submit {
   padding:1px 5px;
   border:1px solid #000;
   background:#696969;
   cursor:default;
   color:#FFFFFF;
   overflow:visible;
}

.input_required_highlight {
	border:1px solid red;
}


/********************************************************* _Extras */