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

sup{
	font-size: 6pt;
}

h2 sup{
	font-size: 10pt;
}

body{
	/*background-image: url('bg2.jpg');
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: bottom right;
	background-attachment: fixed;*/
	font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	color: #444;/**/
	font-size: 10pt;
	line-height: 135%;
}

h1, h2, h3, h4{
	text-transform: uppercase;
	margin-bottom: 50px;
	line-height: 135%;
	font-weight: 200;
}
h2{
	font-size: 24pt;
	font-weight: 300;
}
h3{
	font-size: 18pt;
	font-weight: 300;
}

a{
	text-transform: uppercase;
	color: #BD0926;
	text-decoration: none;
}
	a:hover{
		color: #000;
	}

blockquote {
    margin: 0;
    font-size: 16pt;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    line-height: 1.5em;
    quotes: "\201C""\201D""\2018""\2019";
}
	blockquote:before {
		content: open-quote;
		font-size: 3em;
		line-height: .1em;
		margin-right: .05em;
		vertical-align: -.3em;
	}
	blockquote:after {
		content: close-quote;
		font-size: 3em;
		line-height: .1em;
		vertical-align: -.6em;
	}

#head{
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #FFF;
	width: 100%;
	z-index: 99;
	border-top: 35px solid #FFF;
	height: 55px;
	border-bottom: 3px solid #BD0926;
}

	#langSwitch{
		position: absolute;
		top: -30px;
		right: 10px;
		z-index: 99;
	}
	#headWrapper{
		width: 965px;
		margin: auto;
	}
	#head img{
		height: 30px;
		margin-right: 20px;
	}
	#menuWrapper{
		display: inline-block;
		background: transparent;
		height: 30px;
	}
	#menuBtn{
		display: none;
		margin-left: 10px;
		width: 50px;
		height: 30px;
		text-shadow: 1px 1px 2px #000;
		
		/*background: #9fc515;
		background-image: -webkit-linear-gradient(top, #9fc515, #88a612);
		background-image: -moz-linear-gradient(top, #9fc515, #88a612);
		background-image: -ms-linear-gradient(top, #9fc515, #88a612);
		background-image: -o-linear-gradient(top, #9fc515, #88a612);
		background-image: linear-gradient(to bottom, #9fc515, #88a612);
		-webkit-border-radius: 8;
		-moz-border-radius: 8;
		border-radius: 8px;
		color: #9fc515;
		font-size: 20px;
		padding: 5px 20px 5px 20px;
		text-decoration: none;*/
		overflow: hidden;
	}
	
#spacerWrapper{
	background: #FFF;
}
#spacer{
	margin-top: 90px;
	border-bottom: 20px solid #FFF;
	height: 200px;
	text-align: center;
	position: relative;
	overflow: hidden;
	background-image: url('images/img/HEADER.jpg');
	background-position: center center;
}
	#headText{
		height: 120px;
		margin-top: 40px;
	}
	
	#spacer h1{
		display: none;
	}

	#kalkForm input{
		width: 100px;
	}
	#kalkForm td{
		padding: 5px;
	}

#wrapper{
	position: relative;
	padding-top: 25px;
}
	#wrapperBG{
		position: relative;
		/*left: 0px;
		top: 90px;
		width: 100%;
		height: auto;
		z-index: -1;*/
		width: 100%;
	}
		#hotline{
			position: absolute;
			top: 120px;
			right: 10px;
			color: #FFF;
			font-weight: 700;
			text-shadow:
				3px 3px 0 #000,
				-1px -1px 0 #000,  
				1px -1px 0 #000,
				-1px 1px 0 #000,
				1px 1px 0 #000;
			font-size: 24pt; 
		}

	#content{
		width: 965px;
		
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		
		padding: 25px;
		
		background: rgba(255, 255, 255, 0.8); 
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	}
		#content ul, #content ol{
			padding-left: 16px;
		}
		.twoCols{
			width: 100%;
			text-align: left;
			
			column-count: 2;
			column-gap: 50px;
			column-rule-color: #AAA;
			column-rule-width: 1px;
			column-rule-style: dotted;
			
			-moz-column-count: 2;
			-moz-column-gap: 50px;
			-moz-column-rule-color: #AAA;
			-moz-column-rule-width: 1px;
			-moz-column-rule-style: dotted;
			
			-webkit-column-count: 2;
			-webkit-column-gap: 50px;
			-webkit-column-rule-color: #AAA;
			-webkit-column-rule-width: 1px;
			-webkit-column-rule-style: dotted;
		}
		.twoCols p{
			break-inside: avoid;
			-moz-break-inside: avoid;
			-webkit-break-inside: avoid;
			margin-bottom: 15px;
		}

		.pricelist{
			width: 100%;
		}
		.pricelist td{
			padding-top: 15px;
			border-bottom: 1px dotted #CCC;
			vertical-align: top;
		}
		.pricelist td.right2{
			width: 100px;
		}
		.right, .right2{
			text-align: right;
		}
	
	#contentWrapper{
		width: 965px;
		text-align: center;
		
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	.drittelTable{
		width: 99%;
		border: 0px;
	}
	.contentDrittel, .contentDrittelMitte{
		width: 33%;
		padding: 25px;
		vertical-align: top;
	}
	.contentDrittelMitte{
		border-left: 1px dotted #AAA;
		border-right: 1px dotted #AAA;
	}
		.contentDrittel h3, .contentDrittel h4, .contentDrittelMitte h3, .contentDrittelMitte h4{
			margin-bottom: 10px;
		}
		.contentDrittel h3, .contentDrittelMitte h3{
			color: #BD0926;
		}
	
	#spinPriceTable{
		width: 100%;
	}
	#spinPriceTable td{
		text-align: right;
	}
	
	#footer{
		color: #FFF;
		background-color: #BD0926;
		padding: 15px;
		font-size: 80%;
		text-align: center;
	}
		#footer a{
			font-size: 80%;
			color: #FFF;
			border-bottom: 1px solid #BD0926;
		}
			#footer a:hover{
				border-bottom: 1px solid #FFF;
			}
	
/********************************************************************************/
/* NAVI *************************************************************************/
/********************************************************************************/

#primary_nav_wrap{
	display: block;
}

#primary_nav_wrap ul{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	margin-top: 7px;
}

#primary_nav_wrap ul a{
	display:block;
	color: #444;
	text-decoration:none;
	font-weight:400;
	font-size:18px;
	line-height:32px;
	padding:0 11px;
	text-transform: uppercase;
}

#primary_nav_wrap ul li{
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

#primary_nav_wrap ul li a.current-menu-item{
	color: #BD0926;
}

#primary_nav_wrap ul li a:hover{
	color: #BD0926;
}

#primary_nav_wrap ul li ul li:hover{
	background:#f6f6f6;
	border-bottom: 0px;
}

#primary_nav_wrap ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background-color: #fff;
	padding:0;
	margin-top: 2px;
}
#primary_nav_wrap ul ul ul{
	margin-top: 0px;
}

#primary_nav_wrap ul ul li{
	float:none;
	width:250px;
}

#primary_nav_wrap ul ul a{
	line-height:120%;
	padding:10px 15px;
}

#primary_nav_wrap ul ul ul{
	top:0;
	left:100%;
	border-top: 0px;
}

#primary_nav_wrap ul li:hover > ul{
	display:block;
}

/********************************************************************************/
/* KLASSEN **********************************************************************/
/********************************************************************************/

.linkBild, .linkBildMitte{
	display: inline-block; 
	width: 300px; 
	height:200px; 
	background-repeat: no-repeat;
	background-size: 310px auto;
	margin-bottom: 30px;
}
.linkBildMitte{
	margin-left: 25px;
	margin-right: 25px;
} 
	.linkBild h2, .linkBild h3, .linkBildMitte h2, .linkBildMitte h3{
		background: #FFF;
		border-bottom: 15px solid #FFF;
		text-align: center;
	}

.bildSpalte{
	width: 60%;
	margin-right: 5%;
	float: left;
}
	.bildSpalte img{
		width: 100%;
	}
.textSpalte{
	width: 34%;
	float: left;
}

.clearBoth{
	clear: both;
}


