@charset "utf-8";

/*======================================
Datum: 10.12.08
Datei: screen.css
Kunde: Spillner Spezialbaustoffe GmbH
Autor: D.Weber
======================================*/

/*@import url(navi.css);*/

/*=====
RESET
=====*/
* {
	margin: 0;
	padding: 0;
}
h2 {
	margin-bottom: 1em;
	float: left;
	font-size: 14pt;
}
h3 {
	font-size: 10pt;
}
h4 {
	font-size: 12pt;
}
p {
	font-size: 9pt;
	
}
a {
	color: black;
	text-decoration: none;
	}
	
	
li { font-size: 9pt; }

table { font-size: 9pt; }


#partner a[href]:after {
	content:" [Adresse: "attr(href)"] "; 
}




/*================
Globale Styles
==================*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	background-color: #FFFFFF;
	line-height: 1.35;
	}
	
#wrapper {
	
	/*width: 90%;*/
	/*min-width: 900px;
	max-width: 1200px;*/
/*	margin: 0 auto;*/
	/*overflow: hidden;*/
	/*font-size: 62.5%;*/
	/*background-color: #FFFFFF;*/
}

/*===========================
#kopf
===========================*/

#kopf {
	background-color: #FFFFFF;
	/*background-image: url(./bilder/texturen.jpg);*/
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom: 20px solid white;
}

/*===========================
#hauptnavi
===========================*/



#hauptnavi {
	width: 21.9%;
	float: left;
	color: #5b5b5b;
	overflow: hidden;
	display: none;
}


#hauptnavi a {
	text-decoration: none;
	color: #5b5b5b;
	text-transform: uppercase;
	display: block;
	font-size: 125%;
	font-weight: bold;
	
}
#hauptnavi a:hover {
	color: #01804e;
	font-weight: bold;
	text-decoration: underline;
	font-size: 125%;
}




#hauptnavi li{
	margin-bottom: 10px;
	list-style-type: none;
		
}

#hauptnavi ul {
	color: #5b5b5b;
	overflow: hidden;
	margin-left: 20%;
	
	
	
}

#hauptnavi ul ul {
	padding: 0;
	
	margin-top: 10px;
	
}
#hauptnavi ul li ul li a {
	font-weight: normal;
	color: #8a8a8a;
	font-size: 120%;
	display: block;
	width: 90%;
}
#hauptnavi ul li ul li a:hover {
	color: #01804e;
	font-weight: normal;
	text-decoration: underline;
	font-size: 120%;
}

* html #hauptnavi ul {
	width: 80%;
}

/*===========================
#texthuelle
===========================*/

#texthuelle {
	width: 80%;
	margin: 0 auto;
	/*overflow: hidden;*/
	/*background-color: #FFFFFF;
	background-image: url(bilder/grau.gif);
	background-repeat: repeat-y;
	background-position: 79%;*/
}

#inhalt {
	/*float: left;*/
	/*font-size: 130%;*/
	padding-bottom: 3em;
}


/*===========================
#inhalt
===========================*/

#inhalt h3 {
	clear: both;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
}


#inhalt p {
	padding-bottom: 1em;
}

#inhalt ul {
	list-style-type: square;
	margin-bottom: 1em;
	padding-left: 1.3em;
}
#inhalt  .bildbox_links {
	color: #030303;
	float:left;
	text-align: center;
	background-color: #f1f1f1;
	padding: 0.5em;
	margin: 0 1em 1em 0;
	border: 1px solid #01804e;
	width: 14em;
}


#inhalt .bildbox_rechts {
	color: #030303;
	float:right;
	text-align: center;
	background-color: #f1f1f1;
	padding: 0.5em;
	margin: 0 0 1em 0;
	border: 1px solid #01804e;
	width: 13.1em;
}
#inhalt .bildbox_links_breit {
	color: #030303;
	float:left;
	text-align: center;
	background-color: #f1f1f1;
	padding: 0.5em;
	margin: 0 1em 1em 0;
	border: 1px solid #01804e;
	width: 35em;
}
#inhalt .bildbox_rechts_breit {
	color: #030303;
	float:right;
	text-align: center;
	background-color: #f1f1f1;
	padding: 0.5em;
	margin: 0 1em 1em 0;
	border: 1px solid #01804e;
	width: 26.3em;
}
#inhalt .bildbox_links dd, #inhalt .bildbox_rechts dd, #inhalt .bildbox_links_miniaturen dd{
	margin:0;
	line-height: 1.3em;
	font-size: 0.85em;
}
#inhalt .bildbox_links_miniaturen {
	color: #030303;
	float:left;
	text-align: center;
	background-color: #fff;
	padding: 0.5em;
	margin: 0 1em 1em 0;
	width: 10.5em;
}
#inhalt dl dt img {
	padding-bottom: 0.5em;
}

#inhalt .zebra {
	background-color: #f1f1f1;
}

#inhalt ul ul {
	margin: 0;

}
#inhalt li {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}




#inhalt tfoot td{
	border-top: 1px dotted #01804e;
	background-color: #F1F1F1;
}
#inhalt td {
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}


#inhalt caption {
	text-align: left;
	padding: 10px 10px 2px 0;
	font-size: 110%;
	color: #01804e;
}



#inhalt #produktnavi img {
	padding-right: 5%;
	margin-bottom: 0;
	margin-top: 0;
}
#inhalt .kleingedruckt {
	font-size: 80%;
}
#inhalt table {
	margin-bottom: 1.5em;
	border: 1px solid #01804e;
	width: 100%;
}
* html #inhalt ul { height: 1%; }



#startseite #inhalt img {
	float: none;
}
#handelspartner #inhalt table {
	background-color: transparent;
	margin-bottom: 1.5em;
	border-bottom: 1px dotted #01804e;
	width: 100%;
}
#handelspartner #inhalt thead {
	border-bottom: 1px solid #01804e;
}

#handelspartner #inhalt img {
	float: none;
}

/*#inhalt img {
	float: left;
}
*/

#handelspartner #inhalt {
	min-height: 600px;
}
#handelspartner #inhalt table {
	margin-bottom: 1.5em;
	border: none;
	width: 100%;
}

#kontakt #inhalt table {
	border: none;
}

#kontakt #inhalt td{
	padding-right: 0;
	padding-left: 0;
}
#partner #inhalt a {
	display: block;
	color: black;
	text-decoration: none;
}

#produkte #inhalt li {
	
	background: none;
	/*overflow: hidden;*/
	
}


#produkte #inhalt li a {
	display: block;
	color: black;
	text-decoration: none;
	padding: 30px 0;
	
}

#produkte #inhalt li:hover {
	color: black;
	background-color:#F4f4f4;
	
	
}

* html #produkte #inhalt li {
	height: 1%;
}
/*===========================
#produktnavi
===========================*/

#produktnavi {
	display: none;
}






#produktnavi ul li {
	margin: 2% 0;
	width: auto;
	list-style-type: none;
	background-image: none;
	padding-left: 0px;
}
#produktnavi ul li:hover {
	margin: 2% 0;
	width: auto;
	list-style-type: none;
	background-image: none;
	padding-left: 0px;
	background-color: transparent;
}


#produktnavi a {
	color: #01804e;
	text-decoration: none;
	display: block;
	font-size: 100%;
}


#produktnavi a:hover, #newsnavi a:hover, #mitteilungen a:hover {
	color: #01804e;
	text-decoration: underline;
}
#newsnavi {
	font-size: 130%;
	color: #01804e;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
}

/*===========================
#newsnavi
===========================*/

#newsnavi li{
	display: inline;
}
#newsnavi a {
	color: #8a8a8a;
	text-decoration: none;
}
#newsnavi .active {
	color: #01804E;
	font-weight: bold;
	text-decoration: underline;
}


/*===========================
#mitteilungen
===========================*/

#mitteilungen {
	/*background: url(./bilder/grau.gif) repeat-y top left;*/
	padding: 0.8em;
}

#mitteilungen h3 {
	font-size: 130%;
	color: #5b5b5b;
	margin-bottom: 5%;
}
#mitteilungen h4 {
	font-size: 130%;
	color: #01804e;
}

#mitteilungen img {
	width: 79.6%;
	
}

#mitteilungen {
	color: black;
	width: 30%;
	/*float: right;*/
	display: inline;
}
#mitteilungen address a{
	
	display: inline;
	width:5cm;
}

#mitteilungen h5,
#mitteilungen h4,
#mitteilungen h3,
#mitteilungen p,
#mitteilungen a,
#mitteilungen img {
	display: none;
}
#mitteilungen address {
	
	position: absolute;
	top: -0.5cm;
	right: 0;
	font-style: normal;
	margin-top: 5%;
	font-size: 8pt;

}
#sfs #inhalt .bericht {
	background-color: #f4f4f4;
	margin-bottom: 1em;
	
	
	
}
#sfs #inhalt .daten {
	background-color: #ECECEC;
	width: 160px;
	float: left;
	padding: 0 10px;
	margin-right: 10px;
}
#sfs  #inhalt .bericht_huelle .bericht .bildbox_rechts .bilder {
	padding: 0;
}

#sfs #wrapper #texthuelle #inhalt .bericht_huelle .bericht h3 {
	clear: none;
}

#sfs #wrapper #inhalt .bericht_huelle {
	overflow: hidden;
	
}

/*===========================
Klassen
===========================*/


.infobox {
	float: right;
	width: 30%;
	background-color: #F6F6F6;
	border-top: 1px solid #01804e;
	border-bottom: 1px solid #01804e;
	padding: 1.2em;
	font-size: 90%;
}
.infobox_breit {
	float: left;
	width: 85%;
	background-color: #F6F6F6;
	border-top: 1px solid #01804e;
	border-bottom: 1px solid #01804e;
	padding: 1.2em;
	font-size: 90%;
}

.bilder {
	margin-bottom: 1em;
	border: 1px solid #01804e;
}
.teaser {
	color: #333;
	font-size: 8pt;
	font-weight: bold;
	line-height: 1.7;
	text-align: left;
}

.underline {
	text-decoration: underline;
}



.clear {
	clear: both;
}
.hochgestellt {
	font-size: 100%;
}


#inhalt .bilder_kein_rahmen {
	margin-bottom: 1em;
	float: none;
}
.float_links {
	float: left;
	padding-right: 10px;
}


.mail {
	font-family: verdana, arial, sans-serif;
	color: #01804e;
	font-size: 1.07em;
	font-weight: bold;
}
.mailkl	{
	font-size: 1em;
	/*font-weight:bold;*/
	color: #333;
	font-family: verdana, arial, sans-serif;
	text-decoration:none;
}
/*====================================
Seitenspezifische Druckoptimierungen
====================================*/

/*Handelspartner*/
.Accordion {
  overflow: visible !important;
}

.AccordionPanelContent {
  display: block !important;
  overflow: visible !important;
  height: auto !important;
}

#handelspartner p {
	display: none;
}