@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: #8d3433;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
    }
	
.seite #container {
	min-height: 600px;
	min-width: 60em;
	max-width: 980px; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 6px ridge #160075;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	/*background-color: #FFFFFF;*/
	/*background-image: url(bilder/brunner-screendesign.jpg);*/
	background-color: #fcf3dc;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	overflow: hidden;
	/* [disabled]height: 3500px; */
    }

.seite #drucktitel {
	display:none;
	}
.seite #mainmantel {
	margin-top: 190px;
	margin-right: 180px;
	margin-bottom: 0;
	margin-left: 20%;
	z-index: 999;
	position: relative;
	}
	
	.seite #mainContent, .seite #mainContentbreit {
	border-top:2px solid #8d3433;
	margin-right: 1em;
	margin-left: 1em;
	padding-top: 1.5em;
	padding-right: 1em;
	/*padding-bottom: 3em;*/
	padding-left: 1em;
	overflow: auto;
    }
.seite #mainContentbreit {
	overflow: visible;
	border-top: none;
	margin-right:-170px;
	margin-left: -60px;
}
.absolut {position: absolute; }
.footer {height: 2em;
	clear:both;}

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.2em;
	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;
}


a {
	text-decoration:none;
	color:#160075;
	}
	a:link, a:visited { }
	a:hover, a:active {
	background-color:#160075;
	color:#fff;
	}
	
a img {
	border:none;
	}
	
#mainmantel {
	font-size:0.8em;
	}
	
#mainmantel img.right, #mainmantel div.right {
	float:right;
	margin-left:1em;
	position:relative;
	text-align: right;
	}
#mainmantel img.center {
	margin-left: 135px;
	position:relative;
	margin-bottom: -50px;
	}

#mainmantel img.rightversetzt {
	float:right;
	margin-left:1em;
	/* [disabled]margin-right: -90px; */
	position:relative;
	}
	
#mainmantel img.topminus, #mainmantel div.topminus {
	top: -150px;
	margin-bottom: -150px;
	}

#mainmantel img.left, #mainmantel div.left {
	float:left;
	margin-right:1em;	
	/*marg in-bottom:0.5em;*/
	position:relative;
	
	}

#mainmantel img{
	margin-right:auto;
	margin-bottom:1em;
	/*margin-top:1em;*/
	margin-left: auto;
	border: solid 1px #8d3433;
	}

#mainmantel div.bagger {
	width:225px;
	height:150px;
	overflow:hidden;
	margin-right: 0;
	margin-left: auto;
	margin-bottom: -30px;
	border: solid 1px #8d3433;
}	
#mainmantel div.bagger img {
	margin-left: -20px;
	margin-top: -50px;
}
#mainmantel 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;
	clear:right;
	}
	
#hinweis {
	position: relative;
	height: 165px;
	top: 280px;
	left:10px;
	width: 170px;
	float: left;
}

.small {
	font-size: 0.7em;
}

.smaller {
	font-size: 0.85em;
}


/*#header {
	overflow:hidden;
	width:100%;
	}*/
#header #stockfraese {
	position: absolute;
	/*z-index: 1;*/
}

#header #logo-christian {
	position: absolute;
	left: 140px;
	top: 55px;
	/*z-index: 2;*/
}

#header #logo-brunner{
	position: absolute;
	/*z-index: 5;*/
	top: 0px;
	right: 0px;
/*	height: 88px;
	width: 403px;*/
}

#header #arbeitsbuehne{
	position: absolute;
	/*z-index: 4;*/
	top: 0px;
	right: 0px;
/*	height: 88px;
	width: 403px;*/
}

#header #korb {
	position: absolute;
	right: 0px;
	top: 450px;

/*	height: 88px;
	width: 403px;*/
}

#header #slogan1, #header #slogan2, #header #slogan3, #header #slogan4,  #header #slogan5{
	position:absolute;
	text-align:right;
	width:200px;

	
}

#header h1 {
	font-size:1.1em;
	color:#8d3433;
	}
	
#header #slogan1 {
	top: 97px;
	right: 40px;
}

#header #slogan2 {
	right: 510px;
	top: 20px;
	}

#header #slogan3 {
	right: 0px;
	top: 390px;
	text-align: center;
	width:180px;
	}
#header #slogan4 {
	right: 290px;
	top: 95px;
	}

#header #slogan5 {
	right: 450px;
	top: 140px;
}

#container #header {
	width: 100%;
	top: 0px;
	left: 0px;
}
#container #navi {
	font-size:0.8em;
	position: relative;
	float:left;
	width: 20%;
	left: 20px;
	margin-top: 230px;

}
#container #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 1em sans-serif;
	color:#8d3433;/*color: #000;*/
	text-decoration: none;
	display: block;
	/*border: 1px solid #909;*/
	width: 13em;
	margin-top: 0.3em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
   }
   
#navi A:link,
#navi A:visited {
  /* background-color: #9c9;
   margin: 0.3em 0 0;*/
   }

#navi A:hover,
#navi A:focus
	{
	/*background-color: #ded;
    margin: 0.3em 0 0;*/
	background-color:#F9E4AE;
    }
	
#navi ul ul           { display:none }

#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;
	} 


/*#h1 #navi a.h1, 
#h2 #navi a.h2, 
#h3 #navi a.h3, 
#h4 #navi a.h4, 
#h5 #navi a.h5, 
#h6 #navi a.h6, */
#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
	{
	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,
#h7 #navi a.h7,
#h8 #navi a.h8,
#h9 #navi a.h9,
#h10 #navi a.h10

	{
	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,
#h10 #navi ul.h10,
#s1 #navi ul.s1,
#s2 #navi ul.s2,
#s3 #navi ul.s3,
#s4 #navi ul.s4,
#s5 #navi ul.s5
	{
	display:block
	}
	

.seite 
#navi #heinetcom {
	padding-left: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	}
#navi #heinetcom a 
	{
	display:inline;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	}
	
form#formular {
	width:100%;
	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:12em;
	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;*/}

	
#mainmantel .teaser, #mainmantel .preis {
	/*_width: 1%;
	font-size: 0.9em;
	width: 40.5em;*/
	position:relative;
	overflow:auto;
	margin: 1em 0;
	}
	
#mainmantel .teaser .teaserlinks, #mainmantel .teaserlinks  
	{
	float: left;
	margin-right:1em;
	}

#mainmantel .teaser .teaserrechts, #mainmantel .teaserrechts
	{
	float: right;
	margin-left:1 em;
	}
	
#mainmantel .teaserrechts, #mainmantel .teaserlinks {
	width: 20em;
	margin-top: 1em;
	margin-bottom: 1em;
}


#mainmantel .teaser table, #mainmantel .teaserlinks table, #mainmantel .teaserrechts table, #mainmantel .preis table, #mainmantel .teaser div {
/*	width: 100%; 17.7em;*/
	border: 1px dashed #8d3433;
	background-color:#F9E4AE;
	border-collapse:collapse;
	margin:1px;
	}
	
#mainmantel .teaser div.highlight {
	background-color: #F7B49A;
}
#mainmantel .teaser table.onecol {
	width: 99%; 
}
	
#mainmantel .teaser div {
	width: 18em;
	padding:0em 0.5em;
	}
	
#mainmantel .preis table {
	width:auto;
	min-width: 19em;
	}
	
/*#mainmantel .teaserrechts table, #mainmantel .teaserlinks table
	{
	width: 19em;
	font-size:0.9em;
	}*/
	
#mainmantel .teaser table td, #mainmantel .teaserlinks table td , #mainmantel .teaserrechts table td, #mainmantel .preis table td  {
	padding: 0.5em;
	margin:0;
	border: 0px;
	height: auto; /*3.5em;*/
	border-top: 1px solid #fcf3dc;
	}
	
	
#mainmantel .teaser table tr:first-child td, #mainmantel .teaserlinks table tr:first-child td , #mainmantel .teaserrechts table tr:first-child td, #mainmantel .preis table tr:first-child td  {
	border-top: inherit;
}

#mainmantel .teaserrechts table td, #mainmantel .teaserlinks table td 
	{
	height: auto;
	}


#mainmantel .teaser table .tabtrhell, #mainmantel .teaserlinks table .tabtrhell, #mainmantel .teaserrechts table .tabtrhell, #mainmantel .preis table .tabtrhell {
	background-color:#fcf3dc;

	}

#mainmantel .teaserrechts table tr:nth-child(2n), #mainmantel .teaserlinks table tr:nth-child(2n), #mainmantel .teaser table tr:nth-child(2n){
background-color: #fcf3dc;
}

#mainmantel .teaserrechts table tr:nth-child(2n) td, #mainmantel .teaserlinks table tr:nth-child(2n) td, #mainmantel .teaser table tr:nth-child(2n) td,  #mainmantel table .tabtrhell td {
		border-top: 1px solid #F9E4AE;
	}
.tabwertespalte {
	width: 8em;
	text-align: center;
	}
.tabwertespalteslim {
	width: 6em;
	text-align: center;
}
#mainmantel table caption {
	font-weight: bold;
	padding-top:0.5em;
	padding-bottom: 1em;
}