/* be-vietnam-pro-regular - latin */
@font-face {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 400;
	src: local(''),
		 url('./be-vietnam-pro-v2-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('./be-vietnam-pro-v2-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  
*{ margin:0px; padding:0px; }

body{
	background-color: #C1CAC5;
}
img{ max-width:100%; height:auto; border:0px none;}

#wrapper{ position:relative; margin: 0 auto; width:640px;
				color: #000;  font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:18px;
}
#head{ position:relative; line-height:0; text-align:right;  }
#head h1{
	font-family: 'Be Vietnam Pro',Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	position: absolute;
	left: calc(3% + 44px);
	top: 25px;
	margin: 0;
	color:#003D86;
	font-weight: normal;
}
@media screen and (max-width:550px){
	#head h1{
		display: none;
	}
}
@media screen and (max-height:500px){
	#head h1{
		display: none;
	}
}
#homecontent{ position: relative; line-height:0px; }
#imgklartext{ position:absolute; top:8%; left:3%; width:16%;}
#imgstaatspreis, #buch-2015{ position:absolute; top:8%; left:2%; width:28.143%;}
#cc-buch{
	position:absolute; top:3%; left:3%; width:35%; z-index:200;
}
#cc-buch a img{
	display: block;
	margin-bottom: 20px;
}
#cc-buch a.linkitem{
	display: list-item;
	margin-bottom: 20px;
	margin-left: 15px;
	text-decoration: none;
	color: #003D86;
	list-style: circle;
	font-size: 16px;
	font-weight: bold;
}
#cc-buchbestellung{
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media screen and (min-width:480px){
	#cc-buchbestellung{
		flex-direction: row;
	}
}
#cc-buchbestellung img{
	margin-right: 50px;
}
#cc-buchbestellung ul{
	list-style: circle;
	font-size: 30px;
	line-height: 50px;
	color: #003d85;
}
#cc-buchbestellung ul a, #homecontent div.linkitem a{
	font-size: 20px;
	text-decoration: none;
	color: #003d85;
}

#homecontent div.linkitem a{
	display: block;
	padding-top: 30px;
	margin-left: 10px;
	line-height: 24px;
}


#buch-cover-2015{ position:absolute; top:20%; left:6%; width:35%; z-index:200;
-moz-transform:rotate(350deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(350deg); /* Safari */
-o-transform:rotate(350deg); /* Opera */
-ms-transform:rotate(350deg); /* IE9 */
transform:rotate(350deg); /* W3C */
}
#stoerer{
	position:absolute; top:50%; right:0%; width:25%;
}
#corporatecode{
	position:absolute; top:-8%; left:3%; width:24%;
}
#corporatecode a{
	text-decoration: none !important;
}
#corporatecode .imgleft{
	font-family: 'Be Vietnam Pro',Arial, Verdana, Helvetica, sans-serif;
	font-size: 2.8vw;
	line-height: 1.4;
	color: #003D86;
	padding-top: 20px;
	display: block;
}
#rechtverstaentlich{
	position:absolute; top:8%; right:1%; width:24%; max-width: 250px;
}

#rechtverstaentlich a{
	text-decoration: none !important;
}

#rechtverstaentlich .imgright{
	font-family: 'Be Vietnam Pro',Arial, Verdana, Helvetica, sans-serif;
	font-size: 2.8vw;
	line-height: 1.4;
	color: #003D86;
	text-align: right;
	padding-top: 20px;
	display: block;
}

@media screen and (min-width:677px){
	#corporatecode .imgleft, #rechtverstaentlich .imgright{
		font-size: 19px;
	}
}

#contentwrapper {
    position: relative;
    min-height: 400px;
}
#contentwrapper #content-center{
	max-width: 589px;
	margin: 0 auto;
}
#diashow{ position:relative; width:100%; overflow:hidden; }
#diashowwrapper{ position:relative; width:400%; height:910px; }	


#diashowwrapper:after{ display:block; content:' '; height:0px;}
#diashowwrapper:after{ clear:left;}
#diashowwrapper div{ position:absolute; top:0px; width:25%; margin:0; padding:0; line-height:0; }

#diashowwrapper .trans{ z-index:10; -webkit-transition:all .9s ease-in-out; transition:all .9s ease-in-out; }
#diashowwrapper .notrans{ -webkit-transition:0s; transition:0s; }

#diashowArrowLeft, #diashowArrowRight {
    float: none;
    position: absolute;
    top: 40%;
    width: 32px;
    height: 82px;
    z-index: 15;
    opacity: 0.7;
    cursor: pointer;
}
#diashowArrowRight {
    left: 0%;
    background: url(../img/goprevious.png) 0% 0% no-repeat;
}
#diashowArrowLeft {
    right: 0%;
    background: url(../img/gonext.png) 0 0% no-repeat;
}
@media screen and (min-width:700px) {
	#diashowArrowRight {
		left: -2%;
	}
	#diashowArrowLeft {
		right: -2%;
	}
}

#pres{ color:#fff; font-size:22px; position:absolute; top:5%; line-height:1.2; left:3%; width:95%; z-index:1000;}
#pres a{ color:#fff; text-decoration:none; line-height:1.2; position:relative; z-index:1010; }
#buch-cover-2015 img{ box-shadow: 5px 5px 5px #666; }
#buch-2015 a{ color:#003d85; display:block; line-height:30px; text-decoration:none; letter-spacing:1px; font-weight:bold; font-size:16px; }

#imglogo{ position:absolute; top:40%; left:3%; width:16.5%; }
#startsponsorLink{ position:absolute; top:42%; left:2%; width:28%; }

a.open { position:absolute; top:10px; left:3%; text-decoration:none; width:34px; height:32px; background:url(../img/mobilnav.png);}
	a.open { display: block; background-position:0px 0px;}

nav{ width:100%; position:absolute; display: none; top: 50px; left: 0; background:#003d85; }
nav.show{ display: block; z-index: 1000; }
nav ul{ list-style:none; }
nav a{  display:block; font-size:10px; color:#fff; text-decoration:none; }
nav a:hover, nav a.active { color: #10A4E2; }
.home .footernavdiv{ line-height: 18px;  }
/* .footernavdiv{ padding: 10px; float:left; width:28%; position:relative; } */
.footernavdiv{ padding:10px 0; float:none; clear:left; width:100%; }	
nav a{ font-size:14px; padding:5px 2%; background: url("../img/navpfeil.png") no-repeat scroll right 5px; margin-bottom:2px; }
nav a:hover{background: url("../img/navpfeil.png") no-repeat scroll right 5px #0056bb; }

.clear{ clear:both; }
/* #modellbahn{float:right; width:50px; margin:10px 0;} */
/* #falcebook{ margin:10px 0px; float:left; width:50px;} */
/* #falcebook{ margin:10px 0px; position:absolute; top:40px; right:10px; width:50px;} */
#falcebook{ float:left; margin:10px 0px 10px 50px; top:auto; bottom:10px; right:75px;}
#falcebook a{ background:none}
#modellbahn{ float:left;  text-align:left; margin:10px 10px 10px 20px;}
#modellbahn a{ background: none; }

@media only screen and (max-height: 730px) {
	#buch-cover-2015{ top:25%;}
	/*#buch-cover-2015 img{ width:80%; }*/
}
@media only screen and (min-height: 670px) {
	#imglogo {
		top: 220px;
	}
}
/* iPhone / iPod Touch */
@media only screen and (max-width: 640px) {
	#wrapper{ font-size:14px; line-height:18px; width:100%;}
	#head img{ width:50%;}
	
	#gototop{padding:0px; display:block; width:34px; height:32px;  position:absolute; left:5px; bottom:30px; background:url(../img/mobilnav.png) -68px 0px no-repeat; }
	#buch-cover-2015{ top:40%;}
	#buch-cover-2015 img{ width:80%;
}

/* iPhone mit Retina Display  */
@media only screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait){ }

@media only screen and (max-width: 480px) and (orientation : landscape) { 
	#head img{ width:22%;}
	
}

/* iPhone mit Retina Display  */
@media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : landscape) { 
	#head img{ width:22%;}
}

 /* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#wrapper{ width:100%;}
	 #contentbg{ width:100%;}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	 #wrapper{ width:72.226%;}
	 #contentbg{ width:100%;}
}