/* 3 Column CSS Layout - Fluid, Multi-Column Stretch */

/* * {margin: 0; padding: 0; border: 0;} */

body {
  text-align: center; 
  color: #000000;
  min-width: 700px;
/*  background: #FFFFFF url(/cms/picture/layout/background_fade01.jpg) repeat-x; */
  background: #666666 url(/cms/picture/layout/background_fade02.png) repeat-x;
  background-attachment: fixed;
  font-size: 11px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper { 
  text-align: left;
  width: 90%;
  margin: 10px auto; 
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

#header, #subnav, #footer {
  color: #000;
  clear: both; 
  width: 100%;
  background-color: #CCCCCC;
}

#header {
  background-image: url(/cms/picture/layout/top_logo_faking.jpg);
  background-repeat: no-repeat;
  background-color: #97ACCB; /* #CCCCCC */
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  /* top right bottom left */
  height: 78px;
}

#subnav {
  background: #cccccc;
  padding: 1px 0;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}

#footer {
  background: #cccccc;
  padding: 1px 0;
  border-top: 1px solid #999999;
  height: 18px;
}


#contentfloatholder {/* right faux column tab */
  float: left;
  width: 100%;
  background: #F1F1F1;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
  content: "."; 
  display: block; 
  height: 0px;
  clear: both; 
  visibility: hidden;
}

#center {
  margin: 10px 170px 10px 160px;
  /* top right bottom left */
  background: #F1F1F1;
  min-height: 550px;
}

#centerwrap {
  float:left;
  width: 100%; 
  margin: 0 -95% 0 0;
}

#left {
  float:left;
  width: 150px;
  margin: 0 0 0 -5%;
  padding: 0 5px 5px 0;
  /* top right bottom left */
  min-height: 550px;
}

#right {
  float:right;
  width: 150px;
  margin: 0;
  padding: 5px;
  min-height: 550px;
}


/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}


/* phpwcms-elements below */

a {text-decoration:none; border:none;}
a:link { color: #835E2B; } /* #F76615 */
a:visited { color: #93836D; } /* #C64F00 */
a:hover, a:active {text-decoration: underline; color:#F76615; background:#E6E6E6; }
#right a {display:block; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px;}

img a, img a:hover, img a:active, a img { text-decoration:none; border:none; }

h1 { text-align: center; font-size: 15px; }

h2 { font-size: 13px; }

h3 { font-size: 12px; }

h4 { font-size: 11px; }

p { text-align: left;}

li { font-size: 11px; list-style: square; text-align: left;}

hr {
  border-top: 1px dashed #999999;
  color: #FFFFFF;
  height: 0;
}

.link_prev {
  margin-top: 15px;
  text-align: left;
  display: block; /* ggf. formatieren als Blockelement, um dem Link so Groessen zu geben */
  height: 12px; /* ggf. siehe oben */
  padding-left: 12px; /* Innenabstand des Linktextes - anpassen, je nach Groesse der Grafik */
  background: url(/cms/picture/layout/icon_link_prev.gif) no-repeat left center; /* Einfuegen eines Hintergrundbildes an die linke obere Ecke des Links */
}

.link_next {
  margin-top: 15px;
  text-align: right;
  display: block; /* ggf. formatieren als Blockelement, um dem Link so Groessen zu geben */
  height: 12px; /* ggf. siehe oben */
  padding-right: 12px; /* Innenabstand des Linktextes - anpassen, je nach Groesse der Grafik */
  background: url(/cms/picture/layout/icon_link_next.gif) no-repeat right center; /* Einfuegen eines Hintergrundbildes an die linke obere Ecke des Links */
}

input[type="text"], textarea {
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}

input[type="submit"], input[type="reset"] {
  border: 1px solid #000000;
  background-color: #CCCCCC;
  padding: 0px 0px 0px 0px;
  margin: 0px 10px 0px 0px;
}
input[type="submit"]:hover, input[type="reset"]:hover {
  border: 1px solid #F76615;
  color: #F76615;
}
input[type="submit"]:active, input[type="reset"]:active {
  border: 1px solid #F76615;
  background-color: #F76615;
  color: #FFFFFF;
}
input[type="submit"]:hover, input[type="reset"]:hover {
  border: 1px solid #F76615;
  color: #F76615;
}
input[type="submit"]:active, input[type="reset"]:active {
  border: 1px solid #F76615;
  background-color: #F76615;
  color: #FFFFFF;
}

.search_navi_center {
  margin-top: 15px;
  text-align: center;
}

.highlight {
  background-color: #FDD017;
}

.tab {
  background-color: #CCCCCC;
}

.tab2 {
  background-color: #EFEFEF;
}

#VisualModeIndicator {
	position:fixed;
	left:5px;
	bottom:5px;
	padding:5px;
	z-index:10000;
	background-color:#FF3300;
	color:#FFFFFF;
	border:1px solid #000000;
}

/* downloadstat */
.top10table {width:100%; border-collapse:collapse;}
.top10tablecaption {padding:2px; border:1px solid silver; font-weight:bold; background-color:#EFEFEF; text-align:center;}
.top10tablecell_0 {padding:2px; border:1px solid silver; background-color:white; text-align:center;}
.top10tablecell_1 {padding:2px; border:1px solid silver; background-color:white;}
.top10tablecell_2 {padding:2px; border:1px solid silver; background-color:white; text-align:right;}
.top10tablecell_3 {padding:2px; border:1px solid silver; background-color:white; text-align:right;}

/* poll */
.defaultPollClass {}
.pollQuestionCell {}
.pollBarBegin {}
.pollBarCell { padding-left: 10px; padding-top: 3px; padding-bottom: 3px; }
.pollBarMain { float: left; height: 9px; background-color: #AD8E62; border-top: 1px solid #93836D; border-left: 1px solid #93836D; border-right: 1px solid #835E2B; border-bottom: 1px solid #835E2B; margin: .2em 0 .5em 0; }
.pollBarPercent { margin-left: 3px; }
.pollRadioCell {}
.pollInfo { padding-top: 3px; padding-bottom: 3px; }
/* .pollSubmitButton { border: 1px solid #000000; background-color: #CCCCCC; padding: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 10px; }
.pollSubmitButton:hover { border: 1px solid #F76615; color: #F76615; }
.pollSubmitButton:active { border: 1px solid #F76615; background-color: #F76615; color: #FFFFFF; } */
.pollTotalVotesDiv { font-weight: bold; }
.pollTotalVotes { font-weight:normal; }

/* iframe */
.iframe { background-color: #F1F1F1; }

.teaserExContainer       { width:100%; font-size:9px; color:gray;}
.teaserExColumnContainer { float:left; margin-right:-1px;}
.teaserExColumnSingle    { padding-right:8px; }
.teaserExColumnLeft      { border-right:1px solid #835E2B; padding-right:8px; }
.teaserExColumnMiddle    { border-left:1px solid #835E2B; border-right:1px solid red; padding-right:8px; padding-left:8px;}
.teaserExColumnRight     { border-left:1px solid #835E2B; padding-left:8px; }


/* Gaestbuch - Eingabebereich 
-------------------------------------------------------------- 
*/
.gbInputForm { text-align:left; background:#F1F1F1; padding:5px; /* */
}
.gbInputForm h1 { font-size:13px; color:#CCC; text-align:left; padding-right: 4px;}
.gbError { color:#CC0000; font-weight:bold; }
.gbError ul li { color:#CC0000; font-weight:bold; }
.gbFormFields { text-align:right; vertical-align:top; /* background:blue; */ 
}
.gbInputField { width: 350px; }
.gbInputField2 { width: 350px; background: #FFFEEE;}
.gbInputTextarea { width: 350px; }

.gbLabel { width: 160px; float:left; }

.gbShowEmail { 
 background:#eaeaea;  padding:2px 0; margin: 5px 0; 
}

.gbCaptchaField { vertical-align: top; /* background:orange; */ margin: 10px 0; }
.gbInputFieldCaptcha { vertical-align: top; background: #FFFEEE; }
.gbCaptchaImage { vertical-align: top; }

.gbFormButton { text-align:left; margin-left: 160px; }
.gbButton_send { width: 350px; }

.gbSuccess { font-weight: bold; }


/* Gaestbuch - Navigation ----------
*/
.gbNav { /* Navigationsleiste */
 height:22px;
 background: #DDD;
 padding:5px 5px;
 margin: 10px 0 0 0;
}
.gbNavLeft { float: left; margin:0; }
.gbNavRight { float: right; }
.gbNavRight form { display:inline; }
.gbNavRight select { width: 100px; margin:0px; padding:0px; }

/* Gaestebuch - Eintragung ----------
*/
.gbEntries {    /* komplette Liste */ 
 height: 100%; /* to fix IE6 bug */
 width: 100%; /* to fix IE6 bug */
 clear:both;
 margin: 10px 0 10px 0; 
}
.gbListEntry {  /* einzelne Eintraege */ 
 clear:both;
 background: #FFFFFF;
 padding:10px 5px;
 margin: 0 0 10px 0; 
 min-height: 48px;
 border-top:1px solid #ddd;  
 border-left:1px solid #ddd;  
 border-right:1px solid #ddd;
 border-bottom:2px solid #999;
}

.entryID { /* Eintrags-ID-Nummer */
 float:right; 
 width:80px;
 text-align:center;
 font-family: verdana; 
 font-size: 35px; font-weight: bold; 
 color: #FFFFFF; 
 background: #F3F3F3; 
 padding: 6px 0px 8px 0px; margin: -5px 0 5px 10px;
}

.gbListEntryDateName { /* Datum und Name */
 float:left; height:18px; color:#000000; margin-bottom: 10px; }
 
.gbImage { /* Uebertragenes Bild */ 
 margin: 8px 8px 5px 0;} 

.gbListEntry p { /* Gaestebuch Fliesstext */
 color: #000000; margin: 0px; }

.gbListEntryMailWebsite { /* eMail-Adresse und Webseite */
 float: right;
 text-align: right; }


/* Gaestebuch - Kommentar ----------
*/
.gbCommentField { /* Kommentar-Block */
 background:#f5f5f5; 
 padding:5px; 
 border-top:1px solid #eee; 
 border-bottom:1px solid #CC0000; 
 border-left:5px solid #CC0000; 
 }
.gbCommentHeader { /* Kommentar-Header*/
 float: right;
 color: #999; 
 font-weight: normal;
 /* background:#ddd; */
}
.gbComment { /* Kommentar des Gaestebuch-Administrators */
 color: #666; 
 }
 
.related ul { /* related articles */ 
 padding:0; 
 margin:5px; 
}
.relatedlink { /* related articles link */
 padding-bottom:3px; 
 margin:0; 
 list-style-type:none;
 }