/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */


@import url(https://fonts.googleapis.com/css?family=Patrick+Hand&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Petit+Formal+Script);
@import url(https://fonts.googleapis.com/css?family=Rambla);






body {
background-color: #eddbb5;

font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding:0;
margin:0;

background-image:url(bodyBg.jpg);
background-repeat:no-repeat;
background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 50% 0px;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;

}
a {color: #000000; text-decoration: underline;}
a:visited {color:#000000;}
a:hover {color: #000000; text-decoration: underline;}
a:active { color:#000000;}

h1 {
font-size:22px;
color: #6c000e;

padding-top: 38px;
padding-bottom: 15px;
padding-left:10px;
margin:0px;
font-family: 'Rambla', sans-serif;}


p {
color: #333333;

line-height: 1.6;}

h2 {
font-family: 'Rambla', sans-serif;
font-size:18px;
color: #666666;

padding-top: 20px;
padding-bottom: 10px;
padding-left:10px;
margin:0px;

}


img2 {
	float:left;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	border: 2px solid #FFFFFF;
	background: #FFFFFF;
	}



h3 {
font-size:14px;

letter-spacing: 3px;
color: #213f9a;
padding-top: 0px;
padding-bottom: 15px;
padding-left:10px;
margin:0px;
/*font-family: 'Patrick Hand', cursive;*/ }


img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 1000px;
margin-bottom: 10px;
margin:0 auto;
background-color: #ffffff;
color:#000000;
height:auto;
}


#container1 {
width: 1000px;
margin-bottom: 10px;
margin:0 auto;
background-color: #ffffff;
color:#000000;
height:3000px;
}


/* ----------lang-------------- */
#lang {
background-image:url(bodyBg.jpg);
background-repeat:no-repeat;

text-align: right;
padding-top: 5px;
padding-right: 5px;
margin: 0px;
height:30px;
}


.fleft { float:left; padding-left:10px;}
.fright { float:right;}

/* ----------banner for logo-------------- */
#banner {
background-color: #fff;


margin: 0px;
height: 350px;

}
#banner img {padding-top:5px; padding-right:5px; padding-bottom::5px;} 


/* ----------navigation 1-------------- */
#navigation1 {
background-color: #6c000e;


margin: 0px;
height: 45px;
margin-left:0px;
margin-right:0px;
margin-top:-11px;



}

ul { list-style:none;}


.botschaft li {list-style-type:circle; color: #333333; line-height: 1.6;}
.list li { font-size:.83em; text-transform:uppercase; float:left; border-right:1px solid #92d56e; line-height:1em; padding:0 8px;}
.list li.last { border-right:0; padding-right:0;}
.list li a { color:#92d56e; text-decoration:none;}
.list li a:hover { text-decoration:underline;}


.site-nav {  overflow:hidden; padding-top:16px;}
.site-nav li { float:left; font-size:14px; /*text-transform:uppercase;*/ background:url(divider1.gif) no-repeat right top; padding-right:40px; padding-left:40px; }
}
.site-nav li.last { background:none;}
.site-nav li a { text-decoration:none; color:#fff;text-align:center; display:block;}
.site-nav li a:hover { text-decoration:underline; color:#fff;}
.site-nav li a.act { text-decoration:underline; color:#fff;}


.list1 { width:75%; overflow:hidden; text-align:left; padding-bottom:16px; padding-top:30px;}
.list1 li { font-size:11px; border-top:4px solid #fff; margin-top:-1px; padding:5px 5px 5px 5px; background: #F4F4F4; }
.list1 li span { display:inline-block; background:url(marker-11.gif) no-repeat left 5px; padding-left:0px;}
.list1 li a { color:#999999; text-decoration:none;}
.list1 li a:hover { color: #000033; background: #F4F4F4;}
.list1 li a.act { text-decoration:underline; color: #000033;}



/* -----------------Inhalt--------------------- */
#content {
background-color: #ffffff;
border-left: 1px dotted; color:#CCCCCC;
border-right: 1px dotted; color:#CCCCCC;
padding: 0;
margin: 0 220px;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0;
}

/* --------------left navigavtion------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}
#right {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
}
/* -----------footer--------------------------- */
#footer {
background-image:url(footer.gif); background-repeat:no-repeat; background-color:#abb0b2;

	background-attachment: scroll;
	background-position: 50% 0px;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;


clear: both;
margin: 0px;
padding-top: 40px;
text-align: right; 

}






/*************************  Forms ************************/


fieldset {
	border:0;
	padding:0px;
	margin:0px;
	}
	
ul.form {
	list-style:none;
	padding:0;
	margin:0;
	border:0;
	float:left;
	}
	
ul.form li {
	border-bottom:1px dashed #CBCDCE;
	padding:6px 0;
	float:left;
	width:100%;
	}
	
.form_head {
	color:#868889;
	text-align:center;
	border-bottom:0 !important;
	}
	
ul.form li label {
	display:block;
	float:left;
	width:160px;
	margin-left:10px;
	color: #333333;
	}
	
ul.form li label.age {
	display:block;
	float:left;
	width:80px;
	}
		
.required {
	display:block;
	font-size:10px;
	color:#5b6170;
	width:160px;
	float:left;
	clear:left;
	padding-bottom:5px;
	margin-left:10px;
	}
	
.requiredAge {
	display:block;
	font-size:10px;
	color:#5b6170;
	width:80px;
	float:left;
	clear:left;
	padding-bottom:5px;
	}
	
ul.form li input, ul.form li select, ul.form li textarea {
	width:180px;
	background-color:#CBCDCE;
	border:2px solid #CBCDCE;
	padding-left:3px;
	color:#868889;
	}

ul.form li input.check {
	width:15px;
	}

ul.form li select.date {
	width:50px;
	padding-left:0px;
	margin-right:14px;
	}
	
ul.form li select.dateSide {
	width:50px;
	padding-left:0px;
	margin-right:10px;
	}

ul.form li input.age {
	width:50px;
	}
	
ul.form li.submit {
	text-align:right;
	border:0;
	}
	
ul.form li.submit input {
	border:0 none;
	cursor:pointer;
	display:block;
	height:18px;
	width:64px;
	overflow:hidden;
	float:right;
	font-weight:normal;
	}

a.submit {
	border:0 none;
	cursor:pointer;
	display:block;
	line-height:18px;
	width:30px;
	overflow:hidden;
	float:right;
	font-weight:normal;
	background-color:#CBCDCE;
	padding-left:3px;
	color:#868889;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}
	
a.submit:hover {
	text-decoration:none;
}

	
#comment {
	width:400px;
	background-color:#ccc;
	border:2px solid #ccc;
	}
	
ul.form li textarea {
	height:90px;
	width:363px;
	}
	
ul.form li.comment .required, ul.form li.comment label {
	width:120px;
	}
	
li.comments	{
	height:130px !important;
	}
	
.valid {
	border:2px solid green !important;
	}
	
.invalid {
	border:2px solid #800 !important;
	}
	
