/* REMEMBER: width AND padding in one div/p might cause problems */

/********************* PAGE LAYOUT ***********************************************************/
* { margin:0; padding:0; }
body {
	background:#ffffff;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	margin-top:8px;
	color:#003300;
}

#page { width:760px; margin:0 auto; text-align:left; border:solid 1px #003300;}

#centerpage {	width:760px; margin:0 auto;}

#header {	width:760px; height:75px;	border-bottom: solid 1px #003300;}

#navi {	width:150px; float:left; padding-top:14px; }
#navi li { background-color:#003300; margin-bottom:1px; padding-left:6px; line-height:19px;}
#navi .empty{ background-color:#f5f5f5; line-height:10px;}
#navi .active{ background-color:#006600;}
#navi li:hover { background-color:#006600;}
#navi a {	color:#ffffff; font-size:10px; font-weight:bold; text-decoration:none;}
#navi a:hover { color:#ffffff;}
#navi a:visited {	color:#ffffff;}
#navi a:active {color:#ffffff;}
#navi a:focus {color:#ffffff;}

#content { background-color:#f5f5f5; position:relative;	z-index:5; overflow:hidden; zoom:1; /* cleart float von #contentMain/Leftcol/Rightcol */}

#footer {	width:760px; height:20px; background-color:#f5f5f5; border-top:1px solid #dddddd; line-height:20px;}
#footer .left {width:150px; float:left; text-align:center;}
#footer .middle {width:460px; float:left; text-align:center;}
#footer .middle li {float:left; width: 230px; list-style-type:none; text-align:center;}
#footer .middle a {	color:#006600; font-size:11px; font-weight:normal; text-decoration:none;}
#footer a {color:#003300; text-decoration:underline;}
#footer a:visited {	color:#006600;}
#footer a:active { color:#006600;}
#footer .right {width:150px; float:right;} 

#contentMainToTop {background-color:#ffffff; float:left; }

#contentMain { width:440px; padding:10px; padding-top:14px; min-height:420px; overflow:visible;}

#contentMain li {margin-left:15px; padding-bottom:0.2em; line-height:1.5em; vertical-align:bottom;}
	
#toTop {
	padding-left:10px;
	padding-bottom:10px;
}

#contentRight {	width:150px; float:right;	padding-top:14px;	background:#f5f5f5 url(../images/hamburg.gif) repeat-y; }
#contentRight li { padding-left:6px; margin-bottom:30px; list-style-type:none; }
#contentRight a {	color:#006600; font-size:11px; font-weight:normal; text-decoration:none;}
#contentRight a:hover {	color:#003300; text-decoration:underline;}
#contentRight a:visited {	color:#006600;}
#contentRight a:active { color:#006600;}
#contentRight a:focus { color:#006600;}

h1 { font-size:14px; margin:0 0 0.4em 0; padding:0 0 2px 0;}
h2 { font-size:12px; clear:both; margin:0.75em 0 0.5em 0; }
h3 { font-size:11px; clear:both; margin:0.5em 0 0.5em 0; }
p {	font-size:11px;	margin:0 0 1.0em 0; line-height:1.5em; }
/*
.main-content h1 {border-bottom:solid 7px rgb(225,225,225); font-family:ARIAL, HELVETICA,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
.main-content h2 {font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
.main-content h3 {font-family:"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:130%;}

.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
*/	
a {	color: #006600; font-size: 11px; text-decoration: none }
a:visited { color: #006600; }
a:link { color: #006600; }
a:hover {	color: #003300; }
a:active { color: #006600; }
a:focus { color: #006600; }

img {	border:1px solid #003300; }

.noborder {	border:none;}

#contentMain .kalender {padding-bottom:20px;}
#contentMain .kalender li { list-style-type:none; margin-left:0px;}
#contentMain .kalender a {	color:#006600; font-size:11px; font-weight:normal; text-decoration:none;}
#contentMain .kalender a:hover {	color:#003300; text-decoration:underline;}
#contentMain .kalender a:visited {	color:#006600;}
#contentMain .kalender a:active { color:#006600;}
#contentMain .kalender a:focus { color:#006600;}

#contentMain .download {}
#contentMain .download li { list-style-type:none; margin-left:0px;}
#contentMain .download a {	color:#006600; font-size:11px; font-weight:normal; text-decoration:none;}
#contentMain .download a:hover {	color:#003300; text-decoration:underline;}
#contentMain .download a:visited {	color:#006600;}
#contentMain .download a:active { color:#006600;}
#contentMain .download a:focus { color:#006600;}

.disclaimer {
	color:#003300;
}


/* Text mit img allgemein */
.txt-with-img-left, 
.txt-with-img-right,
.txt-with-img-left-2cols,
.txt-with-img-right-2cols {
	margin-bottom:20px; 
	overflow:hidden; /* cleart float von Kind-Elementen */
	zoom:1; /*_height:1%; */  /* for IE lte 6 */ 
}

/* Text mit img = Text umfliesst img */
.txt-with-img-left div {float:left; margin-right:15px;}
.txt-with-img-right div {float:right; text-align:right; margin-left:15px;}
.txt-with-img-right img, .txt-with-img-left img  {margin-bottom:10px; margin-left:5px;}

/* Text mit img = KEIN Umfliessen */
/* Breite der div's muss an Breite des div#content angepasst werden!!! */
.txt-with-img-left-2cols div {float:left;}
.txt-with-img-left-2cols div.pic {width:100px; margin-right:15px;} /* Anpassen: 2px border + Standardbildergrösse 250px */
.txt-with-img-left-2cols div.text {width:325px;} /* Anpassen: width von #content oder #contentMain abzgl. width von div.pic */

.txt-with-img-right-2cols div {float:right;}
.txt-with-img-right-2cols div.pic {width:100px; text-align:right; margin-left:15px;} /* Anpassen: 2px border + Standardbildergrösse 250px */
.txt-with-img-right-2cols div.text {width:325px;} /* Anpassen: width von #content oder #contentMain abzgl. width von div.pic */

.txt-with-img-left-2cols div.pic img, .txt-with-img-right-2cols div.pic img {margin:0 8px 8px 0;}

.highlightbox {
	padding:10px;
	margin:15px 0;
	background-color:#99a3cd; 
	border:1px solid #999;
}

/* Bilderreihe oder Galerie */
.gallery img {
	margin-right:0px;
	margin-bottom:8px;
}

/********************* FORM STYLES ***********************************************************/

.error {color:#cc0000;}

form {font-size:11px; margin:10px 0 0 0; padding:0; border:0px; width:410px;}
form br {clear:left;}
form span {line-height:1em; color:#666;}
fieldset {margin:10px 0px; padding:10px 4px 5px 10px; border:0px; background:#f5f5f5; border:1px solid #006600;}
fieldset.nobg {background-color:transparent; border:0px;}
label, input, textarea, select {
	float:left;
	width:130px; 
	margin:0px; padding:0px;
}
input, textarea, select {
	float:left;
	width:250px;
	color:#003300;
	font-size:12px; 
	margin:2px 0 5px 0;
	padding-left:3px;
	border:1px solid #acacac;
	background:#fff;
}
select {font-size:11px;}
option {margin-bottom:3px;}
input#submit {
	float:right;
	color:#ffffff;
	width:auto;
	font:bold 0.8em;
	padding:1px 5px; margin:0;
	background-color:#006600;
	border:1px solid #f5f5f5;
}
label.follow {width:300px;}
label.date {width:90px; text-align:right; margin-right:8px;}
label.pers {width:40px; margin-right:8px;}
label.med {width:110px;}

label.city {width:30px; margin-right:8px;}

input.pers {width:45px; margin-right:8px;}
input.med {width:95px;}
input.city {width:324px; margin-right:8px;}
input.phone {width:130px; margin-right:8px;}

input.datum {width:80px; margin-right:8px;}
input.anzahl {width:30px; margin-right:8px;}
input.checkbox {
	width:30px;
	margin:0px 0px 5px -8px;
	border:0;
	background:0;
}
input.radio {
	width:30px;
	margin:0px 0px 5px -8px;
	border:0;
	background:0;
}

table p, table th, table td, table td p {margin:0; padding:0; font-size:11px;}
table th {text-align:center;}