body      {
	background: #DDCEBB url('/clips/background.jpg');
	background-position: center 762px;
	background-repeat: repeat-y;
	color: black;
	font-family: 'Open Sans', sans-serif;
	font-size: 11pt;
	margin: 0px;
	padding: 0px; }

* {	font-family: 'Open Sans', sans-serif;
	font-size: 11pt;  }

/* Links */
a:link, a:visited, a:active, a:hover   { 
	color: #B30036;
	background: transparent;
	font-size: 11pt;
	text-decoration: none;
	font-weight: normal;
	 }
a:hover  { color: red; }

/* Überschriften */
h1 {
	font-size: 24pt;
	font-weight: bold;
	color: #723C23;
	margin-top: 0px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.6em;
}
h2 {
	font-size: 18pt;
	font-weight: bold;
	margin-top: 0px;
	font-family: 'Open Sans', sans-serif;
}
h3 {
	font-size: 16pt;
	font-weight: bold;
}
/* Überschrift für Impressum (muss gesetzt werden!) */
h2.impressum {
	font-size: 11pt;
	font-weight: bold;
}
/* Normale Texte */
span.impressum  {
	font-size: 10pt;  }
	
	




.red{
	color: #B30036;
}

div.box{
	padding: 20px 20px 20px 20px;
	border-left: 20px solid #AD8790;
	background: white;
}

table.mytable{
	width: 600px;
	background: #9F9140;
	margin-left: 30px;
}

table.mytable th {
	background: #C7B56C;
	color: white;
	padding: 5px;
	border-bottom: 1px solid white;
	width: 150px;
}
table.mytable td{
	color: white;
	padding: 5px;
	border-bottom: 1px solid white;
}
div.navigation{
	background: #C7B56C;
	padding: 5px;
	text-align:center;
}

div.notice{
	position: relative;
	width: 190px;
	background:white;	
	text-align: left;
	margin-bottom: 40px;
	-moz-box-shadow: 8px 8px 10px #333; 
 	-webkit-box-shadow: 8px 8px 10px #333;
	 box-shadow: 8px 8px 10px #666;
}
div.notice strong{
	font-family: 'Open Sans', sans-serif;
}
div.notice_dist{
	padding: 10px 10px 10px 10px;
}
div.notice_fixed{
	position: absolute;
	top: -20px;
	left: 60px;
}











div.mbox{
	position: relative;
	width: 326px;
	border: 1px solid #979220;
	border-bottom: 10px solid #979220;
	margin: 0px 30px 10px 0px;		
}
div.mbox *{
	font-size: 10pt;
	line-height: 1.4em;
}
div.mbox:hover{	
	background: #FCE9C3 url('/clips/kachel_hover.jpg');
}
div.mbox_pic{
	position: absolute;
	top: 17px;
	left: -17px;
}
div.mbox_head{
	text-align: center;
	background: #979220;
	padding: 3px;
	color: white;
	font-weight: bold;
}
div.mbox_placeholder{
	width: 140px;
	height: 100px;
	float: left;
}
div.mbox_inner{
	padding: 5px;
	height: 180px;
	overflow: auto;
}
div.mbox_dist{
	padding: 2px;
}
div.mbox_klammer{
	position: absolute;
	top: -6px;
	left: 5px;
	z-index: 20;
}





div#main_container{
	position: relative;
	background: 
	width: 100%;
	text-align: center;
	background: url('http://www.todtmoos.de/clips/back-top.jpg');
	background-position: center top;
	background-repeat: no-repeat;
}
div#main_container_winter{
	position: relative;
	width: 100%;
	text-align: center;
	background: url('http://www.todtmoos.de/clips/back-top-winter.jpg');
	background-position: center top;
	background-repeat: no-repeat;
}
div#main{
	position: relative;
	width: 794px;
	margin-left: auto;
	margin-right: auto;	
}
div#content{
	position: relative;
	width: 794px;	
	line-height: 1.6em;
}
div#content_dist{
	padding: 660px 40px 20px 40px;
	text-align: left;
	overflow: hidden;
}
div#right{
	position: absolute;
	width: 230px;	
	top: 0px; left: 795px;
}
div#right_dist{
	padding: 200px 0px 50px 20px;
}
div#flags{
	position: absolute;
	width: 200px;
	text-align: left;
	top: 110px;
	left: 50px;
	z-index: 50;
}
img.flag_activ{
	opacity: .4;
	filter: alpha(opacity=40);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";	
}




div#search{
	position: absolute;
	width: 400px;
	top: 140px;
	left: 50px;
	text-align: left;
}
form.searchform{
	padding: 0px;
	margin: 0px;
}
input.submit{
	width: 100px;
	border: 0px solid white;
	padding: 3px;
}
input.searchterm{
	width: 150px;
	background: white;
	border: 0px;
	color: black;
	padding: 3px;	
}





div#footer{
	position: relative;
	width: 790px;
	height:180px;
}
div#footer_links{
	position: absolute;
	width: 790px;
	top: 40px;
	left: 0px;	
	text-align: center;
	color: white;
}
div#werbelogos {
	position:absolute;
	top:78px;
	left:125px;
}
a.bottom:link, a.bottom:visited, a.bottom:active, a.bottom:hover   { 
	color: white;
	background: transparent;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
	 }
a.bottom:hover  { 
	color: white; 
	text-decoration: underline;
}
div#menu{
	position: absolute;
	width: 675px;
	height: 472px;
	top: 218px;
	left: 60px;	
}
div#men2{
	position: absolute;
	top: 0px;
	background: white;
	width: 250px;
	height: 472px;
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";	
	overflow: auto;
	text-align: left;
}
ul.secondmenu{
	list-style: none;
	margin: 20px 20px 20px 20px;
	padding: 0px;
}
ul.secondmenu li{
	margin-bottom: 10px;
}
a.menupoint2:link, a.menupoint2:visited, a.menupoint2:active, a.menupoint2:hover   { 
	font-family: arial, helvetica, sans-serif;
	color: black;
	background: transparent;
	font-size: 13pt;
	text-decoration: none;
	font-weight: normal;
	 }
a.menupoint2:hover  { 
	color: #B30036; 
}

a.menupoint2_a:link, a.menupoint2_a:visited, a.menupoint2_a:active, a.menupoint2_a:hover   { 
	font-family: arial, helvetica, sans-serif;
	color: #B30036; 
	background: transparent;
	font-size: 13pt;
	text-decoration: none;
	font-weight: normal;
	 }
a.menupoint2_a:hover  { 
	
}

div#breadcrumb{
	position: absolute;
	width: 700px;
	top: 175px;
	left: 50px;
	text-align: left;
}
a.breadcrumb_link:link, a.breadcrumb_link:visited, a.breadcrumb_link:active, a.breadcrumb_link:hover   { 
	color: black;
	background: transparent;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
	 }
a.breadcrumb_link:hover  { 
	color: #B30036; 
}

div#m1{
	position: absolute;
	width: 25px;
	height: 472px;
	top: 0px;
	left: 475px;
	background: #C7B56C;
	z-index: 50;
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	
}
div#m1:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
}
div#m2{
	position: absolute;
	width: 25px;
	height: 472px;
	top: 0px;
	left: 510px;
	background: #9F9140;
	z-index: 50;
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	
}
div#m2:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
}
div#m3{
	position: absolute;
	width: 25px;
	height: 472px;
	top: 0px;
	left: 545px;
	background: #AD8790;
	z-index: 50;
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	
}
div#m3:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
}
div#m4{
	position: absolute;
	width: 25px;
	height: 472px;
	top: 0px;
	left: 580px;
	background: #778B46;
	z-index: 50;
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	
}
div#m4:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
}
div#m5{
	position: absolute;
	width: 25px;
	height: 472px;
	top: 0px;
	left: 615px;
	background: #D2B25A;
	z-index: 50;
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	
}
div#m5:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
}
div#m6{
	position: absolute;
	width: 25px;
	height: 472px;
	top: 0px;
	left: 650px;
	background: #AB9083;
	z-index: 50;
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	
}
div#m6:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
}




div#rahmen{
	position: absolute;
	width: 766px;
	height: 543px;
	top: 182px;
	left: 14px;
}
div#pictures{
	position: absolute;
	width: 706px;
	height: 476px;
	top: 216px;
	left: 44px;
}
div#logo{
	position: absolute;
	width: 310px;
	left: 114px;
	top: 52px;
	left: 464px;
}
div#sleep{
	position: absolute;
	width: 231px;
	height: 591px;
	top: 0px;
	left: -160px;
	z-index: 40;
}








ul.eip_unordered_list{

}
ul.eip_unordered_list li{
	margin-bottom: 10px;
}

ul.eip_ordered_list{
	
}
ul.eip_ordered_list li{
	margin-bottom: 10px;
}
ul.eip_media_list{
	
}
a.media_list:link, a.media_list:visited, a.media_list:active, a.media_list:hover   { 
	
}
a.media_list:hover  { 
	
}



/* EIP - Überschriften */
h1.eip_headline{		
	
}
h2.eip_headline{
	
}
h3.eip_headline{

}
h4.eip_headline{

}
h5.eip_headline{

}
h6.eip_headline{

}

img.eip_imgtext_img  {
	border: 10px solid white;
	-moz-box-shadow: 4px 4px 6px #666; 
 	-webkit-box-shadow: 4px 4px 6px #666;
	 box-shadow: 4px 4px 6px #666;
}
a.eip_imgtext_a:link, a.eip_imgtext_a:visited, a.eip_imgtext_a:active, a.eip_imgtext_a:hover   { 
	
	 }
a.eip_imgtext_a:hover  { 

}
img.eip_img_img{
	margin: 0px 0px 0px 0px;
}
a.eip_img_a:link, a.eip_img_a:visited, a.eip_img_a:active, a.eip_img_a:hover   { 
	
	 }
a.eip_img_a:hover  { 

}


img.eip_img_img_right{
	margin: 0px 0px 0px 0px;
}
a.eip_img_right_a:link, a.eip_img_right_a:visited, a.eip_img_right_a:active, a.eip_img_right_a:hover   { 
	
	 }
a.eip_img_right_a:hover  { 

}

div.eip_trennlinie  {
	border-bottom: 1px dotted #543529;
	height: 1px;
	margin-top:10px;
	margin-bottom:10px;
}

div.eip_video  {
	background: transparent;
	margin-top:15px;
	margin-bottom: 15px;
}

p.eip_imgtext_text  {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}



div.eiptables{overflow: auto;width: 700px;height:auto;  }

table.tables  {
 	border: 1px solid #BEBEBE;
 	border-collapse: collapse;
 	padding: 7px 0px 7px 0px;
 	margin: 0px 0px 25px 0px;
}
tr.tables  {
  	
}
tr.tables:nth-child(even) { background-color:#eee; }
tr.tables:nth-child(odd)	{ background-color:#fff; }

td.tables  {
 	padding: 7px;
 	border: 1px solid #BEBEBE;
}
table.tableswithout  {
 	padding: 7px 0px 7px 0px;
 	margin: 0px 0px 8px 0px;
}
tr.tableswithout  {
  	
}
td.tableswithout  {
 	padding: 7px;
}

div.swingoutcontainer  {  position:relative;margin-top:20px;margin-bottom:30px;  }
div.swingoutsingle  { border-bottom: 1px solid #888888;margin-bottom:2px;margin-top:2px;padding-bottom:3px;padding-top:3px;  }
div.swingoutheader  {  padding-left:10px;  }
img.swingoutplus  {  margin-right: 0px;  }
div.swingouttext  {  padding-left: 30px;margin-top:5px;margin-bottom:5px;font-size:10pt;color:#1C1C1C;line-height:115%;  }



body.imgzoomer  {
	background: white;
	margin:0px;
	padding:0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 10pt;
}
div.imgzoomer_closeline  {
	padding:4px;
	background:#CCCCEE;
	text-align:right;
	padding-right:10px;
	margin:0px;
}
a.imgzoomer_link:link    { color: #6B8C10;
	background: transparent;
	font-size: 10pt; 
	text-decoration: none;
	padding: 0px; }
a.imgzoomer_link:visited { color: #6B8C10; 
	background: transparent;
	font-size: 10pt;
	text-decoration: none; 
	padding: 0px; }
a.imgzoomer_link:active  { color: #6B8C10;
	background: transparent;
	font-size: 10pt;
	text-decoration: none; 
	padding: 0px; }
a.imgzoomer_link:hover  { color: #6B8C10;
	background: transparent;
	font-size: 10pt;
	text-decoration: none; 
	padding: 0px; }
	
	
	#lightbox{	position: absolute;left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightboximageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/clips/lightboximages/prev.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/clips/lightboximages/next.png) right 15% no-repeat; }

#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#lightboxoverlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.imageDataAppear { animation: lightboxFlutsch 600ms 1;
	-webkit-animation: lightboxFlutsch 600ms 1;
}
@-webkit-keyframes lightboxFlutsch  {
	from {opacity:0; }
	to {opacity:1;}
}
@keyframes lightboxFlutsch  {
	from {opacity:0;}
	to {opacity:1;}
}
.imageDataOut { opacity:0;}




input.form{
	width: 250px;
	border: 1px dashed #B30036;
	background: #D3C7BB;
	color: black;
	padding: 4px;
}
select.form{
	width: 250px;
	border: 1px dashed #B30036;
	background: #D3C7BB;
	color: black;
	padding: 4px;
	
}
textarea.form{
	width: 300px;
	border: 1px dashed #B30036;
	background: #D3C7BB;
	color: black;
	padding: 4px;
}
label {
	color:  #B30036;	
	margin-top: 5px;
	display: block;
	font-weight: bold;
}



	
div.termin{
	position: relative;margin-top:8px;
}
div.termin_head{
	font-family: 'Open Sans', sans-serif;
	border-bottom: 1px solid #B30036;
	font-weight: bold;
	font-size: 11pt;
}
div.termin_box{
	margin: 5px 0px 0px 10px;
}	
table.termine{
	
}
strong.ttitel{
	font-size: 11pt;
}
td.tcol1 {
	width: 140px;
	background: white;
}
td.tcol2 {
	background: white;
}

table.terminbox{
	width: 350px;
	background: #9F9140;
}
table.terminbox th {
	background: #C7B56C;
	color: white;
	font-size: 12pt;
	padding: 5px;
}
table.terminbox td{
	color: white;
	padding: 5px;
}



	

a.sitemap:link, a.sitemap:visited, a.sitemap:active, a.sitemap:hover   { 
	color: #B30036;
	background: transparent;
	font-size: 10pt;
	text-decoration: none;
	display: block;
	 }
a.sitemap:hover  { color: red; }

a.sitemap_lvl1:link, a.sitemap_lvl1:visited, a.sitemap_lvl1:active, a.sitemap_lvl1:hover   { 
	font-family: 'Open Sans', sans-serif;
	color: #B30036;
	background: transparent;
	font-size: 12pt;
	text-decoration: none;
	border-bottom: 1px solid #C7B56C;
	display: block;
	 }
a.sitemap_lvl1:hover  { color: red; }