@charset "utf-8";
body {
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 10px;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	background-color: #ae5a5e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
    }

#body {
	min-width: 965px;
	max-width:1000px;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	overflow: hidden;
	/*background-image: url(webermo-streifen.gif);
	background-repeat: repeat-x;*/
	_width: 960px;
}
	
#drucktitel {
	display:none;
	}

.footer {
	height: 0.1em;
	clear:both;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3 {
	margin-top:0.7em;
	margin-bottom:0.7em;
	padding-bottom:0;
	padding-top:0;
	font-size:1.4em;
	color:#160075;
	font-weight: normal;

    }

h2 {
	font-size:1.20em;
	color:#160075;
    }

h3 {
	font-size:1.1em;
	color:#160075;
    }

.hidden {
	display:none;
	}

p {
	margin-top:1em;
	margin-bottom:1em;
	padding-bottom:0;
	padding-top:0px;
	/*	font-size:0.9em;*/
	line-height:1.3em;
	}

hr {
	background-color: #8d3433; /* Farbe für Opera und Firefox */
	color: #8d3433; /* Farbe für Internet Explorer (IE) */
	border: 0;
	height: 1px;
	margin-bottom: 1em;
	}	

li {

	/*font-size:0.9em;*/
	line-height:1.3em;
	margin:0;
	/*passing:0;*/
	}
	
 ul {
	margin-left: 20px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	padding: 0;
	list-style-position: inside;

}


a {
	text-decoration:none;
	color:#160075;
	font-weight: bolder;
	}
	a:link, a:visited { }
	a:hover, a:active {
	background-color:#160075;
	color:#fff;
	}
	
a img {
	border:none;
	}

#header {
	width:100%;
	height:154px;

	background-image: url(bilder/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;

	}
	
#mainmantel {
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 220px;
	position: relative;



	padding-top: 1
.em;
	padding-right: 3.2%;
	padding-bottom: 0.5em;
	padding-left: 3.2%;
	padding-top: 1.2em;
/*	border: 1px solid blue;*/
	}
#mainContent {
	margin: 0;
	padding: 0;
	overflow: auto;
	font-size:0.95em;
    }

#mainContent img.right {
	float:right;
	clear:right;
	margin-left:1.5em;
	position:relative;
	}

#mainContent img.left {
	float:left;
	clear:left;
	margin-right:1.5em;	
	/*marg in-bottom:0.5em;*/
	position:relative;
	}

#mainContent img.left_grundlinie {
	float:left;
	clear:left;
	margin-right:1.5em;
	/*marg in-bottom:0.5em;*/
	position:relative;
	top: -100px;
	margin-bottom: -100px;
	}

#mainContent img.left_grundlinieminus {
	float:left;
	clear:left;
	margin-right:1.5em;
	/*marg in-bottom:0.5em;*/
	position:relative;
	top: -200px;
	margin-top: -1em;
	margin-bottom: -200px;
	}
	
#mainContent img.left_grundlinieplus {
	float:left;
	clear:left;
	margin-right:1.5em;
	/*marg in-bottom:0.5em;*/
	position:relative;
	top: 100px;
	}
#mainContent .margin200 {
	padding-bottom:200px;
}
#mainContent .margin100 {
	padding-bottom:100px;
}

#mainContent img {
	margin-right:auto;
	margin-bottom:1em;
	margin-top:1em;
	/*margin-top:1em;*/
	margin-left: auto;
	border: solid 1px #8d3433;
	}
#mainContent img.noborder {
	margin-right:auto;
	margin-bottom:1em;
	/*margin-top:1em;*/
	margin-left: auto;
	border: none;
	}
	
.floatclear {
	clear:both;
	}
.floatclearleft {
	clear:left;
	}
.floatclearright{
	clear:right;
	}


#ausschnitt
	{
	/*font-size: 11px; 
	line-height: 11px;*/
	font-size:11px;
	position:absolute;
	/*left:0px;*/
	
	margin-left: 0;
	/* [disabled]top:-6.5em; */ /*-250px;*/
	width:670px;
	/* [disabled]height:75em; */ /*1080px*/
	/* [disabled]clip:rect(18.9em 600px 62em |*1080px*| 3px); */
	
	/* Template TTT-Template 329de

	height:99em ;
	margin-left: -15px;
	top:-20.5em; 
	width:670px;
	height:99em ;
	clip:rect(32.7em 620px 98em 15px);
	clip:rect(360px 620px 1080px 15px);*/
	}	

* + html #ausschnitt
	{
	top:-6.5em; /*-250px;*/
	height:99em /*1080px*/;
	clip:rect(18.9em 615px 62em /*1080px*/ 3px);
	}
	
#h4 #s5 #mainContent {
	height: 41em/* Template 329de: 55em; */
	}

#mainContent table.preise {
	width:auto;
	border: 1px dashed #8d3433;
	background-color:#ae5a5e;
	border-collapse:collapse;
	margin:1px;
	text-align:center;
	}

#mainContent table.preise td, #mainContent table.preise th{
	margin:0;
	border:none;
	padding: 0.5em;
	}

#mainContent table.preise .zebra {
	background-color:#fffade;
	}
	
#mainContent table.preise th {
	font-weight:normal;
	}

#mainContent table.preise th[scope="row"]{
	text-align:left;
	}

#mainContent table.preise .spalte1 {
	width: 14em;
	}
#main Content table.preise .spalte2 {
	width: 6em;
	}
#mai nContent table.preise .spalte3 {
	width: 8em;
	}
	
#navi {
	font-size:0.8em;
	position: relative;
	float:left;

	left: 3%;
	margin-top: 50px;
/*	border: 1px solid red;*/
	background-image:url(bilder/menuehinter.jpg);
	background-repeat: no-repeat;

	background-position: left top;
}

#navi #hinter
	{
	background-image:url(bilder/menuehinter.jpg);
	position: relative;
	width: 172px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;
	margin-top: -100px;
	}


#navi li {
	font-size:1em;
	}
	
#navi LI {
   background-color: transparent;
   padding: 0;
   margin: 0;
   list-style: none;
   display: inline;
   width: 14em	;
   }

#navi UL {
   background-color: transparent;
   padding: 0;
   margin: 0;
   }

#navi A {
	font: bold 13px sans-serif;
	color:#fff;/*color: #000;*/
	text-decoration: none;
	text-align:center;
	display:block;
	
	/*border: 1px solid #909;*/
	width: 149px;
	height: 15px;
	margin-top: 0.3em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	vertical-align:middle;
/*	border: 1px solid green;*/
   }
#navi ul.e1 A {
	background-image: url(bilder/button.jpg);
	background-repeat:no-repeat;
	}  

#navi ul.h1 A,
#navi ul.h2 A,
#navi ul.h3 A,
#navi ul.h4 A,
#navi ul.h5 A,
#navi ul.h6 A,
#navi ul.h7 A,
#navi ul.h8 A,
#navi ul.h9 A
	{
	background-image: none;
	}

#navi ul ul A {
	color:#000;/*color: #000;*/
	border-bottom: 1px solid #744224;
	margin-top: 0px;
	}

#navi A:link,
#navi A:visited {
  /* background-color: #9c9;
   margin: 0.3em 0 0;*/
   }


#h1 #navi a.h1, 
#h2 #navi a.h2, 
#h3 #navi a.h3, 
#h4 #navi a.h4, 
#h5 #navi a.h5, 
#h6 #navi a.h6,
#h7 #navi a.h7,
#h8 #navi a.h8,
#h9 #navi a.h9,
#navi ul A:hover,
#navi ul A:focus
	{
	background-image: url(bilder/button_a.jpg);
	background-color: transparent;	/*    margin: 0.3em 0 0;
	background-color:#F9E4AE;*/
    }

#s1 #navi ul a.s1, 
#s2 #navi ul a.s2, 
#s3 #navi ul a.s3, 
#s4 #navi ul a.s4,
#s5 #navi ul a.s5,
#navi ul ul A:hover,
#navi ul ul A:focus
	{

	background-color: #d6ada6;
	background-image: none;
    }
	
#navi ul ul           { display:none }
/*#navi ul ul.h3 {display:block} */

/*#s1 #navi ul.e1 a, 
#s2 #navi ul.e1 a, 
#s3 #navi ul.e1 a, 
#s4 #navi ul.e1 a, 
#ss1 #navi ul.e1 ul a, 
#ss2 #navi ul.e1 ul a, 
#ss3 #navi ul.e1 ul a,
#ss4 #navi ul.e1 ul a,
#ss5 #navi ul.e1 ul a
	{
	/*background-image: none;* /
	} */



#s1 #navi ul a.s1, 
#s2 #navi ul a.s2, 
#s3 #navi ul a.s3, 
#s4 #navi ul a.s4, 
#ss1 #navi ul ul a.ss1, 
#ss2 #navi ul ul a.ss2, 
#ss3 #navi ul ul a.ss3,
#ss4 #navi ul ul a.ss4, 
#ss5 #navi ul ul a.ss5 
	{
	/*background-color: #ded;
	background-image: url(bilder/arrow.gif);
	background-repeat: no-repeat;
	background-position: 11.5em 0.6em;
	padding-bottom:0;*/
	}

/* nur wenn Untermenü kleiner Schrift hat (0.94em)
#h1 #navi a.h1, 
#h2 #navi a.h2, 
#h3 #navi a.h3
	{
	background-position: 9.4em 0.7em;
	} */
	
/*#s1 #navi ul a.s1 span, 
#s2 #navi ul a.s2 span, 
#s3 #navi ul a.s3 span, 
#s4 #navi ul a.s4 span, 
#ss1 #navi ul ul a.ss1 span, 
#ss2 #navi ul ul a.ss2 span, 
#ss3 #navi ul ul a.ss3 span,
#ss4 #navi ul ul a.ss4 span, 
#ss5 #navi ul ul a.ss5 span 
	{
	/*display:block;
	padding-bottom:0.3em;
	width: 9.5em;
	border-bottom:1px solid #8d3433;* /
	} */

/*#s1 #navi ul a.s1 span, 
#s2 #navi ul a.s2 span, 
#s3 #navi ul a.s3 span, 
#s4 #navi ul a.s4 span
#s5 #navi ul a.s5 span
	{
	width: 10.5em;
	}
*/
 
/*#h1 #navi a.h1, 
#h2 #navi a.h2, 
#h3 #navi a.h3, 
#h4 #navi a.h4, 
#h5 #navi a.h5, 
#h6 #navi a.h6
	{
	border-bottom:2px solid #8d3433;
	}
 */
 
/*#navi ul ul li A:link,
#navi ul ul li A:visited
	{
	display: block;
	font: normal 1em sans-serif;
	border-top: none;
	width: 12em; /* bei 0.94em Schrift: 8.60em;* /
	margin-top: 0/*-1px* /;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 1.5em;
	}*/

/*#navi ul ul ul li A:link,
#navi ul ul ul li A:visited
	{
	width: 11em; /* bei 0.94em Schrift: 7.60em;* /
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 2.5em;
	}*/

#h1 #navi ul.h1,
#h2 #navi ul.h2,
#h3 #navi ul.h3,
#h4 #navi ul.h4,
#h5 #navi ul.h5,
#h6 #navi ul.h6,
#h7 #navi ul.h7,
#h8 #navi ul.h8,
#h9 #navi ul.h9,

#s1 #navi ul.s1,
#s2 #navi ul.s2,
#s3 #navi ul.s3,
#s4 #navi ul.s4,
#s5 #navi ul.s5
	{
	display:block
	}
	
#navi #heinetcom {
	font-size: 0.7em;
	padding-left: 5em;
	padding-top: 1em;
	padding-bottom: 1em;
	height: 40px;
	background-image: url(bilder/menuehinter.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 172px;
	}
#navi #heinetcom a 
	{
	font-size: 1em;
	color: #160075;
	display:inline;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	}
	
form#formular {
	width:99%;
	padding:0px;
	margin: 0px;
	font-size:1em;
	
}
form#formular fieldset {
	width:100%;
	display:block;
	border:0px solid #fff;
	padding:0px;
	margin-bottom:0.5em;
	line-height:1.5em;
	
}
/*form#formular fieldset#personal {background:transparent url(cssplay/crutch.gif) no-repeat 400px 10px;}
form#formular fieldset#medical {background:transparent url(cssplay/sling.gif) no-repeat 400px 10px;}
form#formular fieldset#current {background:transparent url(cssplay/cold.gif) no-repeat 390px 10px;}
* html form#formular fieldset#personal, * html form#formular fieldset#medical {background-position:400px 20px;}
* html form#formular fieldset#current {background-position:390px 20px;}*/
form#formular fieldset#opt {
}
form#formular legend {
	font-size:1.1em;
	margin-bottom:0.5em;
	padding:0px;
	width:auto;
	/*background-position: left top;*/
	color: #160075;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
form#formular label {
	clear:left;
	display:block;
	float:left;
	width:10em;
	text-align:right;
	padding-right:10px;
	font-size: 0.9em;
	/*margin-bottom:0.5em;*/
}
form#formular input[type=text] {
	border:1px solid #8d3433;
	background:#fff /*url(cssplay/form.gif) repeat-x top left*/;
	margin:0;
	padding:0.1em;
	padding-left:0.5em;
	margin-bottom:0.2em;
	width: 18em;
	/*font-size: 0.9em;*/
}
form#formular input[type=text]:focus {
	background:#fcf3dc;
	}
form#formular select {margin-left:0.5em;}
form#formular textarea {
	font-family: Arial, Helvetica, sans-serif;
	width:36em;
	height:8em;
	border:1px solid #8d3433;
	padding:0.5em;
	overflow:auto;
	background:#fff/* url(cssplay/form.gif) repeat-x bottom left*/;
	font-size: 0.9em;
}
form#formular option {background:#788; color:#fff;}
form#formular optgroup {background:#abb; color:#000; font-family:georgia, serif;}
form#formular optgroup option {background:#9aa; color:#fff;}
form#formular #button1, form#formular #button2 {/*color:#c00;*/
	cursor:pointer;
	width:14em;
	margin-top: 0px;
	margin-right: 1em;
	margin-bottom: 0px;
	margin-left: 1em;
	padding: 0px;
}
form#formular #button1:hover, form#formular #button2:hover {/*background-position:center left; color:#000;*/}

.nix 
	{
	display: none 
	}

iframe {
	border: solid 1px #005E2D; 
	}
	
.rahmen {
	position:relative;
	/*min-width:50em;
	max-width:1000px;  based on image dimensions - not quite consistent with drip styles yet */
	color:#000000;
	z-index:1;
	margin-left:20px; /* default, width of left corner */
	margin-bottom:0px; /* spacing under rahmen */
	margin-top: 0px;
	margin-right: auto;
}

.rahmen .content,
.rahmen .t,
.rahmen .b,
.rahmen .b div {
 background:transparent url(bilder/rahmen.gif) no-repeat top right;
/* _background-image:url(rahmen2-blue.gif);*/
 /*rahmen2-blue-800x1600.png*/
}

.rahmen .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	z-index: 1;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
}

.rahmen .t {
	/* top+left vertical slice */
 position:absolute;
	left:0px;
	top:0px;
	width:20px; /* top slice width */
	margin-left:-20px;
	height:100%;
	_height:2200px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.rahmen .b {
 /* bottom */
 position:relative;
 width:100%;
}

.rahmen .b,
.rahmen .b div {
	height:20px; /* height of bottom cap/shade */
	font-size:1px;
}

.rahmen .b {
 background-position:bottom right;
}

.rahmen .b div {
 position:relative;
 width:20px; /* bottom corner width */
 margin-left:-20px;
 background-position:bottom left;
}


.minirahmen {
	position:relative;
	/*min-width:50em;
	max-width:1000px;  based on image dimensions - not quite consistent with drip styles yet */
	color:#000000;
	z-index:1;
	margin-left:25px; /* default, width of left corner */
	margin-bottom:0px; /* spacing under rahmen */
	margin-top: 0px;
	margin-right: auto;
}

#mainContent .minirahmen h2 {
	margin-top: 0;
	}

#mainContent .minirahmen img {
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-top: 0.8em;
	float: left;
	position:relative;
	}

#mainContent img.noborder {
	margin: 0;
	border: none;
	float:none;	}

.minirahmenright {
	clear: right;
	float:right;
	width: 48%;
	position:relative;
	margin-bottom: 1em;
	}

.miniahmenleft {
	clear: both;
	float:left;
	width: 48%;
	margin-right:10px;	
	/*marg in-bottom:0.5em;*/
	position:relative;
	margin-bottom: 1em;
	}


.minirahmen .content,
.minirahmen .t,
.minirahmen .b,
.minirahmen .b div {
 background:transparent url(bilder/minirahmen.gif) no-repeat top right;
/* _background-image:url(rahmen2-blue.gif);*/
 /*rahmen2-blue-800x1600.png*/
}

.minirahmen .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	z-index: 1;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0;
}

.minirahmen .t {
	/* top+left vertical slice */
 position:absolute;
	left:0px;
	top:0px;
	width:25px; /* top slice width */
	margin-left:-25px;
	height:100%;
	_height:2200px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.minirahmen .b {
 /* bottom */
 position:relative;
 width:100%;
}

.minirahmen .b,
.minirahmen .b div {
	height:25px; /* height of bottom cap/shade */
	font-size:1px;
}

.minirahmen .b {
 background-position:bottom right;
}

.minirahmen .b div {
 position:relative;
 width:25px; /* bottom corner width */
 margin-left:-25px;
 
 background-position:bottom left;
}
.minirahmen p {
	margin-bottom: 0px;
	padding-bottom: 0.5em;
	}


.small {
	font-size: 0.7em;
}

/*.rahmen .hd,
.rahmen .bd,
.rahmen .ft {
 position:relative;
}

.rahmen .wrapper {
	/* extra content protector - preventing vertical overflow (past background) * /
 position:static;
	max-height:1000px;
	overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. * /
}
*/
/*
.rahmen h1,
.rahmen p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. * /
 padding:0.5em 0px 0.5em 0px;
}

.rahmen h1 {
 padding-bottom:0px;
} */

/*#banner {
	top: 0px;
	left: 0px;
	width: 100%;
	height:205px;
	_he ight:1600px; /* arbitrary long height, IE 6 * /
	}

#bannerlinks, #bannerrechts, #bannermitte  {
	background-repeat: no-repeat;
	position:absolute;
	top: 0px;
	height:205px;
	}

#bannerlinks {
	background-image: url(webermo-haus.jpg);
	left: -20px;
	width: 358px;
	_he ight:1600px; /* arbitrary long height, IE 6 * /
	background-position: left top;
	}
#bannermitte {
	background-image: url(webermo-logo.gif);
	background-position: center top;
	right: auto;
	width: 100%;
	_heig ht:1600px; /* arbitrary long height, IE 6 * /
	left: auto;
	}
	
#bannerrechts {
	background-image: url(webermo-kuh.jpg);
	background-position: right top;
	right: 0px;
	width: 247px;
	_hei ght:1600px; /* arbitrary long height, IE 6 * /
	}
	*/
#imweb {background-color: #fffade; }
#simplemodal-overlay {background-color:#000; cursor: pointer}
#simplemodal-container h1 { margin-top:0;}
#simplemodal-container {height:430px; width:900px; color:#bbb; background-color:#fffade; border:5px solid #6c0301; border-radius: 3px; padding:12px;}
#simplemodal-container a.modalCloseImg {background:url(bilder/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}
#simplemodal-container iframe {height: 380px; width:900px; border:0; }
a.imweb {}