/* CSS Document */

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* vollkorn-regular - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/vollkorn-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Vollkorn Regular'), local('Vollkorn-Regular'),
       url('../fonts/vollkorn-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v10-latin-regular.svg#Vollkorn') format('svg'); /* Legacy iOS */
}


*{
	margin: 0;
	padding: 0;	
}

body, html{
	height: 100%;	
}

body{
	background-color:#F3F3F3;
 	/*background-image:url(../img/common/bg_center.gif);*/
	background-position: center top;
	background-repeat: repeat-y;
	background-attachment: scroll;
	color:#686868;
	font-family: 'Roboto', sans-serif; 
}



#leftHalf {
   background: url(../img/common/bg_muster_l.png) top left repeat-y;
   width: 50%;
   position: fixed;
   left: 0px;
   height: 100%;
   z-index: -10;
}

#rightHalf {
   background: url(../img/common/bg_muster_r.png) top right repeat-y;
   width: 50%;
   position: fixed;
   right: 0px;
   height: 100%;
   z-index: -10;
}

img{
	display: block;
	float: left;
	border:none;
}

img.hersteller {
	padding-right: 15px;
	padding-bottom: 25px;
	}
	
img.teaser {
	padding-bottom: 25px;
	}
	
/* start img text rollover */	

.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
	padding-right: 20px;
	padding-bottom: 20px;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: hand;
}	
.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}

.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 0px;
	background: #fff;
}

.imgteaser a .more {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 1.2em;
	color: #fff;
	background: #000000;
	padding: 5px 10px;
	filter:alpha(opacity=70);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgteaser a:hover .desc{
	display: block;
	font-size: 12px;
	line-height: 20px;
	padding: 0;
	background: #000000;
	filter:alpha(opacity=70);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 10px;
	margin: 0;
	top: 125px;
	width: 200px;	
	margin-bottom: 15px;
}
.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 0px;
	font-size:1.5em;
}


/* end img text rollover */

li, ol, ul {
	padding-left: 5px;
	font-size: 18px;
	line-height: 145%;
	padding-bottom: -20px;
	}
	
ul, ol {
	padding-bottom: 10px; !important
	padding-top: -30px;
	}
	
ul {
	list-style: square;
	list
	}
	
li {
	margin-left: 15px; !important
	}

p {
	font-size: 18px;
    line-height: 145%;
    letter-spacing: 0.03em;
	margin-bottom: 20px;
}

p.list {
	font-size: 18px;
	line-height: 145%;
	margin-bottom: 5px; !important
	}

/* links start */
a {
	text-decoration: none;
	color: #a9978a;
}

a.a:hover {
	color: #a9978a;
	border-bottom: 1px #a9978a solid; !important
	}

/* links end */

.btnback {
	width: 160px;
	height: 44px;
	background-color: #a9978a;
	background-image: url(../img/common/btn_back.png);
	background-position: 6px 8px;
	background-repeat: no-repeat;
	font-family: 'Vollkorn', serif;
	text-transform: uppercase;
	letter-spacing: 0.04rem;
	font-size: 18px;
	color: white;
	border: none;
	padding-left: 35px;
	margin-bottom: 40px;
	margin-top: 10px;
	float: right;
	cursor: pointer;
}
.btnback:hover {
	background-color: #8C7D73;
}

#main {
	width: 1200px;
	min-height: 100%;
	background-color:#F3F3F3; !important
	height: auto !important;
	height: 100%;
	z-index: 10;
	margin: 0 auto -125px; /* the bottom margin is the negative value of the footer's height */
}

ul#logo{
	width: 185px;
	height: 106px;
	list-style:none;
	float: right;
	padding: 35px 0 0 0;
	margin-right: -12px;
}

.clear {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    width: 0;
}


#navWrapper {
    clear: both;
    float: left;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-top: 90px;
	margin-bottom: 0;
}

#navWrapper ul#nav{
	list-style: none;
	margin: 30px auto 0 auto;
	display: block;
	left: 49%;
	position: relative;
	float:left;
}

#navWrapper ul#nav li{
	float:left;
	position: relative;
	margin-left: 30px;
	right: 50%;
}

#navWrapper ul#nav li.first{
	margin-left: 0px;
}

#navWrapper ul#nav li.active a {
	color: #a9978a;
}



#navWrapper ul#nav li a {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.04rem;
	font-size: 18px;
	color: #686868;
	text-decoration: none;	
}

#navWrapper ul#nav li a:hover {
	color: #a9978a;
}

.space{
	padding: 15px 0 15px 0;
}


h1{
	font-family: 'Vollkorn', serif;
	font-size:21px;
	color: #a9978a;
	font-weight:normal;
	text-align:center;
	padding: 20px 0 0 0;
}

h2{
	font-family: 'Vollkorn', serif;
	font-size:30px;
	color: #686868;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.04rem;
	padding-bottom: 25px;
	padding-top: 25px;
	line-height: 130%;
	
}

h3 {
	font-family: 'Vollkorn', serif;
	color: #686868;
	font-size:22px;
	font-weight:normal;
	text-transform: uppercase;
	letter-spacing: 0.04rem;
	padding-bottom: 15px;
	line-height: 29px;	
}

.template1{
	width: 1200px;
	margin: 0 auto;
}

.template1 .block{
	width: 1200px;
	float:left;
	padding-bottom: 45px;
}


.template1 .rightBlock{
	width: 405px;
	float:right;
	padding-bottom: 45px;	
	margin-right: 17px;
}

.template1 p{
	/*text-align:justify;*/
	
}

.left{
	float:left;	
}

.right{
	float:right;
}




.template2{
	width: 1200px;
	margin: 0 auto;
}

.template2 .leftBlock{
	width: 720px;
	float:left;
	padding-bottom: 45px;
	margin-right: 20px;
}


.template2 .rightBlock{
	width: 460px;
	float:right;
	padding-bottom: 45px;	
}

.template3 {
	width: 1200px;
	margin: 0 auto;
}

.template3 .spalte1 {
	width: 285px;
	float: left;
	margin-right: 20px;
}
	
.template3 .spalte2 {
	width: 285px;
	float: left;
	margin-right: 20px;
}
	
.template3 .spalte3 {
	width: 285px;
	float: left;
	margin-right: 20px;
}
	
.template3 .spalte4 {
	width: 285px;
	float: left;
}

.footer {
	height: 120px;
}