/*  
Theme Name: 5W Verlag
Theme URI: 
Description: Theme fŸr 5W Verlag
Version: 1.0
Author: David Hellmann
Author URI: http://www.davidhellmann.com 

	
 */

/* __Reset
--------------------------------------------------*/
 
* { 
	padding:0;
	margin:0;
	border:0;
	text-decoration:none;
	list-style:none;
}


/* __Body
--------------------------------------------------*/

body {
	background:url(images/background.jpg) center top no-repeat fixed;
	font:normal 14px/19px  Arial, Helvetica, sans-serif;
	color:#444;
	text-align: center;
}


/* __Standard Links
--------------------------------------------------*/

a {
	color:#e10000;
	font-weight:normal;
	cursor:pointer;
	text-decoration:underline;
     }

a:focus{ 
	outline: none;
}

a:link:hover, 
a:visited:hover { 
	color:#000;
	text-decoration:none;
}

a:link:active, 
a:visited:active {
	color:#6fa20b;
}


/* __Allgemeine Sachen
--------------------------------------------------*/

.noborder {
	border: none;
}
	
.bild-links {
	margin:0 20px 20px 0;
	padding:5px;
	border:1px solid #ccc;
	float:left;
}

.cover {
	margin:0 20px 20px 0;
	float:left;
}

.artikeldetails {
	background: url(images/artikeldetails.png) left top no-repeat;
	clear: both;
	float: left;
	width: 114px;
	height: 34px;
	margin: 10px 40px 0 0;
	text-indent: -99999px;
}


/* __Leiste oben
--------------------------------------------------*/

#leiste-oben {
	width:100%;
	background: #0a71b4;
}

#leiste-oben .content {
	width:1000px;
	height: 25px;
	margin: 0 auto;
	color:#c0e6ff;
	font:normal 13px/25px Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

#leiste-oben .content a {
	color:#fff;
	font:bold 13px/25px Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
}

#leiste-oben .content a:hover {
	text-decoration: none;
}

#leiste-oben .content #mail-contact {
	width: 470px;
	float: left;
	padding: 0 0 0 30px;
}

#leiste-oben .content #meta-navigation {
	width: 470px;
	float: right;
	text-align: right;
	padding: 0 30px 0 0;
}


/* __Pagebox
--------------------------------------------------*/

#pagebox {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
}


/* __Header / Navigation
--------------------------------------------------*/

#header {
	width: 1000px;
}

#header h1 a {
	width: 300px;
	float: left;
	height: 115px;
	background: url(images/5w-verlag-logo.png) left top no-repeat;
	text-indent: -99999px;
	display: block;
}

#header #navigation {
	width: 640px;
	float: right;
	height: 75px;
	padding: 38px 20px 0 0;
}

#header #navigation li {
	float: right;
	clear:none;
	margin: 0 10px 0 0;
	height:44px;
}

#header #navigation li a {
	font:bold 14px/44px Arial, Helvetica, sans-serif;
	color:#0a71b4;
	text-decoration: none;
	text-transform: uppercase;
	border:4px solid #0a71b4;
	padding: 7px 10px;
}

#header #navigation li a:hover, #header #navigation li a.selected {
	background:#0a71b4;
	color:#fff;
}


/* __Teaser
--------------------------------------------------*/

#subnavi{
		position:relative;
		width: 977px;
		height: 60px;
		background: url(images/alternativ-bg.jpg) left top no-repeat;
		padding: 10px;
		clear: both;
}

#subnavi ul li {
	height: 48px;
	float: left;
}

#subnavi ul li.experten a, #subnavi ul li.verlag a, #subnavi ul li.shop a {
	background: url(images/sub-experten.jpg) left top no-repeat;
	width: 160px;
	text-indent: -9999px;
	height: 48px;
	display: block;
	padding: 0;
}

#subnavi ul li.verlag a {
	background: url(images/sub-verlag.jpg) left top no-repeat;
	width: 132px;
}

#subnavi ul li.shop a {
	background: url(images/sub-shop.jpg) left top no-repeat;
	width: 122px;
}

#subnavi ul li a {
	color: #456907;
	font:normal 16px/48px  Arial, Helvetica, sans-serif;
	background: url(images/sub-trenner.jpg) right top no-repeat;
	padding: 0 20px 0 18px;
	text-decoration: none;
	display: block;
}

#subnavi ul li a:hover {
	color: #1e2f00;
}


#teaser{
		position:relative;
		width: 977px;
		height: 400px;
		background: url(images/teaser-bg.jpg) left top no-repeat;
		padding: 10px;
		clear: both;
}			

/* Easy Slider */

	#slider{
		position: relative;
		left: 77px;
		top:35px;
	}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		height:318px;
		overflow:hidden; 
		}
	#slider li{
	    position: relative;
		width:824px;
		height:318px;
		overflow:hidden; 
	}
	
	#slider li img {
	    position: relative;
	    z-index: 2;
	}
		
	#slider li a.mehr {
	background: url(images/teaser-erfahrensiemehr.png) left top no-repeat;
	width: 177px;
	height: 44px;
	position: absolute;
	z-index: 5;
	left: 480px;
	top: 274px;
	text-indent: -99999px;
}

		
	#prevBtn, #nextBtn{ 
		display:block;
		width:41px;
		height:46px;
		position:absolute;
		left:30px;
		top:180px;
		}	
	#nextBtn{ 
		left:926px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:41px;
		height:46px;
		background: url(images/teaser-navi-left.png) left top no-repeat;
		}	
	#nextBtn a{ 
		background: url(images/teaser-navi-right.png) left top no-repeat;
		}
		
	#nextBtn a:hover{ 
		background: url(images/teaser-navi-right.png) left bottom no-repeat;
		}	
		
	#prevBtn a:hover{ 
		background: url(images/teaser-navi-left.png) left bottom no-repeat;
		}


/* __Content
--------------------------------------------------*/

#contentbox {
	width: 937px;
	padding: 0 30px 50px 30px;
	float: left;
	background: url(images/content-bg.jpg) left top repeat-y;
}

#contentbox .left448 {
	width: 448px;
	background: url(images/trenner-senkrecht.png) right top no-repeat;
	float: left;
	padding: 0 20px 0 0;
}

#contentbox .right448 {
	width: 448px;
	float: right;
}

#contentbox h2 {
	color: #0a71b4;
	font:normal 24px/32px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin: 20px 0 0 0 ;
}

#contentbox h2 a {
	text-decoration: none;
}

#contentbox .subheadline {
	color: #888;
	font:normal 13px/13px Arial, Helvetica, sans-serif;
	background: url(images/subheadline-bg.png) left bottom no-repeat;
	padding: 0 0 30px 0;
	margin: 0 0 5px 0;
}

#contentbox p {
	padding: 10px 0;
	clear: both;
}

#contentbox h3 {
	color: #0a71b4;
	font:normal 16px/16px Arial, Helvetica, sans-serif;
	width: 401px;
	height: 35px;
	background: url(images/h3-bg.png) left top no-repeat;
	margin: 20px 0 0 0;
	padding: 12px 10px 10px 35px;
	float: left;
}

#contentbox h3.green {
	color: #517315;
	padding: 15px 10px 10px 35px;
}

#contentbox .h3box {
	width: 424px;
	background: url(images/h3-box-bg.png) left bottom repeat-y;
	padding: 0 12px 10px 12px;
	color: #666;
	float: left;
}

#contentbox .h3box h4 {
	color: #0a71b4;
	font:normal 16px/32px Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	width: 344px;
	float: left;
}

#contentbox .h3box h4 {
	color: #517315;
}

#contentbox .h3box h5 {
	color: #0a71b4;
	font:normal 16px/16px Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	width: 280px;
	float: left;
}

#contentbox .h3box div.produkte {
	background: url(images/h3-box-trenner.png) left bottom no-repeat;
	padding: 0 0 30px 0;
	margin: 0 0 15px 0;
	float: left;
	width:280px;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
}

#contentbox .h3box div.produkte p {
	width:280px;
	float: left;
	padding: 0;
	margin: 0;
	background: none;
}

#contentbox .h3box .date {
	width: 80px;
	background: url(images/date-bg.png) no-repeat;
	float: left;	
	font:normal 12px/21px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	margin: 4px 0 0 0;
}

#contentbox .h3box p {
	background: url(images/h3-box-trenner.png) left bottom no-repeat;
	padding: 0 0 30px 0;
	margin: 0 0 15px 0;
	clear: both;
	float: left;
	width:424px;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
}

#contentbox .h3box p span {
	font:bold 16px/16px Arial, Helvetica, sans-serif;
}

#contentbox .h3box p a.artikeldetails {
	background: url(images/artikeldetails.png) left bottom no-repeat;
	width: 114px;
	height: 34px;
	display:inline-table;
	text-indent: -99999px;
}

#contentbox .h3box p img.coverbild {
	float:left;
	margin: 0 20px 0 0;
}

/* __Experten
--------------------------------------------------*/

ul.experten {
	width: 592px;
	float: left;
	margin: 20px 0;
	padding: 0 20px 0 0;
	background: url(images/trenner-senkrecht.png) right top no-repeat;
}

ul.experten li {
	float:left;
	width: 592px;
	margin: 0 0 20px 0;
	padding: 0 0 30px 0;
	background: url(images/subheadline-bg.png) left bottom no-repeat;
}

ul.experten li h4 {
	float: left;
	width: 358px;
	font:bold 24px/24px Arial, Helvetica, sans-serif;
	margin: 10px 0 5px 0;
}

ul.experten li h5 {
	float: left;
	width: 358px;
	font:bold 15px/15px Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0;
}

ul.experten li h5.h5borderbottom {
	float: left;
	width: 592px;
	font:bold 15px/15px Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
	border-top: 1px dotted #D3D9CD;
}



ul.experten li a {
	text-decoration: none;
}



ul.experten li img {
	float:left;
	margin: 0 15px 0  0;
}



/* __Experten DVD's
--------------------------------------------------*/

ul.expertendvd {
	float: left;
	clear: both;
	width: 592px;
}

ul.expertendvd li {
	float: left;
	width: 197px;
	background: none;
	padding: 10px 0 0 0;
	margin: 0;
}


/* __Shop
--------------------------------------------------*/

ul.shop {
	width: 937px;
	float: left;
	margin: 20px 0;
	padding: 0 20px 0 0;}

ul.shop li {
	float:left;
	width: 302px;
	height:280px;
	margin: 0 10px 20px 0;
	padding: 0 0 30px 0;
	background: url(images/subheadline-bg.png) left bottom no-repeat;


}

ul.shop li .produkte {
	float: right;
	clear: none;
	width: 175px;
	padding: 0;
	margin: 0;
	font-size: 11px;
	line-height: 15px;
}

ul.shop li h5 {
	float: left;
	width: 175px;
	font:bold 15px/15px Arial, Helvetica, sans-serif;
	margin: 0;
}

ul.shop li h5 span {
	font-size: 11px;
}


ul.shop li .cover {
	float:left;
	margin: 0 10px 0  0;
	background: #ff0000;
}



/* __Experten Liste
--------------------------------------------------*/


ul.experten-liste {
	width: 294px;
	float: right;
	margin: 20px 0;
	padding: 0 6px;
}

ul.experten-liste li.headline {
	float:left;
	width: 294px;
	color: #0a71b4;
	font:normal 24px/32px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	padding: 48px 0 10px 0;
}

ul.experten-liste li {
	float:left;
	width: 294px;
	font:normal 14px/19px Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #d1ddc5;
	padding: 2px 0;

}

ul.experten-liste li a {
	text-decoration: none;
}

/* __Footer
--------------------------------------------------*/

#footer {
	width: 997px;
	height: 405px;
	background: url(images/footer-bg.png) left top no-repeat;
	clear: both;
}

#footer .content {
	width: 997px;
	height: 305px;
	clear: both;
	position: relative;
}

#footer .content .name, #footer .content .mail, #footer .content .betreff {
	position: absolute;
	left:35px;
	top:116px;
	padding: 3px 13px;
	width: 242px;
	height: 16px;
	color: #555;
	font-size:12px;
}



#footer .content .mail {
	top:176px;
}

#footer .content .betreff {
	top:236px;
}

#footer .content .nachricht {
	position: absolute;
	left:338px;
	top:57px;
	padding: 3px 13px;
	width: 242px;
	height: 134px;
	color: #555;
}

#footer .content .absenden {
	position: absolute;
	left:444px;
	top:225px;
	padding: 3px 13px;
	color: #555;
}

.error_msg {
	color:#fff;
	position: absolute;
	top:60px;
	left:38px;
	line-height:13px;
	font-size:11px;
	width:250px;
	padding:0 0 0 21px;		
	background: url(images/error.png) 0 0 no-repeat;
}

.pxs_css_spamcheck {
display: none !important;
}
		

#footer .ende {
	width: 917px;
	height: 98px;
	clear: both;
	background: url(images/footer-logo.png) 30px 24px no-repeat;
	color: #fff;
	padding: 20px 0 0 80px;
	line-height: 16px;
}

#footer .ende a {
	font-weight: bold;
	color: #fff;
}