/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    2006.03.19
   PURPOSE: Controls the layout of the site and styles
            the menus
 **************************************************************/



/**************************************************************
   #content: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/
input.bg_img{
	background: url(../images/icons/button_bg.gif) repeat-x left top;
	color: #444;
	cursor: pointer;
}
p input.bg_img{
	margin-top: 10px;
}
#menu_hg_box{
	/*height:100%;
	width: 100%;*/
	background: url(../images/bg_header_03.gif) 0px 161px repeat-x;
        zoom: 1;
        
}
#content {
 height: 100%;
  min-height: 100%;
  text-align: left;
  overflow: hidden;
  zoom: 1;
  clear: both;
}

#content,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");
  max-width: 1000px;
  margin: 0 auto;
}

#content[id],
#width[id] {
  width: 94%;
  height: auto;
}




/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header {
  position: relative;
  height: 161px;
  
}

/* Holds the site title and subtitle */
#header #title {
  /*position: absolute;
  z-index: 3;
  top: 10px;
  left: 130px;
  padding: 5px;
  text-align: right;*/
}

#title span#title_text, #submenu_hilfe {
  
  margin: 0px 0 0 0px;
  padding: 0;
  font: 10px "trebuchet ms", serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #D6D6D6;
  text-align:left;
  font-size: 11px;
  
}

#title span#title_text {
  display: block;
  position: absolute;
  left: 42px;
  top:95px;
  color: #40b0de;
  font-weight: bold;
}

#submenu_hilfe{
  position: absolute;
  top:-3px;
  right:240px;
  width:500px;
  /*min-width:380px;*/
  text-transform:uppercase; 
  text-decoration:none; 
  font-size:9px; 
  letter-spacing:1px; 
  font-weight:bold;
  padding-top:9px;
  padding-right:20px;
}
#submenu_hilfe span{
  display: block;
  margin:0px 10px 0px 0px;
}
#submenu_hilfe .faq{
  float:right;
}
#submenu_hilfe .feedback{
  float:right;
}
#submenu_hilfe .kontakt{
  float:right;
}
#submenu_hilfe .impressum{
  float:right;
}

#submenu_hilfe a{
  color: #bebebe;
  text-decoration: none;
}
#submenu_hilfe a.here {
  color: #ff9900;
  text-decoration: none;
}
#submenu_hilfe span a:hover {
  color: #fff;
  /*text-decoration: none;*/
}

/* BEGIN Logout button*/
a.link_logout, a.link_logout:visited, a.link_logout:hover{
  color:#333; 
  background-color:#F39F01; 
  padding: 1px 5px;
  text-transform:uppercase; 
  text-decoration:none; 
  font-size:8px; 
  text-align:left; 
  letter-spacing:1px; 
  font-weight:bold; 
  border-left:1px solid #CCC; 
  border-top:1px solid #DDD; 
  border-right:1px solid #666; 
  border-bottom:1px solid #666;
}
a.not_login_link, a.not_login_link:visited{
  padding-left:5px; 
  padding-right:5px; 
  padding-top:1px; 
  padding-bottom:1px; 
  text-transform:uppercase; 
  text-decoration:none; 
  font-size:0.8em; 
  text-align:left; 
  letter-spacing:1px; 
  font-weight:bold; 
  color:#bebebe;
}

a.not_login_link:hover{
  color:#fff;
}
#logout_button_box{
  width: 180px; 
  text-align: right;
}
/* END Logout button*/

#header h2 {
  position: absolute;
  top: 10px;
  right: 5px;
  margin: 0;
  padding: 0;
  font: 700 1em "trebuchet ms", serif;
  text-transform: lowercase;
  color: #00F0EC;
}


/* Sets where the header images will go */
#header img.left {
  position: absolute;
  z-index: 1;

  top: 0;
  left: 0;
}

#header img.right {
  position: absolute;
  z-index: 0;

  top: 0;
  right: 0;
}

#header img.balloons {
  position: absolute;
  z-index: 2;

  top: 60px;
  right: 520px;
}



/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/

#mainMenu {
  float: left;
  width: 100%;
  clear: both;
  margin-bottom:16px;
}

#mainMenu ul {
  margin: 0;
  padding: 0;
}

#mainMenu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainMenu li a {
  float: left;
  margin: 0 2px;
  padding: 5px 0.5em;

  /*font: 400 1.4em "trebuchet ms", serif;*/
  font: 400 16px  verdana, arial, serif;
  text-decoration: none;
  font-weight:bold;
  text-transform: uppercase;
  color: #D6D6D6;
}

#mainMenu li a:hover,
#mainMenu li a.here {
  color: #ff9900;
  /*border-top: 5px solid #EDEDED;*/
  border-top: 5px solid #494949;
}

#mainMenu li a.last {
  margin-right: 0;
}

#mainMenu li .deaktiviert {
  float: left;
  margin: 0 2px;
  padding: 5px 0.5em;

  font: 400 1.4em "trebuchet ms", serif;
  text-decoration: none;
  font-weight:bold;
  text-transform: uppercase;
  color: #999;
}



/**************************************************************
   .sideMenu: The side bar menu
 **************************************************************/

ul.sideMenu {
  margin: 0;
  padding: 0;
  
}

.sideMenu li {
  display: inline;
  
  /* Needed since IE fails when you give it list-style: none; */
  list-style-image: url(foo.gif);
  font: 400 1.3em "trebuchet ms", serif;
  list-style-type: none;
}

.sideMenu li a {
  display: block;
  margin: 0.2em 0;
  padding: 3px 5px;
  padding-left:30px;
  text-decoration: none;
  color: #D6D6D6;
  background: url(../images/icons/side_menu.jpg) no-repeat;
  background-position: 0px 5px;
}

.sideMenu li a:hover {
  color: #336699;
  background: #EDEDED;
 
}

/* Active menu item */
.sideMenu li.here {
  display: block;
  _height:10px;
  padding: 5px;
  _padding-bottom: 0px;
  _margin-bottom: 0px;
  color: #D6D6D6;
  background: #222;
  margin:0px;
  padding-left:30px;
  background: #222 url(../images/icons/side_menu_orange.jpg) no-repeat;
  background-position: 0px 5px;
}

/* Submenu of active menu item */
.sideMenu li.here ul {
  margin: 0;
  padding: 0;
  /*background: #555;*/
}

.sideMenu li.here ul li a {
  
  padding-left: 35px;
  font: 400 0.55em verdana, arial, sans-serif;
  color: #D6D6D6;
  background: url(../images/bg/bullet.gif) no-repeat 10px 0px;
}

.sideMenu li.here ul li a:hover {
  color: #336699;
  
  background:#E9E9E9;
}

.sideMenu li.here ul li.here {
  
  display: block;
  padding: 0px;
  color: #FFF;
  /*background: #444;*/
  background: #444 url(../images/bg/bullet.gif) no-repeat 10px 0px;
}

.sideMenu li.here ul li.here2 {
  display: block;
  padding: 2px;
  color: #FFFFFF;
  background: #444;
  /*background: #444 url(../images/bg/bullet.gif) no-repeat 10px 0px;*/
}

/************************/
/* Link bei Liste der neuen Subjects*/
/*************************/

ul.listSubject {
  margin: 0;
  padding: 0;
  
}

.listSubject li {
  display: inline;
  
  /* Needed since IE fails when you give it list-style: none; */
  list-style-image: url(foo.gif);
  font: 400 1.3em "trebuchet ms", serif;
}

.listSubject li a {
  display: block;
  margin: 0.2em 0;
  padding: 3px 5px;
  padding-left:40px;
  text-decoration: none;
  color: #FFF;
  background: url(../images/icons/neu_blau.gif) no-repeat;
  background-position: 0px 0px;
  border:none;
}

.listSubject li a:hover {
  color: #336699;
  background: #EDEDED;
 
}

/* Active menu item */
.listSubject li.here {
  display: block;
  padding: 0px;
  color: #FFF;
  background: #222;
  margin:0px;
  padding-left:40px;
  background: #222 url(../images/icons/neu_blau.jpg) no-repeat;
  background-position: 0px 0px;
}

/************************/
/* Link bei Liste der Subjects*/
/*************************/

ul.allSubjects {
  margin: 0;
  padding: 0;
  
}

.allSubjects li {
  display: inline;
  
  /* Needed since IE fails when you give it list-style: none; */
  list-style-image: url(foo.gif);
  font: 400 1.3em "trebuchet ms", serif;
}

.allSubjects li a {
  display: block;
  margin: 0.2em 0;
  padding: 3px 0px;
  /*padding-left:40px;*/
  text-decoration: none;
  color: #FFF;
  /*background: url(../images/icons/neu_blau.jpg) no-repeat;*/
  /*background-position: 0px 0px;*/
}

.allSubjects li a:hover {
  color: #336699;
  background: #EDEDED;
 
}

/* Active menu item */
.allSubjects li.here {
  display: block;
  padding: 0px;
  color: #FFF;
  background: #222;
  margin:0px;
  /*padding-left:40px;*/
  /*background: #222 url(../images/icons/neu_blau.jpg) no-repeat;*/
  /*background-position: 0px 0px;*/
}


/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {
  float: left;
  width: 100%;
  clear: both;

  padding-bottom: 4em;
}




/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer {
  
  float: left;
  width: 100%;
  clear: both;
  
  margin-top: -3.8em;
  background: #000 url(../images/bg/footer.jpg) repeat-x top left;
}

/* Sets the width of the footer content */
#footer #width {
  position: relative;
  z-index: 3;
  font-size: 0.85em;
  /*padding-top: 27px;*/
  padding-top: 3px;
  
}
#footer #width img{
	margin-top: 3px;
	margin-right: 3px;
	float:left;	
}
/* START sitemap */
#footer h2{
	padding-left: 0px;
}
#footer ul#sitemap{
	text-align: left;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	list-style: none;
}
ul#sitemap a{
	text-decoration: none;
}
ul#sitemap li.here{
	float:left;
	width: 15%;
	padding: 0px;
	margin: 0px;
	/*background: #222 url(../images/icons/side_menu_orange.jpg) no-repeat;*/
	background-image: none;
	zoom: 1;
	list-style: none;
}
ul#sitemap li.here.home span{
	padding-left: 10px;
	padding-bottom: 5px;
}
ul#sitemap li.here span a{
	
	font-weight:bold;
	color: #bbb;
}
ul#sitemap li.here ul li{
	color: #aaa;
}
ul#sitemap li.here ul a{
	color: #666;
}
ul#sitemap li.here ul a:hover{
	color: #bbb;
}
ul#sitemap li.home{
	width: 10%;
}
ul#sitemap li.hilfe{
	/*width: 130px;	*/
}
ul#sitemap li.here ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
	background-image: none;
}

ul#sitemap li.here{
	font-size: 16px;
	overflow: hidden;
	list-style: none;
	background-image: none;
}
ul#sitemap li.here ul.level2{
	overflow: hidden;
	font-size: 12px;
}
ul#sitemap li.here ul.level2 li{
	margin-top: 10px;	
	list-style-image: none;
}
ul#sitemap li.here ul.level2 ul.level3{
	overflow: hidden;
}
ul#sitemap li.here ul.level2 ul.level3 li{
	font-size: 10px;
	margin-top: -5px;
	padding-left: 0px;
	
	/*background: url(../images/bg/bullet.gif) no-repeat 0px 2px;*/
}
ul#sitemap li.here ul.level2 ul.level3 li a{
	
}	
/* END sitemap */

/*
#footer #width table{
	text-align:left;
	line-height: 14px;
	margin-top: 15px;
}
#footer #width table a{
	text-decoration:none;
}
#footer #width table tr.header {
  font-size: 14px;
}
#footer #width table tr.header td{
  padding-bottom: 10px;
}
#footer #width table td {
  width: 150px;
}
*/
/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
  width: 100%;
}

.width75 {
  width: 74%;
}
.width66 {
  width: 66%;
}

.width50 {
  width: 49.7%;
}

.width33 {
  width: 32.7%;
}

.width25 {
  width: 24.7%;
}



/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}



/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.small {
  font-size: 0.8em;
  line-height:1.4em;
}

.green {
  color: #A1FF45;
}

.red {
  color: #EA1B00;
}

.grey {
  color: #777;
}

.grey a {
  color: #999;
}

.grey a:hover {
  color: #EEE;
}

.orange{
	color: #F39F01;
}
.gradient {
	/*position:relative;*/
  margin-bottom: 2em;
  background: #222 url(../images/bg/gradient.jpg) repeat-x bottom left;
  min-height:540px;
  _height:540px;
}
.gradient.big {
  margin-bottom: 2em;
  min-height:740px;
  _height:740px;
}
.gradient_start_bg {
  margin-bottom: 2em;
  background: #222 url(../images/bg/gradient.jpg) repeat-x bottom left;
}
.gradient_start {
  margin-bottom: 2em;
  background: #222;
  padding:15px 15px 15px 15px ;
}
.gradient_start a img{
	border:none;
}
/* Eigene Definitionen*/
.tagCloud{
	text-align: justify;
	padding: 0px;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:15px;
	margin-right:15px;	
}

#main_tag_cloud{
	line-height: 3em;	
}

.subjectDesc{
	text-align: left;
	margin-left:15px;
	margin-right:15px;	
}
.subjectName{
	margin-bottom:0px;
	padding-bottom:0px;	
}

.flashNachricht{
	background-image: url(../images/icons/exclamation_black.gif);	
	background-repeat: no-repeat;
	background-position: 5px 50%;
	margin: 10px 0px;
	padding-top: 10px;
	padding-bottom:10px;
	background-color: #222;  
	padding-left: 45px;	
	color: #F39F01;
}

.erfolgsNachricht{
	background-image: url(../images/icons/go.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	margin: 10px 0px;
	padding-top: 10px;
	padding-bottom:10px;
	background-color: #222;  
	padding-left: 45px;	
	color: #4b9900;
}


.fieldWithErrors{
	margin-left:15px;
	border-left:3px solid red;
}
.withoutTopSpan{
	margin-top:0px;
	padding-top:0px;
}

.topSpan{
	margin-top:20px;
	padding-top:0px;
}

.extraBottomSpan{
	margin-bottom:20px;
	
}

.extraMenuItem {
  float: left;
  margin: 0 3px;
  padding: 5px 0.5em;
  margin-right: 50px;
  font: 13px "trebuchet ms";
  text-decoration: none;
  font-weight:bold;
  /*text-transform: uppercase;*/
  color: #c4c4c4;
  border-top: 5px solid #000;
}

#map{
	/*width: 630px;*/
	/*height: 100%;*/
	width: 95%; 
	height: 400px;
}

.galerie{
  margin: 10px 15px;
  padding-top: 10px;
  /*padding-bottom:10px;*/
  padding-left: 5px;
  
  background-color: #444;  
  background-position: 5px 50%;  
  overflow:hidden;
  clear: both;
  zoom: 1;
}

.gallerie_bild{
	margin:10px;
}

.gallerie_prev_bild{
	margin:10px 8px 10px 8px;
	text-align: center;
	overflow:hidden;
}

#bild_box{
	clear:both;
}
.gallerie_prev_bild img{
	/*border: 1px solid #888888;*/
	background-color: #fff;
	padding: 2px;
}

.thumb_box{
	margin: 0px 10px 10px 0px;
	padding: 0;
	/*overflow: hidden;*/
	/*height: 70px;
	width: 120px;*/
	/*background-color: #fff; */
	float: left;
	/*text-align: center;
	vertical-align: middle;*/
}
.thumb_box a, .thumb_box a:visited{
	display: block;
  clear:both;

}
.thumb_box a img, .thumb_box a:link img, .thumb_box a:visited img{
	padding:2px; 
  border: 2px solid #fff;
}
.thumb_box a:hover img{
  border: 2px solid #666;
}


.galerie .thumb_box{
	margin-left: 10px;
}

.ListLine0{
	
	background-color: #444444;
}

.ListLine1{
	/*background:#555555;	*/
}

.ListComment0{
	background-color: #666;
}

.ListComment1{
	background:#444;
}

input.searchButton{
	/*background: url(../images/icons/lupe.jpg) no-repeat top left;*/
	height:30px;
	width:33px;
}
input.searchButton hover{
	border:none;
}

/* Suchformular oben links */

input#search{
  width: 170px;
}

/* Lupe für Tagsuche */
.lupe{
	margin-left:190px;
}
.lupe a { display:block;
     background-image:url(../images/icons/lupe_blau.png);
	 background-repeat: no-repeat;
     width:34px; 
	 height:26px 
}

.lupe a:hover { 
	background-image:url(../images/icons/lupe_orange.png);
	background-repeat: no-repeat; 
}

/* Lupe für Tagsuche */
.del_button{
	/*margin-left:170px;*/
}
.del_button a { display:block;
     background-image:url(../images/icons/kreuz_orange.jpg);
	 background-repeat: no-repeat;
     width:34px; 
	 height:26px 
}

.del_button a:hover { 
	background-image:url(../images/icons/kreuz_blau.jpg);
	background-repeat: no-repeat; 
}


/* Zurück Button */
.back_box{
	float:right;
	
}
.back_box a { display:block;
     background-image:url(../images/icons/back_blue.jpg);
	 background-repeat: no-repeat;
     width:34px; 
	 height:30px 
}

.back_box a:hover { 
	background-image:url(../images/icons/back.jpg);
	background-repeat: no-repeat; 
}
/**********/
/* PAGING */
/************/

/* Box mit Seitenanzeigen im View */
.paginate{
	margin-top:40px;	
}
/*erste Seite*/
.page_first{
	
}
.page_first a{
	text-decoration: none;
	border:1px solid #999;
	padding:3px;
}
.page_first a:hover{
	text-decoration: none;
	background-color: #EDEDED;
	color: #336699;
}
/*aktuelle Seite*/
.page_current{
	padding:3px;
	border:1px solid #ff9900;	
}
.page_current a{
	text-decoration: none;
}

/* alle anderen Seiten */
.page_other{
	/*font-weight: bold;*/
}
.page_other a{
	border:1px solid #999;
	padding:3px;
	text-decoration: none;
	
}
.page_other a:hover{
	text-decoration: none;
	background-color: #EDEDED;
	color: #336699;
}
/* letzte Seite */
.page_last{
	/*font-weight: bold;*/
}
.page_last a{
	border:1px solid #999;
	padding:3px;
	text-decoration: none;
} 
.page_last a:hover{
	text-decoration: none;
	background-color: #EDEDED;
	color: #336699;
}
/* Anzeige des vor und zurück Buttons */
.page_next_prev{
	/*font-weight: bold;*/
}
.page_next_prev a{
	border:1px solid #999;
	padding:3px;
	text-decoration: none;
}
.page_next_prev a:hover{
	text-decoration: none;
	background-color: #EDEDED;
	color: #336699;
}	

.marginBottom{
	margin-bottom: 20px;
}
.paddingBottom{
	padding-bottom: 20px;
}
.marginTop{
	margin-top: 20px;
}
.marginTop10{
	margin-top: 10px;
}
.marginLeft{
	margin-left: 15px;
}
.marginRight20{
	margin-right: 20px;
}
.noSpanLeft{
	margin-left:0;
	padding-left:0;
}
.noSpanTop{
	margin-top:0;
	padding-top:0;
}
.center{
	display: block;
	margin: 0 auto;
}
.no_span{
	margin:0;
	padding:0;
}
.bold{
	font-weight: bold;	
}
.spacer10{
	height: 10px;
}
.spacer20{
	height: 20px;
}
.spacer30{
	height: 30px;
}
/* Blockquote für FAQ Browser*/
.javascript_browser{
	padding-right: 15px;
}
.javascript_browser img{
	display: block;
	margin: 20px auto;
	padding:0;
	max-width:95%;
	_width: 95%;
	border: 1px solid #fff
	
}
/* Border aus für faq/kurz_info */
a.noBorder img{
	border: none;
}

/* Home Bereich*/
.home_info_box{
 width:100%;  
 margin-top:20px; 
 padding-bottom:10px; 
 background:#222; 
 color:#fff; 
 }
 
.tool_tip{
	position:absolute; 
	margin-left:280px; 
	background-color: #222;
	border: 1px solid #888;
	padding: 10px;
	width:340px; 	
}

/* wait between AJAX Requests */
#wait_bar {
  position:absolute;
  top:0;
  left:0;
  width:100px;
  height:25px;
  background-color: #000;
}

/* Listen in AGB */
#agb ul{
	background-image: none;
	list-style-image: none;
	list-style-type: square;
}
#agb ul li ul{
	background-image: none;
	list-style-image: none;
	list-style-type: circle;
}

/* BEGIN info box in layout */

#info{
  padding:0px;
}

/* BEGIN help Table - handy */
	table.handy{
		width:98%;
		border-left: 1px solid #666666;
		border-top: 1px solid #666666;
	}
	table.handy td{
		border-right: 1px solid #666666;
		border-bottom: 1px solid #666666;
	}
	table.handy tr{
		border: 1px solid #666666;
	}
	table.handy td.first{
		width: 200px;
	}

/* END help Table - handy */

.small_link a{
  font-size:9px;
  font-weight:bold;
  letter-spacing:0px;
  text-decoration:none;
  text-transform:uppercase;
}

.weight_link{
  font-size:13px; 
  color:#C2C2C2;
}