@charset "UTF-8";

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../_fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../_fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../_fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../_fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../_fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../_fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../_fonts/open-sans-v29-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../_fonts/open-sans-v29-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_fonts/open-sans-v29-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_fonts/open-sans-v29-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../_fonts/open-sans-v29-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_fonts/open-sans-v29-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}



@charset "UTF-8";

/* open-sans-regular - latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../_fonts/DroidSans.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../_fonts/DroidSans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_fonts/DroidSans.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_fonts/DroidSans.woff') format('woff'), /* Modern Browsers */
       url('../_fonts/DroidSans.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_fonts/DroidSans.svg#DroidSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../_fonts/DroidSans-Bold.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../_fonts/DroidSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_fonts/DroidSans-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_fonts/DroidSans-Bold.woff') format('woff'), /* Modern Browsers */
       url('../_fonts/DroidSans-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_fonts/DroidSans-Bold.svg#DroidSans-Bold') format('svg'); /* Legacy iOS */
}




body, html {
	width:100%;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	color:#444444;
	font-family: 'Droid Sans', Verdana, sans-serif;
	font-size: 14px;
	
	-webkit-text-size-adjust: none;
}



html, body {
	height: 100%;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -180px; /* the bottom margin is the negative value of the footer's height */
}
#footer {
	height: 140px;
}
#footerspace  {
	height: 180px;
}


img {
	border:none;
}

#header {
	position:relative;
	z-index: 1;
	height: 230px;
	min-width: 940px !important;
	margin-bottom: 30px;
	
	background-image:url(../_images/header_background.jpg);
	background-position:0 bottom;
	background-repeat: no-repeat;
    background-size: 100%;
    background-origin:content-box;
	border-bottom: #AAAAAA 1px solid;
	
}

.wrapper-center {
	padding:0 20px;
	width: 940px;
	margin:0 auto;
	clear:both;
	line-height: 22px;
	
}

.one-column {
	float:left;
	width: 300px;
	margin-right: 20px;	
}

.two-column {
	float:left;
	width: 620px;
	margin-right: 20px;	
}

.half-column {
	float:left;
	width: 460px;
	margin-right: 20px;	
}

.fourth-column {
	float:left;
	width: 220px;
	margin-right: 20px;
	font-size:13px;
	line-height:18px;
}

.eights-column {
	float:left;
	width: 100px;
	margin-right: 20px;
}

.beispiele a {
	float:left;
	width: 100px;
	margin-right: 20px;
	padding:0 !important;
	background-image:none !important;
}

.beispiele a img {
	border:#0b4375 1px dotted;
}

.beispiele a img:hover {
	border:#0b4375 1px solid;
}

.right, .beispiele a.right {
	float:right;
	margin:0;
}


#headerImage {
	position:absolute;
	top:50px;
	height:180px;
	width:940px;
	margin:0;
	color:#FFFFFF;
}

.clear {
	clear:both;
}



/* Navigation */

#navigation {
	width:100%;
	min-width:940px !important;
	display:block;
	height:50px;
	position:absolute;
	left:0px;
	top: 0px;
	background-color: #EEEEEE;
	background-image:url(../_images/topnav_bg.jpg);
	background-repeat:repeat-x;
	
	border-bottom: #AAAAAA 1px solid;
	
	-webkit-box-shadow: 0 3px 5px rgba(100,100,100,0.5);
	box-shadow: 0 3px 5px rgba(100,100,100,0.5);
	
}


#naviWrapper {
	width:940px;
	margin:0 auto;
	
}

.shadowBox {
	-webkit-box-shadow: 0px 0px 10px #888888;
	-moz-box-shadow: 	0px 0px 10px #888888;
	-khtml-box-shadow: 	0px 0px 10px #888888;
	box-shadow: 		0px 0px 10px #888888;
}
	
	
	
	

/* Top-Navigation  */
/* ------------------------------------------ */

#topNav {
	padding: 0;
	height:50px;
}


.maintabs {
	margin: 0;
	padding: 0;
}



.maintabs ul {
font-size: 15px;
margin: 0;
padding:0px;
list-style-type: none;
}

.maintabs li {
display: block;
float:left;
height:50px;
padding-right:40px;
font-family: 'Open Sans', Verdana, sans-serif;

}

.maintabs li:last-child {
	padding-right:0;
}

.maintabs li a {
margin: 0px;
text-decoration: none;
color: #0b4375;
display: block;
line-height:50px;
overflow:hidden;


}


.maintabs li.selected {
	color: #0085b2;
}

.maintabs li.selected a  { /*selected main tab style */
color: #0085b2;
}

.maintabs li.selected a:hover, .maintabs li a:hover { /*selected main tab style */
text-decoration: none;
color: #0085b2;
}

.maintabs li a.active {
	font-weight:bold;
	color: #0b4375;
}


/* Telefonnummer */
.maintabs li#tel {
	padding-right:0;
	float:right;
	line-height:50px;
	font-size:16px;
	color:#e50000;
	text-shadow: 0 0 10px #FFFFFF;
	
}

.maintabs li#tel strong {
	border-bottom:#fded03 2px solid;
}



/* ######### Style for Drop Down Menu ######### */

#dropmenu2 {z-index:1000 !important;}

.dropmenudiv {
	position:absolute;
	margin-top: -1px;
	margin-left:-10px;
	z-index:1000;
	width: 260px;
	visibility: hidden;
}

.dropdownBox {
	position:relative;
	margin-top:0px;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	background-color: #EEEEEE;
	
	-webkit-box-shadow: 0px 5px 5px #555555;
	-moz-box-shadow: 	0px 5px 5px #555555;
	-khtml-box-shadow: 	0px 5px 5px #555555;
	box-shadow: 		0px 5px 5px #555555;
	
	-webkit-box-shadow: 0px 5px 5px rgba(0,0,0, 0.5);
	-moz-box-shadow: 	0px 5px 5px rgba(0,0,0, 0.5);
	-khtml-box-shadow: 	0px 5px 5px rgba(0,0,0, 0.5);
	box-shadow: 		0px 5px 5px rgba(0,0,0, 0.5);
	
	border-radius: 			0 0 8px 8px;
	-moz-border-radius: 	0 0 8px 8px;
	-webkit-border-radius: 	0 0 8px 8px;
	-khtml-border-radius: 	0 0 8px 8px;
	
}


.dropmenudiv a {
width: auto;
display: block;
text-indent: 0px;
padding: 7px 4px 7px 23px;
background-image:url(../_images/menu_arrow1.gif);
background-repeat:no-repeat;
background-position: 10px center;
text-decoration: none;
color: #0b4375;
font-size: 15px;
font-weight:normal;	
font-family: 'Droid Sans', Verdana, sans-serif;

border-bottom: #E3E3E3 1px solid;
}

.dropmenudiv a:last-child  {
	border-bottom:none;
}

* html .dropmenudiv a { /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ 
color: #0085b2;
background-image:url(../_images/menu_arrow2.gif);
}

.dropmenudiv a.active {
	background-image:url(../_images/menu_arrow2.gif);
	font-weight:bold;
	color: #0085b2;
}

.dropmenudiv a.active:hover {
	color: #0085b2;
}



/* --------------------------------------------------------------------------------------------------------------------- */

.hlSpacer {
	height:3px;
	overflow:hidden;
	/*
	background-image:url(../_images/spacer-start.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	*/
	border-top: #cccccc 1px solid;
	margin-bottom:10px;
	
}

.dotline{
	border: #cccccc 1px dashed;
	width:278px;
	padding:5px 10px;
	background-color:#f9f9f9;
}



.h130 {
	height:130px;
}

.h180 {
	height:180px;
}

.h230 {
	height:230px;
}

.h280 {
	height:280px;
}

.h330 {
	height:330px;
}



h1 {
	font-size:25px;
	font-weight:normal;
	margin:0 0 10px 0;
	color: #0b4375;
	font-family: 'Open Sans', Verdana, sans-serif;
}

h2 {
	font-size:20px;
	font-weight:normal;
	margin:0 0 10px 0;
	color: #0b4375;
	font-family: 'Open Sans', Verdana, sans-serif;
}

h3 {
	font-size:16px;
	margin:0;
	font-weight:bold;
	color: #0b4375;
}


.wrapper-center a {
	color: #223766;
	padding-right:15px;
	background-image:url(../_images/link_arrow.gif);
	background-repeat:no-repeat;
	background-position:right center;
	
}

.wrapper-center a:hover {
	color: #0085b2;
}

a.noarrow {
	padding:0;
	background-image:none;
}


.wrapper-center a {
}


.smalltext {
	font-size:12px;
	line-height:17px;
}

.wrapper-center ul {
	margin:0;
	padding:0 0 0 18px;;
}

.wrapper-center li {	
	margin:0;
	padding:5px 0 5px 0;
	border-bottom: #DDDDDD 1px solid;
}


ul.noline li {
	border:none;
	padding:0;
	
}


.hinweis {
	background-color:#FFFFFF;
	border: #CCCCCC 1px solid;
	padding:20px 20px 20px 150px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

.hinweis h2 {
	color: #e87352;
}


.preis {
	font-family: 'Open Sans', Verdana, sans-serif;
	color:#888888;
	font-size:13px;
	font-weight:normal;
	padding:5px 0;
	
	text-align:right;
	
	border-top: #cccccc 1px dashed;
	border-bottom: #cccccc 1px dashed;
}

.nextpreis {
	border-top:none;	
}

.preis strong {
	font-size:26px;
	font-weight:bold;
	font-weight:800;
	color:#e50000;
	margin-left:5px;
	
	text-shadow: 1px 1px 5px #999999;
}

.preis a {
	color:#888888;
	font-size:13px;
	font-weight:normal;
	font-weight:400;
	font-style:normal;
	
	padding:0;
	background-image:none;
}

.preis a:hover {
	color:#888888;
}

.preis span {
	font-weight:normal;
	font-weight:400;
}


.preis .prodName {
	float:left;
	color:#888888;
	font-size:20px;
	font-weight:normal;
	font-weight:400;
	text-align:left;
	font-family: 'Open Sans', Verdana, sans-serif;
}


.noprice {
	font-weight:bold;
	font-size:13px;
	color:#e50000;
}


.servicebox {
	width:910px !important;
	border: #CCCCCC 1px solid;
	padding:15px;
}

.servicebox img {
	float:left;
	margin-right:30px;
	margin-top:10px;
}



/* --------------------------------------------------------------------------------------------------------------------- */

#footer {
	clear:both;
	background-color:#3b3b3b;
	padding:20px 0;
	font-size:13px;
	line-height:18px;
	color:#999999;	
}

#footer h4 {
	display:block;
	margin:0 0 8px 0;
	padding:0;
	font-size:14px;
	color:#FFFFFF;
	font-weight:normal;
}

#footer2 {
	background-color:#2e2e2e;
	padding:20px 0;
	font-size:12px;
	color:#999999;
	
}

#footer a {
	background-image:none;
	padding:0;
	color:#999999;
	text-decoration:none;
	
}

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

#preisInfo {
	margin-top: 20px;
	color:#777777;
	
}




/* --------------------------------------------------------------------------------------------------------------------- */


#StartStimmen {
	background-image:url(../_images/verlauf_start_stimmen.jpg);
	background-repeat:repeat-x;
}

#StartPartner {
	background-image:url(../_images/verlauf_start_partner.jpg);
	background-repeat:repeat-x;
	height:100px;
	padding-top:11px;
	
}


/* --------------------------------------------------------------------------------------------------------------------- */


input, textarea {
	width:350px;
	border:#CCCCCC 1px solid;
	background-color:#FFFFFF;
	margin:2px 0 2px 0;
	padding:2px 0 2px 0;
}

/* --------------------------------------------------------------------------------------------------------------------- */

.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}

/* --------------------------------------------------------------------------------------------------------------------- */


#revSlider {
	background-color:#EEEEEE;
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	
}
