/* Diese Datei enthaelt alle Website-spezifischen StyleSheets */

.breaker { clear:both; height:1px; overflow:hidden; }

body {
	background:#fff url(/common/images/bg_header.gif) repeat-x top left;
	text-align:left;
	}

#stage {
	margin:0px auto;
	width:900px;
	text-align:left;
	float:left;
	/*border:1px solid #f00;*/
	}
	
#stagepopup {
	margin:0px auto;
	width:780px;
	text-align:left;
	float:left;
	/*border:1px solid #f00;*/
	background:url(/common/images/bg_footer.gif) no-repeat bottom left;
	}

#header {
	color:#fff;
	padding:0px 10px 00px 0px;
	position:relative;
	height:92px;
	/*border:1px solid #f00;*/
	overflow: hidden;
	}

#header a {
	margin:0px;
	padding:0px;
	float:left;
	}
	
#header .headline {
	float: right;
	height: 92px;
	font-size: 25pt;
	font-family:arial,verdana,helvetica,sans-serif;
	}

#mainnav {
	background:url(/common/images/bg_mainnav.jpg) no-repeat bottom left;
	float:left;
	height: 480px;
	margin:0px;
	padding:0px;
	width: 280px;
	/*
	position:absolute;
	top:64px;
	left:298px;
	*/
	}
	
#mainnav .start {
	width: 164px;
	padding:12px 0px;
	margin-left:58px;
	text-align:center;
	border-top:1px solid #abc6d8;
	border-bottom:1px solid #abc6d8;
	cursor: pointer;
	}
	
#mainnav .menuepunkt {
	width: 164px;
	padding:12px 0px;
	margin-left:58px;
	text-align:center;
	border-bottom:1px solid #abc6d8;
	cursor: pointer;
	}	
	
#mainnav .over {
	background-color: #EBF1F6;
	}

#navpopup {
	width: 750px;
	margin-left:30px;
	padding:0px;
	/*
	float:left;
	position:absolute;
	top:64px;
	left:298px;
	*/
	}

#navpopup .menuepunkt {
	font-weight: bold;
	color:#97b7c9;
	border-right:2px solid #97b7c9;
	float:left;
	padding:0px 5px;
	height:14px;
	}
	
#navpopup .menuepunkt_aktiv {
	font-weight: bold;
	color:#626251;
	border-right:2px solid #97b7c9;
	float:left;
	padding:0px 5px;
	height:14px;
	}

#minhoehe {
	width:1px;
	height:464px;
	float:left;
	/*border:1px solid #f00;*/
	}
	
#contentpopup {
	margin-top:0px;
	/*border:1px solid #f00;*/
	}
	
#content {
	margin: 20px 0px;
	/*border:1px solid #f00;*/
	}

#content h2 {
	margin:0px;
	padding:0px;
	margin-left:-3px;
	}

#content h3 {
	margin:0.5em 0em;
	padding:0px;
	}

#main {
	float:left;
	width:580px;
	padding-left:30px;
	border-left:1px solid #CECECE;
	}
	
html body #main {
     height:500px;
}
html>body #main {
     height:auto;
     min-height:500px;
}


#maintext {
	float:left;
	width:300px;
	padding:30px 0px 0px 30px;
	margin-left:30px;
	/*border:1px solid #f00;*/
	/*border-left:1px solid #CECECE;*/
	}
	
#lefttext {
	float:left;
	width:300px;
	padding-left:30px;
	/*border:1px solid #f00;*/
	/*border-left:1px solid #CECECE;*/
	}

#sub {
	float:left;
	width:250px;
	padding:0px 10px;
	}


#footer {
	color:#7D7D7D;
	padding:50px 0px 10px 0px;
	}

#footer a {
	color:#7D7D7D;
	}

.more a, a.more {
	color:#51ADC1;
	font-weight:bold;
	}
	
/* SHADOWBOX */
	
.sh1 {
	float:left;
	background:url(/common/images/shadow/sh1.gif) top left no-repeat;
}

.sh2 {
	background:url(/common/images/shadow/sh2.gif) bottom right no-repeat;
}

.sh3 {
	background:url(/common/images/shadow/sh3.gif) bottom left no-repeat;
}

.sh4 {
	background:url(/common/images/shadow/sh4.gif) top right no-repeat;
	padding:5px 10px 13px 6px;
	/*border:1px solid #f00;*/
}

/* News
------------------------------------------- */

dl#news {
	width:250px;
	margin:0px;
	padding:0px;
	}

dl#news dt {
	margin:0px;
	padding:3px 0px;
	font-weight:bold;
	color:#000;
	}

dl#news dt span {
	color:#51ADC1;
	}

dl#news dt {
	font-weight:bold;
	color:#000;
	}

dl#news dd {
	margin:0px 0px 10px;
	padding:3px 0px;
	color:#000;
	}

dl#news dd img {
	float:left;
	border:1px solid #C5C5C5;
	margin:5px 5px 2px 0px;
	}

dl#news .more {
	display:block;
	text-align:right;
	white-space:nowrap;
	}


/* colortable
------------------------------------------- */

table.colortable {
	margin:0px;
	padding:0px;
	border:1px solid #96b8ce;
}

table.colortable caption {
	margin:0px;
	padding:5px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	background-color:#000;
	border:1px solid #369;
	border-bottom:none;
	}

table.colortable th {
	margin:0px;
	padding:5px;
	color:#fff;
	background-color:#96b8ce;
	border:0;
	}

table.colortable th.switch {
	font-weight:normal;
	color:#3C3C3C;
	background-color:#E9F2F3;
	}

table.colortable td {
	margin:0px;
	padding:5px;
	background-color:#F5F5F5;
	border:0;
	}

table.colortable tr.switch td, table.colortable td.switch {
	background-color:#FCFCFC;
	}

table.colortable tfoot td {
	font-size:90%;
	color:#999;
	background-color:#fff;
	border:none !important;
	border-top:1px solid #CCC !important;
	}

/* Formulare
------------------------------------------- */

form em {
	color:#c00;
	font-size:120%;
	font-weight:normal;
	font-style:normal;
	font-family:verdana;
	}


/* etc
------------------------------------------- */

.error {
  border-width:2px;
  border-style:solid;
  border-color:#c00;
	color:#c00;
	}

p.error {
	font-weight:normal;
	}

.number {
	clear:both;
	float:left;
	padding:.3em .4em;
	margin-top:-.3em; margin-right:.5em;
	background-color:#000;
	color:#fff;
	font-family:verdana;
	}

.number_empty {
	clear:both;
	float:left;
	padding:.3em .4em;
	margin-top:-.3em; margin-right:1.2em;
	background-color:#fff;
	color:#fff;
	font-family:verdana;
	}

.popup {
  display:none;
  position:absolute;
  border: 1px solid #505050;
  text-align: left;
  padding: 5px;
  border-top: 4px solid #505050;
  background-color: #fff;
  line-height: 150%;
  width: 300px;
  margin-top: 5px;
  margin-left: 33px;
  clear:both;
  overflow:hidden;
}

.thema-edit {
  background-color:#f8f8f8;
  padding:2px;
  border:1px solid #ddd;
  clear:both;
  }

.error {
  background:#fff url(/common/images/error.png) no-repeat;
  background-position: 7px 7px;
  border-width:1px;
  border-style:solid;
  border-color:#DBCFBD;
  background-color: #DBCFBD;
  color:#000;
  padding:10px;
  padding-left: 30px;
  }
  
.success {
  background:#fff url(/common/images/ok.png) no-repeat;
  background-position: 7px 7px;
  border-width:1px;
  border-style:solid;
  border-color:#DBCFBD;
  background-color: #DBCFBD;
  color:#000;
  padding:10px;
  padding-left: 30px;
  }
  
.thema-edit-headline  {
  background-color:#e8e8e8;
  padding:2px;
  border:1px solid #ddd;
  border-bottom:none;
  float:left;
  width:15em;
  margin-bottom:3px;
  font-size:85%;
  }

/* Buttons */

input.button {
color: #000;
font-weight: bold;
background-color: #DBCFBD;
border: 1px solid #999;
}

input.buttonemail {
	background:#fff url(/common/images/email_senden.gif) no-repeat;
	/*border: 1px solid #999;*/
}

input.button:hover {
color: #000;
background-color: #DBCFBD;
border: 1px solid #999;
}