* { margin:0; padding:0; }
html, body { height:100%; width:100% }



div#header { position: fixed; height: 130px; top: 0; left: 0; width: 100%; display: table; z-index:2; border-collapse:collapse; }
div#header > div { display: table-row; }
div#header > div > div { display: table-cell; padding: 0; margin: 0; }

div#subnavi {
	position: fixed; height: 20px; background-color: #eeb334; left: 300px; top: 130px; z-index:2;
}

div#tab_logo { width: 300px; background: url('../images/stallmann_logo_bg.png'); vertical-align: top; }
div#tab_navigation { background: url('../images/stallmann_logo_bg.png'); background-position: -180px; overflow: hidden;  vertical-align: bottom; }
div#tab_navigation ul { list-style-type: none; }
div#tab_navigation li { font-size: 20pt; float: left; padding: 10px 0 0 0; }
div#tab_navigation li a { color: white; margin: 0 10px 0 10px; }
div#tab_navigation li a:hover { color: rgb(250,150,0); }
div#tab_navigation li#news { background: url('../images/news_bg.png'); }
div#tab_navigation li#news a { color: white; }
div#tab_navigation li#news a:hover { color: #404040; }
div#tab_blase { width: 250px; background: url('../images/stallmann_logo_bg_blase.png'); background-position: left; background-repeat: repeat-y; vertical-align: top; }


#stempel { right: 30px; top: 10px; position: fixed; z-index: 100; }
#sprechblase { right: 130px; top: 50px; position: fixed; z-index: 99; display: none; }


div#footer { position: fixed; height: 40px; width: 100%; left: 0; bottom: 0; background: rgb(111,111,111); z-index:1; }
div#footer ul { list-style-type: none; }
div#footer li { font-size: 12pt; float: right; padding: 10px 50px 0 0; }
div#footer li a { color: white; }
div#footer li a:hover { color: rgb(250,150,0); }


div#content {
	position: absolute;
	top: 180px; left: 150px;
	margin: 0px 50px 0 0;
	background: rgb(111,111,111);
	overflow: auto;
}


#content h1 { font-size: 20pt; font-style: italic; font-weight: normal; color: #96bf0b; margin: 20px; }
#content h2 {
	font-size: 14pt;
	font-style: italic;
	font-weight: normal;
	color: #96bf0b;
	margin: 10px 20px 10px 10px;
	padding: 3px 20px 2px 10px;
	display: inline;
}

#content h3 { font-size: 20pt; font-style: italic; font-weight: normal; color: white; margin: 0; text-align: center; background-color: #eeb334; position: absolute; top: 0; display: block; width: 100%; padding: 20px 0 20px 0; }

#content p { font-size: 12pt; font-weight: normal; color: white; margin: 0 20px 20px 20px; }
#content ul { margin: 5px 20px 20px 0; }
#content ul li { font-size: 12pt; font-weight: normal; color: white; margin: 4px 20px 0px 50px; }

#content .Lset { border-collapse: collapse; display: table; margin: 0 20px 50px 20px; }
#content .Lset > div { border-bottom: 1px dotted white; display: table-row; }
#content .Lset > div > div { vertical-align: top; text-align: left; display: table-cell; }
#content div.L1 { font-size: 12pt; font-style: italic; color: white; }
#content div.L2 { font-size: 12pt; font-weight: normal; color: white; }

#content #LeistungenTAB { display: table; height: 100%; width: 100%; position: absolute; bottom: 0; }
#content #LeistungenTAB > div { display: table-row; }
#content #LeistungenTAB > div > div { display: table-cell; width: 33%; background: url('../images/leistungen_pfeil.png'); background-position: bottom center; background-repeat: no-repeat; vertical-align: top; padding-top: 100px; }


#content #LeistungenTAB p.kurzinfo {
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	color: white;
	display: block;
	background-color: #96bf0b;
	margin: 0 20px 0 20px; padding: 5px;
}

div#schlagworte { display: table; position: fixed; bottom: 60px; width: 100%; height: 120px; border-collapse:collapse; }
div#schlagworte > div { display: table-row; }
div#schlagworte > div > div { display: table-cell; vertical-align: bottom; text-align: left; }
div#schlagworte > div > div > p { display: block; background: url('../images/img_bg.png'); padding: 3px 10px 2px 10px; margin: 0 20px 10px 0; color: white; font-size: 12pt; font-weight: bold; }


#abstand_links { width: 150px; }
#img1 {
	width: 33%;
	background: url('../images/s455.png');
	background-position: center center;
	border-right: 2px dotted white;
}
#img2 {
	width: 33%;
	background: url('../images/akten.png');
	background-position: center center;
	border-right: 2px dotted white;
}

#img3 {
	width: 33%;
	background: url('../images/container.png');
	background-position: center center;
}

#img1:hover p {
	background: url('../images/img_bg_hover.png');
}
#img2:hover p {
	background: url('../images/img_bg_hover.png');
}
#img3:hover p {
	background: url('../images/img_bg_hover.png');
}

#abstand_rechts { width: 50px; }