*{ margin:0;padding:0;font-size:1em;font-weight:normal;text-decoration:none;border:0 none;list-style:none; }
a{ outline:none; }

/* ------ layout ------ */
body {
	font:13px/20px Verdana,'Lucida Sans', Tahoma, sans-serif;
	background:#ffffff url(../img/bg.png) left 140px repeat-x;
	color:#565656;
}

#wrapper {
	width:940px;
	margin:0 auto;
	overflow:hidden;
}

a:link, a:visited{ color:#023a7e; -webkit-transition: color, background-color .3s linear; -moz-transition: color, background-color .3s linear; }
a:hover, a:focus{ color:#1f5da7; }
#wrapper a:active{ position:relative; top:1px; }

h1 {
	width:159px;
	height:59px;
	float:left;
}

h1 a{
	height:59px;
	display:block;
	text-indent:-9999px;
	background:transparent url(../img/logo.png) left top no-repeat;
}

/* ------ head ------ */
#head{
	width:940px;
	height:128px;
	margin:42px 0px 40px;
	overflow:hidden;
}

#head-left{
	float:right;
	margin-top:20px;
	width:445px;
}

#head-left ul{float:right;}
#head-left ul li{
	font-size:12px;
	line-height:12px;
	float:left;
	margin-left:7px;
	padding-right:7px;
	border-right:1px #aeaeae solid;
}
#head-left ul li:last-child{border:none;padding-right:0px;}
#head-left ul li a{color:#a7a7a7;}
#head-left ul li a:hover{color:#c5c5c5;}

/* ------ nav ------ */
#navi{
	width:220px;
	float:left;
}
#navi p{margin-bottom: 25px;}
#navi ul li a{
	width:210px;
	display:block;
	color:#454545;
	line-height:39px;
	border-top:1px solid #cecece;
	text-transform:uppercase;
	padding-left:10px;
}
#navi a:active{top:0px;}
#nav {margin-bottom:74px}
#nav li:last-child{border-bottom:1px solid #cacaca;}
#nav li a:hover{background:#f5f5f5;}
li.parent-activated a{background:#f5f5f5;}

#navi ul li ul li a{
	width:188px;
	padding-left:32px;
	color:#898989;
	text-transform:none;
	border-top:1px solid #e4e4e4;
	background:transparent url(../img/list.png) center left no-repeat;
}
#navi ul li ul li:last-child
{
	border:none;
}
#navi ul li ul li a:hover{
	color:#454545;
	background:transparent url(../img/list.png) top left no-repeat;
}
#navi a.activated{
	font-style:italic;
	background:transparent url(../img/list.png) bottom left no-repeat;
	color:#454545;
}
#navi a.activated:hover{
	background:transparent url(../img/list.png) bottom left no-repeat;
	cursor:default;
}
/* ------ teaser ------ */
#teaser img{
	position:absolute;
	left:0;
	top:0;
	height: 350px;
}
#teaser{
	height:349px;
	width:680px;
	position:relative;
	float:right;
	margin-bottom:10px;
	border-top:1px solid #c8c8ca;
}
#teaser-single{
	height:349px;
	width:680px;
	float:right;
	margin-bottom:10px;
	border-top:1px solid #c8c8ca;
}
/* ------ content ------ */
#content{
	float:right;
	width:680px;
	border-top:4px double #cecece;
	padding-top:31px;
	overflow:hidden;
}

#content a{
	text-decoration:underline;
	color:#023A7E;
}
#content a:hover{color:#3a70b1;}
#content #primary p{margin-bottom:25px;}

/* ------ primary ------ */
#primary { width:380px; float:left; }
#primary.film { width:680px; }
#primary img{border:2px solid #dddddd;}
#primary iframe{margin:25px 0;}
#primary .borderless{border:none;}


.gallerie { overflow: hidden; }
.gallerie a	{ margin-right:11px; display: block; float:left;}

/* ------ secondary ------ */
#secondary{
	width:280px;
	float:right;
	font-size:11px;
}
#katalog #secondary, #anfrage #secondary{font-size:13px;}
#katalog #secondary p, #anfrage #secondary p, #glp #secondary p, #stein #secondary p {
	margin-bottom:15px;
}
#katalog #secondary img,
#stein #secondary img {margin:6px 0px;}
.box_grau{
	width:247px;
	padding:15px 8px 15px 15px;
	margin-bottom:15px;
	background:#efefef;
	border:5px solid #dddddd;
	float: right;
	overflow: hidden;
}
.box_grau img{float:right;}
 .box_grau p.linksbuendig{ 
	width:130px;
	float:left;
	margin-bottom:15px;
}
.box{
	width:280px;
	padding-top:20px;
	border-top:1px #cecece solid;
	overflow:hidden;
}
a.button 
{
	width:155px;
	height:34px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin-top: 15px;
}
a.button.bestellen {background:transparent url(../img/button-kostenlos-bestellen.png) 0 0 no-repeat;}
a.button.sonderposten {background:transparent url(../img/button-sonderposten.png) 0 0 no-repeat;}
a.button:hover{background-position:center;}
a.button:active{background-position:bottom;}
#content ul.produkte li{
	margin-top:18px;
	padding-bottom:14px;
	overflow:hidden;
	display:block;
	border-bottom:1px solid #CECECE;
}
#content ul.produkte.index li:first-child{border-top:1px solid #CECECE;padding-top: 18px;}
#content ul.produkte li img{float:left;margin:0;}
#content #primary ul.produkte li p{float:right;width:260px;margin-bottom:0px;}
#content #primary ul.produkte li p .preis{float:right;}
#content ul.partner li{
	margin-top:20px;
	overflow:hidden;
	display:block;
	line-height:90px;
}
#content ul.partner li:first-child{line-height:100px;}
#content ul.partner li a{float:right;margin-right:55px;}
#content ul.partner li img{float:left;margin:0;border:none;}
/* ------ footer ------ */
#footer{
	width:960px;
	margin:140px auto 70px;
	padding:15px 10px 0px;
	font-size:11px;
	overflow:hidden;
	border-top:1px solid #cecece;
}
#footer a{color:#454545;}
#footer a:hover{color:#7d7d7d;}

.kontaktinformationen{float:left;}
.bonus{float:right;text-align:right;}

/* ------ typo ------ */
h2{
	font-size:18px;
	font-style:italic;
	color:#454545;
	margin-bottom:8px;
	margin-right:15px;
}

h3{
	font-size:19px;
	text-transform:uppercase;
	color:#00408e;
	margin-bottom:5px;
}
body#film h3{margin-bottom:25px;}
h3 + p{margin-top:22px;}
h3 + form{margin-top:22px;}
h3 + h5{margin-top:22px;}
h4{font-size:13px;font-style:italic;margin-bottom:22px;}
h5{font-weight:bold;}
h6{
	color:#1e1e1e;
	text-transform:uppercase;
	font-size:13px;
	margin-bottom:10px;
}
strong{font-weight:bold;}
.highlight{color:#00408e;}
.highlight-2{color:#1e1e1e;font-weight:bold;}
.highlight-3{color:#848484;}
.highlight-4{color: #FF0000;} 
.highlight-5{color: red;}
 
/* ------ kontaktformular ------ */
#katalog #secondary p.bitte-beachten, #anfrage #secondary p.bitte-beachten, #stein #secondary p.bitte-beachten{margin-bottom:35px;}
.trennstrich{font-size:13px;margin:0px 4px;}
#footer a.backtotop{color:#023a7e;}
form h4
{
	text-transform:uppercase;
	color:#aeaeae;
	font-size:15px;
	margin-bottom:20px;
	font-style:normal;
	border-bottom:1px solid #cecece;
	padding-bottom:10px;
}
body#katalog #primary p{margin-bottom:0px;}
body#newsletter #primary p{margin-bottom:0px;}
legend{display:none;}
label{display:block;}
fieldset{margin-bottom:30px;}
.persoenlich div
{
	height:30px;
	overflow:hidden;
	margin-bottom:20px;
}
.persoenlich label{width:80px;height:30px;float:left;margin-right:10px;line-height:14px;}
.required{font-size:11px;display:block;color:#aeaeae;}
#nachricht em.required {display:inline;}
#anmerkungen em.required {display:inline;}
.persoenlich input{border:1px solid #dddddd;background:#efefef;height:28px;width:284px;float:left;line-height:28px;padding-left:4px;}

#plz-sr, #ort-sr{display:none;}
#plz{width:74px;margin-right:10px;}
#ort{width:194px;}
.zusaetzlich label{margin-bottom:10px;}
select{border:1px solid #cecece;margin-bottom:40px;}
textarea{width:370px;max-width:370px;padding:4px;border:1px solid #cecece;background:#efefef;height:120px;margin-bottom:10px;}
#newsletter-senden{line-height:30px;}
input[type="checkbox"]{margin-right:5px;vertical-align:middle;}
#actions{overflow:hidden;}
#actions span{line-height:31px;margin:0 10px;float:left;}
button::-moz-focus-inner{border:0;}
#katalog button#senden
{
	background:transparent url(../img/button-katalog-bestellen.png) top left no-repeat;
	text-indent:-9999px;
	display:block;
	width:143px;
	height:34px;
	cursor:pointer;
	float:left;
}
#stein button#senden{
	background:transparent url(../img/button-stein-bestellen.png) top left no-repeat;
	text-indent:-9999px;
	display:block;
	width:155px;
	height:34px;
	cursor:pointer;
	float:left;
}
#katalog button#senden:hover{background-position:center;}
#katalog button#senden:active{background-position:bottom;}
#stein button#senden:hover{background-position:center;}
#stein button#senden:active{background-position:bottom;}
#anfrage button#senden
{
	background:transparent url(../img/button-nachricht-senden.png) top left no-repeat;
	text-indent:-9999px;
	display:block;
	width:143px;
	height:34px;
	cursor:pointer;
	float:left;
}
#anfrage_bestellen button#bestellen:active{background-position:bottom;}
#anfrage button#senden:hover{background-position:center center;}
#anfrage button#senden:active{background-position:bottom center;}
#newsletter button#senden{
	background:transparent url(../img/button-newsletter-bestellen.png) top left no-repeat;
	text-indent:-9999px;
	display:block;
	width:165px;
	height:34px;
	cursor:pointer;
	float:left;
}
#newsletter button#senden:hover{background-position:center;}
#newsletter button#senden:active{background-position:bottom;}
button#loeschen{
	display:block;
	cursor:pointer;
	float:left;
	background:none;
	color:#9c151c;
	text-decoration:underline;
	font-style:italic;
	line-height:31px;
	height:31px;
}
button#loeschen:hover{color:#f00;}
button#loeschen:active{position:relative;top:1px;}
.persoenlich .error input{border:1px solid #9c151c;}
.persoenlich .valid input{border:1px solid #15a043;}
/* popup */
#popup {
	width: 500px;
	height: 740px;	 
	background: #000;
	border: 2px solid #ccc;
	position: absolute;
	top: 20px;
	left: -1000px;
	font-size: 11px;
	line-height: 18px;
	z-index: 3;
}

body #popup a.close { position: absolute; top: 5px; right: 7px; display: block; color: #fff; }

.hide { display: none; }

.facebook {
	background: url(../../images/facebook.png) 0 0 no-repeat;
	display: block;
	width: 70px;
	float:left;
	padding-left: 35px;
	color: #00519E;
	height: 29px;
	line-height: 29px;
	margin: 16px 0 0 260px;
}

.facebook.index {

	display: block;
	width: 70px;
	float:none;
	padding-left: 35px;
	color: #00519E;
	height: 29px;
	line-height: 14px;
	margin: 0;
}
#headline
{
	font-size:19px;
	text-transform:uppercase;
	color:#00408e;
	margin: 15px 0px 5px 0px;
}
#aktionspreise_sonderposten
{
	margin-top: 20px;
	font-weight: bold;	
}
#aktionspreise_sonderposten_sub
{
	color: #848484;	
}
#aktionspreise_border
{
	border-bottom:  1px solid #CCC;
}
#preis
{
	color: #F00;
	font-size: 20px;	
}
#kosten
{
	font-size: 18px;
	color: #9C151C;
}
#aktionsangebot
{
	padding: 0px 0px 31px 0px;
}
