*{
	margin:0;
	padding:0;
}

@font-face {
    font-family: 'dejavu_sansbook';
    src: url('fonts/dejavusans-webfont.eot');
    src: url('fonts/dejavusans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dejavusans-webfont.woff') format('woff'),
         url('fonts/dejavusans-webfont.ttf') format('truetype'),
         url('fonts/dejavusans-webfont.svg#dejavu_sansbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dejavu_sansbold';
    src: url('fonts/dejavusans-bold-webfont.eot');
    src: url('fonts/dejavusans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dejavusans-bold-webfont.woff') format('woff'),
         url('fonts/dejavusans-bold-webfont.ttf') format('truetype'),
         url('fonts/dejavusans-bold-webfont.svg#dejavu_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{

	background:url('../images/background.png') 0 0 repeat-x;
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #000;
}

html, body,#main {height: 100%;}
body >#main {height: auto; min-height: 100%;}

a {outline: none;}


#navigation {
	display: block;
	margin: 0;
	width: 100%;
	height: 40px;
	background-color: #005165;
}

#navigation ul {
	margin: 0 auto;
	padding: 15px 0 0 0;
	width: 810px;
	color: #fff;
	font-size: 15px;
	height: 40px;
	list-style: none;
}

#navigation ul li {float: left; position: relative;height: 40px; }
#navigation ul li a { color: #fff; text-decoration: none; }
#navigation ul li a:hover,
#navigation ul li a:active,
#navigation ul li a:focus,
#navigation ul li.active a { color: #fff; text-decoration: underline; }


#navigation ul li a:after {
	display: inline-block;
	margin-left: 10px;
	margin-right: 5px;
    content: "||";
}

#navigation ul li:last-child a:after {
    content: "";
}

#navigation  ul ul {
	display: none;
	position: absolute;
	padding: 20px 10px 0;
	background: #005165;
	height: 210px;
	width: 180px;
	left: -10px;
	z-index: 901;
}

#navigation ul ul li  {
	float: none;
	clear: both;
	height: 30px;
}

#navigation ul ul li a,
#navigation ul ul li a:visited {
	text-decoration: none !important;
}

#navigation ul ul li a:hover,
#navigation ul ul li a:active,
#navigation ul ul li a:focus,
#navigation ul ul li.active a {
	text-decoration: underline !important;
}

#navigation ul ul li a:after {
	display: inline-block;
	margin-left: 0;
	margin-right: 0;
    content: "";
}

#main {
	width: 782px;
	margin:0 auto;
	padding-bottom: 55px;
	clear: both;
}

h1 a {
	display: block;
	color:white;
	font-size:55px;
	font-family: "Bebas Neue", sans-serif;
	font-weight: normal;
	margin-top: 32px;
	text-decoration: none;
}

h1 sup{
	color:#c7c7c7;
	font-size:24px;
}

#claim {
	color:#005165;
	font-size: 24px;
	font-family: "dejavu_sansbold", sans-serif;
	margin-bottom: 23px;
}

#claim img {
	padding-left: 5px;
	padding-right: 2px;
}

#slides {
	margin: 0 auto;
	width:782px;
	height: 220px;
	position: relative;
	overflow: hidden;
}

#slides img {
	width: 200px;
	margin: 10px 25px 10px 30px;
}

.slides_container {
	width:782px;
	height:220px;
	background-color: white;
}

.slides_container div{
	width:782px;
	height:220px;
	display:block;
	overflow: hidden;
}

#slides .prev, #slides .next{
	width: 50px;
	height: 36px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	text-indent: -9999px;
	background-position: 0px 0px !important;
	z-index: 999 !important;
}

#slides .prev{
	background: url('../images/prev.jpg') 0 0 no-repeat;
	left: 12px;
	box-shadow: 5px 2px 4px 2px #888888;
}

#slides .next {
	background: url('../images/next.jpg') 0 0 no-repeat;
	right: 12px;
	box-shadow: 3px 2px 5px 2px #888888;	
}

#content {
	width: 782px;
	height: auto;
	overflow: hidden;
	margin: 30px auto;
	clear: both;
}

#content a {
	font-weight: bold;
	color: #3B98BF;
}

#content a:hover,
#content a:focus,
#content a:active {
	text-decoration: none;
}

#content .produkte {
	display: block;
	float: left;
	background: #005165;
	color: #fff;
	text-decoration: none;
	height: 60px;
	line-height: 60px;
	width: 250px;
	text-align: center;
	margin: 0 10px 10px 0;
	border: 2px solid #fff;
}

#content .produkte:hover,
#content .produkte:active,
#content .produkte:focus {
	background: #3B98D4;
}

.nomargin {
	margin: 0 !important;
}

div.FirstBox, div.SecondBox {
	display: block;
	width:340px;
	min-height:170px;
	background-color: white;
	border:1px solid #005165;
	font-family: Arial, sans-serif;
	margin-bottom:30px;
	padding:18px 28px 18px 15px;
	float: left;
}

#ueber-uns .FirstBox,
#ueber-uns .SecondBox  {
	min-height: 365px;
}

div.FirstBox a, div.SecondBox a { color: #005165; }

.clear { clear: both; }

.BigFont {
	color:#005165;
	font-size:24px;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

.SmallFont{
	color:black;
	font-size: 14px;
}

div.SecondBox{
	float: right !important;
}

div.GroßeAuswahl, div.UnserPlus{
	width:505px;
	height:215px;
	background-color:white;
	border:1px solid #005165;
	padding-left: 18px;
	padding-top:17px;
	float:left;
	margin:0 auto;
}

.Small{
	color:#005165;
	font-family: Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
}

div.UnserPlus{
	width:213px;
	height:209px;
	background-color:#3b98bf;
	border:2px solid white;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:white;
	border-radius: 10px 10px 10px 10px;
	margin-left: 13px;
	box-shadow: 3px 3px 3px 3px  #BCBCBC;
}

.Top {
	font-size: 30px;
	margin-bottom: 0.2em;	
}

.GroßeAuswahl img {
	padding-right: 6px;
}

div.UnserPlus ul li {
	font-size:24px;
    line-height: 150%;	
	list-style-image: url('../images/winding_1.png');
	padding-left: 42px;
	list-style-position: inside;
}

hr.clear {
	clear: both;
	float: none;
	visibility: hidden;
}

div.breit {
	display: block;
	margin-bottom: 5px;
	padding: 10px;
	width: 760px;
	background-color: #fff;
	border: 1px solid #005165;
	font-family: arial, sans-serif;
}

h2 { color: #005165; }

h3 { color: #3B98BF; }

p { 	line-height: 140%; 	margin-bottom: 1em; }

strong { color: #005165; font-family: 'dejavu_sansbold'; font-weight: normal;}

#content ul {
	margin-left: 15px;
}

#content ul li {
	padding-bottom: 5px;
}

#footer {
	width:100%;
	height: 31px;
	background-color:#005165;
	color:white;
	font-size: 14px;
	font-family: Arial, sans-serif;
	padding-top: 27px;
	padding-bottom: 57px;
	position: relative;
	clear:both;
	text-align:center;
}

#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline;}
#footer strong { color: #fff; font-weight: normal; }

address {
	font-style: normal;
	line-height: 150%;
}

address img {
	width:10px;
	padding-left: 8px;
	padding-right: 8px;
}

img {
	border: none;
}