/* Reset
--------------------------------------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
	border: 0;
}

/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
	background: #ffffff;
	font-size: 75%;
}

html>body {
	font-size: 12px;
}

body {
	background: #ffffff;
	font-size: 12px;
	font-family: Verdana, "Times New Roman", Times, sans-serif;	
	
}

a:link {
	color: #0059ff;
	text-decoration: underline;
}

a:visited {
	color: #e75012;
	text-decoration: none;
}

a:hover {
	color: #e75012;
	text-decoration: underline;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */

a:focus {
	outline: none;
}

.shop {
	width: 20px; height: 20px;
	color: #ffffff;
	font-size: 1px;
	padding: 12px 10px 10px 10px;
	margin: 0px 0px 0px 5px;
	cursor : pointer;
	background: transparent url('icons/icon_shop.gif')
	no-repeat;
	display: inline;
	}

a[href$='.pdf'] {
	padding: 5px 0px 5px 20px;
	background: transparent url('icons/icon_pdf.gif')
	no-repeat center left;
	}
	
a[href ^="mailto:"] {
	padding: 5px 0px 5px 20px;
	background: transparent url('icons/icon_mailto.gif')
	no-repeat center left;
	}

/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */

p {
	line-height: 1.5em;
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

h1 {
	font: 1.5em/1.5em Verdana, "Times New Roman", Times, sans-serif;
	margin: 0;
	
}

h1 span {
	display: none;
}

h2 {
	font: 1.7em/1em Verdana, "Times New Roman", Times, sans-serif;
	color: #e75012;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#metainformation h1 {
	font: normal 1em/1 Verdana, "Times New Roman", Times, sans-serif;
	color: #555555;
	padding: 15px 20px 14px 20px;
	float: left;
	margin: 0;
}


#metainformation h3 {
	font: normal 2em/1 Verdana, "Times New Roman", Times, sans-serif;
	color: #000000;
	padding: 20px 20px 20px 20px;
	float: left;
	margin: 0;
}

h3 {
	font: 1.5em/1.13em Verdana, "Times New Roman", Times, sans-serif;
	margin-top: 0.7em;
	margin-bottom: 0.5em;
	color: #000000;	
}

h4 {
	/*font: 1.3em/1.29em Verdana, "Times New Roman", Times, sans-serif;*/
	display: block;
	margin-top: 1.29em;
	margin-bottom: 1.29em;
}

h5 {
	font: 1.3em/1.29em Verdana, "Times New Roman", Times, sans-serif;
	display: block;
	display: strong;
	margin-top: 1.29em;
	margin-bottom: 1.29em;
	}

pre {
	font: 1em/1.29em Verdana, "Times New Roman", Times, sans-serif;
	display: block;
	display: strong;
	margin-top: 1.29em;
	margin-bottom: 1.29em;
	}

h6 {
	line-height: 1.2em;
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	font: .9em/1em Verdana, "Times New Roman", Times, sans-serif;
	display: block;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	}

news {
	width: 45px; height: 23px;
	color: #ffffff;
	font-size: 1px;
	padding: 10px 15px 10px 15px;
	background: url('icons/newsmall.png') no-repeat;
	}

sup { 
width: 15px; height: 15px;
color: #ffffff;
font-size: 1px;
padding: 7px 7px 8px 8px;
cursor : pointer;
background: url('icons/frage.png') no-repeat;
}

	
#annotation  {
position : absolute;
z-index : 99;
overflow : auto;
padding : 0;
background-color : #fff;
color: #000000;
border : 1px solid black;
}
#annotation h1 {
font-family : Arial, sans-serif;
font-size : 9pt;
line-height : 14px;
padding : 0;
padding-left : 3pt;
margin : 0;
color : white;
background-color : #0059ff;
}
#annotation h1 a {
position : absolute;
top : 0;
right : 0;
margin : 0;
padding : 0;
width : 14px;
height : 14px;
background-image : url(grafiken/kreuz.png);
z-index : 100;
}
#annotation p {
font-family : Arial, sans-serif;
font-size : 9.5pt;
line-height : 14pt;
margin-top : 0;
padding : 3pt;
color: #000000;
}

/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */

#wrapper {
	margin: 0 auto;
	width: 960px;
	background: #ffffff;
}

#metainformation {
	overflow: hidden;
	position: relative;
	min-height: 180px;
}


input{
 	font: 1em/1em Verdana, "Times New Roman", Times, sans-serif;
 	padding: 0;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
 	background: #eeeeee;
 	border: #e75012 1px solid;
 }
 select{
 	font: 1em/1em Verdana, "Times New Roman", Times, sans-serif;
 	padding: 0;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
 	background: #eeeeee;
 	border: #e75012 1px solid;
 }
 option{
 	font: 1em/1em Verdana, "Times New Roman", Times, sans-serif;
 	padding: 0;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
 	background: #eeeeee;
 }
 
 .formbutton{
 	background:  #e75012;
 	border: #e75012 0px solid;
 	
 }
 
textarea{
 	font: 1em/1em Verdana, "Times New Roman", Times, sans-serif;
 	padding: 0;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
 	background: #eeeeee;
 	border: #e75012 1px solid;
 }
#navigation {
	background: url('grafiken/navi20or.png');
	float: left;
	width: 960px;
	padding: 0 0 0 0px;
}

#navigation li {
	float: left;
	list-style-type: none;
}

#navigation li a, #navigation li a:visited {
	background: #e75012;
	color: #ffffff;
	float: left;
	margin: 0;
	padding: 3px 10px;	
	text-align: center;
	text-transform: uppercase;
}

#navigation li a:hover {
	background: #0057a3;
	text-decoration: underline;
}

#teaserfoto {
	background:  url(grafiken/logofair.png) top right no-repeat;
	width: 200px;
	height: 167px;
	position: absolute;
	top: 10px;
	left: 750px;
	z-index: 999;
	border: 0px solid #0057a3;
}

#specialbutton {
	width: 100px;
	height: 100px;
	float: left;
	position: absolute;
	bottom: -50px;
	left: 20px;
	z-index: 999;
	margin: 5px;
	padding: 0px;
	border: 0px solid #ffffff;
}

#specialbutton2 {
	width: 132px;
	height: 48px;
	padding: 10px;
	float: right;
	z-index: 997;
}

#tagung {
	width: 468px;
	height: 60px;
	float: right;
	margin: 10px 20px;
	top: 200px;
	left: 300px;
	z-index: 996;
}

.messe {
	background:  url(grafiken/Messe_Rabatt.png) top right no-repeat;
	}
	
	
.steinexpo {
	background:  url(grafiken/steinexpo.png) top right no-repeat;
	}
	

.betontage {
	background: url(grafiken/BetonTage_Fullbanner_animated_468x60.gif) top right no-repeat;
	}

.betonmischer {
	background: url(grafiken/header_betonmischer.png) top right no-repeat;
}

.sonder {
	background:  url(grafiken/online_shop.png) top left no-repeat;
	}
	
.newsletter {
	background:  url(grafiken/newsletter.png) top right no-repeat;
	}

.beginn {
	background:  url(grafiken/header_neu.png) top right no-repeat;
	}

.fertigteil {
	background:  url(grafiken/header_fertig.png) top right no-repeat;
	}

.stahlbau {
	background:  url(grafiken/header_stahlbau.png) top right no-repeat;
	}
	
.guss {
	background:  url(grafiken/header_stahlbau.png) top right no-repeat;
}

.schrauben {
	background:  url(grafiken/header_schrauben.png) top right no-repeat;
	}
	
.werkstoffe {
	background:  url(grafiken/header_werkstoffe.png) top right no-repeat;
}

.pu {
	background:  url(grafiken/pu.png) top right no-repeat;
}

.gummi {
	background:  url(grafiken/gummi.png) top right no-repeat;
}

.impressum {
	background:  url(grafiken/header_werkstoffe.png) top right no-repeat;
	}
	
.anfrage {
	background: url(grafiken/header_werkstoffe.png) top right no-repeat;
	}
	
.bestaetigung {
		background: url(grafiken/header_werkstoffe.png) top right no-repeat;
	}
.keramik {
	background:  url(grafiken/keramikboden.png) top right no-repeat;
}

.stahl {
	background:  url(grafiken/header_stahl.png) top right no-repeat;
}

.beton {
	background:  url(grafiken/header_beton.png) top right no-repeat;
}

.kies {
	background:  url(grafiken/header_kies.png) top right no-repeat;
}

.naturstein {
	background:  url(grafiken/header_naturstein.png) top right no-repeat;
}
	
.becher {
	background:  url(grafiken/header_becher.png) top right no-repeat;
}
	
.sitemap {
	background:  url(grafiken/header_werkstoffe.png) top right no-repeat;
	}
	
.formenbau {
	background:  url(grafiken/header_formenbau.png) top right no-repeat;
	}	

.mosaik {
	background: url(grafiken/mosaik.png) top right no-repeat;
	}

.anwendung {
	background:  url(grafiken/header_anwendungen.png) top right no-repeat;
	}

.lademesser {
	background:  url(grafiken/header_lademesser.png) top right no-repeat;
	}
	
.mainpage {
	background:  url(grafiken/header_werkstoffe.png) top right no-repeat;
	}
	
.fanshop {
	background:  url(grafiken/header_werkstoffe.png) top right no-repeat;
	}
	
.auskleidung {
	background:  url(grafiken/header_auskleidung.png) top right no-repeat;
	}
	
.werkzeuge {
	background:  url(grafiken/header_misch.png) top right no-repeat;
	}

.trichter {
	background: url(grafiken/header_trichter.png) top right no-repeat;
	}
	
.fahrmischer {
	background: url(grafiken/header_fahrmischer.png) top right no-repeat;
	}	
	
.schrapper {
	background: url(grafiken/header_schrapper.png) top right no-repeat;
	}	
.mischer {
	background: url(grafiken/Schaufel.png) top right no-repeat;
	}
	
.kontakt {
	background: url(grafiken/header_werkstoffe.png) top right no-repeat;
	}		
	
.spachtelmassen {
	background: url(grafiken/spachtel.png) top right no-repeat;
	}
	
#hauptinformation {
	line-height: 1.5em;
	overflow: hidden;
	background: #ffffff;
	clear: both;
	float: left;
	min-height: 480px;
	width: 550px;
	padding: 0 20px 20px 20px;
	margin-bottom: 20px;
}

#hauptinformation p {
	padding-right: 50px;
}

#hauptinformation ul.normal {
	list-style-image:url(grafiken/listbluenew.png);
	list-style-position: outside;
	padding: 2px 5px 2px 20px;
	font: 1em/1.3em Verdana, "Times New Roman", Times, sans-serif;
	margin-top: .7em;
	margin-bottom: .7em;
	color: #000000;
}

#hauptinformation ul.wide {
	list-style-image:url(grafiken/listbluenew.png);
	list-style-position: outside;
	padding: 2px 5px 2px 20px;
	font: 1.2em/1.5em Verdana, "Times New Roman", Times, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #000000;
}


ul.map1{
	list-style-image:url(grafiken/listbluenew.png);
	list-style-position: outside;
	padding: 2px 5px 2px 20px;
	font: 1em/1em Verdana, "Times New Roman", Times, sans-serif;
	margin-top: .7em;
	margin-bottom: .7em;
}

#hauptinformation ul.map2{
	list-style-image:url(grafiken/listorangenew.png);
	list-style-position: outside;
	padding: 2px 5px 2px 20px;
	font: 1em/1em Verdana, "Times New Roman", Times, sans-serif;
	margin-top: .7em;
	margin-bottom: .7em;
	padding: 2px 5px 2px 30px;

}

ul.map3{
	list-style-image:url(grafiken/listyellownew.png);
	list-style-position: outside;
	font: 1em/1em Verdana, "Times New Roman", Times, sans-serif;
	padding: 2px 5px 2px 40px;
}
ul.map4{
	list-style-image:url(grafiken/listgreennew.png);
	list-style-position: outside;
	font: 1em/1em Verdana, "Times New Roman", Times, sans-serif;
	padding: 2px 5px 2px 40px;
}

ul.positiv{
	list-style-image:url(grafiken/plus.png);
	list-style-position: outside;
	padding: 2px 5px 2px 20px;
	font: 1em/1.3em Verdana, "Times New Roman", Times, sans-serif;
	margin-top: .7em;
	margin-bottom: .7em;
	color: #000000;
	}
	
ul.negativ{
	list-style-image:url(grafiken/minus.png);
	list-style-position: outside;
	padding: 2px 5px 2px 20px;
	font: 1em/1.3em Verdana, "Times New Roman", Times, sans-serif;
	margin-top: .7em;
	margin-bottom: .7em;
	color: #000000;
	}

.fotolink {
	margin: 15px 5px 15px 5px;
	border: 3px solid #ccdeff;
	}
	
.fotolink {
	margin: 15px 5px 15px 5px;
	border: 3px solid #e75012;
	}

#nebeninformation {
	overflow: hidden;
	position: relative;
	float: right;
	width: 310px;
	min-height: 310px;
	background: #0057a3;
	padding: 10px 15px 10px 15px;
	margin: 0px 0px 20px 0px;
}

#nebeninformation img {
	margin: 15px 5px 15px 5px;
	border: 3px solid #ccdeff;
	}

#nebeninformation a:hover img{
	border: 3px solid #e75012;
	}


#navigation2 {
	background: url('grafiken/navi20180or.png');
	float: left;
	position: relative;
	width: 960px;
	font: 1em Verdana, "Times New Roman", Times, sans-serif;
	margin: 0;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	border: 3px solid #ffffff;
}

#navigation2 li {
	list-style-type: none;
	float: right;
}

#navigation2 li a, #navigation2 li a:visited {
	/*background: url('grafiken/navibackground.png');*/
	color: #ffffff;
	float: left;
	margin: 0px;
	padding: 3px 10px;	
	text-align: center;
	text-transform: uppercase;
}

#navigation2 li a:hover {
	background: #0057a3;
	text-decoration: underline;
}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
	color: #333;
	text-align: center;
	vertical-allign: middle;
}

table img{
	height: 84px;
	width: 126px;
	}

table caption {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 5px;
	padding: 5px;
	background: #efefef;
	border: 1px solid #ccc;
	color: #666;
}

table a {
	text-decoration: none;
	border-bottom: 1px solid #f60;
	color: #f60;
	font-weight: bold;
}

table a[href$='.pdf']:hover {
	padding: 5px 0px 5px 20px;
	background: transparent url('icons/icon_pdf.gif')
	no-repeat center left;
	}
	
table a:hover {
	text-decoration: none;
	color: #fff;
	background: #f60;
}

table tr th a {
	color: #369;
}

table tr th a:hover {
	color: #FFBB8E;
	background: #369;
}

table tr.odd th a:hover {
	color: #FFBB8E;
}

table thead tr th {
	text-transform: uppercase;
	background: #e2e2e2;
}

table td, table th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 2px;
	line-height: 1.8em;
	font-size: 0.8em;
	vertical-align: middle;
	width: 50%;
}

table tr.odd th, table tr.odd td {
	background: #efefef;
}