/*
Theme Name: Tief und Fest
Author: Stefan Reisinger
Version: 1.0
*/

/* HTML5 elemet display
============================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* Basic Reset
============================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del,
dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio, video
{margin:0;padding:0;border:0;outline:0;font-size:100%;font-style:normal;text-decoration:none;vertical-align:baseline;background:transparent;}


/* Style Reset
============================================================== */
html { overflow-y:scroll; }
body { font-size:12px;line-height:1.23; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
big { font-size: 115%; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
nav ul, nav ol { list-style: none; }
#content ul, #content ol { list-style-position: outside; margin: 1em 0; padding: 0 0 0 40px; }
img { border: 0; -ms-interpolation-mode: bicubic; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
textarea { overflow: auto; vertical-align: top; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f08888; }
table { border-collapse: collapse; border-spacing: 0; }

h1, h1 a{ margin:0 0 8px 0; padding:0; font-weight: normal; }
h2, h2 a{ margin:10px 0 5px 0; padding:0; font-weight: normal; }
h3, h3 a{ margin:20px 0 5px 0; padding:0; font-weight: normal; }
h4, h4 a{ margin:10px 0 5px 0; padding:0; font-weight: normal; }
p{margin:0 0 10px 0;}
a { text-decoration:none; font-weight: normal; font-style: normal; }
a:hover, a:active a:focus { text-decoration: none; outline: 0; }


/* Images
============================================================== */
/* Image Caption */
#content .wp-caption { margin: 0; padding: 0; background: #eee; border: 1px solid #555; border-radius: 3px; }
#content .wp-caption img { margin: 5px; border-radius: 3px; display: block;}
#content .wp-caption-text { color: #555; margin: 5px; padding: 0; font-size: 12px; line-height: 14px; text-align: center;}

/* Image size */
#content .size-thumbnail {  }
#content .size-medium {  }
#content .size-large {  }
#content .size-full {  }

/* Image alignment */
#content .alignnone { clear: both; display: block; margin: 20px 0 20px 0; }
#content .alignleft { display: inline; float: left; margin: 4px 20px 10px 0; }
#content .aligncenter { clear: both; display: block; margin: 20px auto 20px auto; }
#content .alignright { display: inline; float: right; margin: 4px 0 10px 20px; }

/* Gallery
============================================================== */
.gallery { clear: both; display: block; margin: 20px 0 20px 0; }
.gallery-item { float: left; margin: 10px 0 10px 0; overflow: hidden; }
.gallery-icon a img { display: block; }
.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16%; }
.gallery-columns-7 .gallery-item { width: 14%; }
.gallery-columns-8 .gallery-item { width: 12%; }
.gallery-columns-9 .gallery-item { width: 11%; }

/* Comments
============================================================== */
#comments{float:left;width:100%;overflow:hidden;}
.comments_respond{float:left;width:100%; margin-left:10px;}
.comment_form table tbody tr td{padding:0 10px 5px 0;}
.comments_list{float:left;margin:0;padding:0;width:100%;list-style:none;}
.comment{float:left;margin:0;padding:0 0 25px 0;width:100%;}
.comment p{margin:0 0 7px 0;}
.comment_meta{float:left;padding:0 0 5px 0;width:100%;}
.comment_text{float:left;padding:0 0 0 3%;width:97%;}

/* Helper classes
============================================================== */
.zentrierer{margin:auto;text-align:left;width:1000px;}

/* Design definition
============================================================== */
.pm_1{
	background: url('images/bg1.jpg') center 0 no-repeat;
}

.pm_2{ 
	background: url('images/bg2.jpg') center 0 no-repeat;
}

.logo{
	float: left;
	padding: 10px 0 0 0;
	width: 246px;
	height: 146px;
}

.logo a{
	float: left;
	display: block;
	width: 246px;
	height: 146px;
	text-indent: -10000px;
	overflow: hidden;
	background: url('images/logo.png') 0 0 no-repeat;
}

.logo a:hover{
	background-position: 0 -146px;
}

.anfrage-button {
	float: right;
	display: block;
	width: 133px;
	background: url('images/anfrageformular.png') 0 0 no-repeat;
	height: 35px;
	color: #ffffff;
	font-size: 14px;
	font-family: verdana;
	font-style: normal;
	font-weight: normal;
	line-height: 35px;
	padding-left: 50px;
}
.anfrage-button:hover {
	background-position: 0 -35px;
	color: #ffffff;
	font-size: 14px;
	font-family: verdana;
	font-style: normal;
	font-weight: normal;
}

.ie6 .anfrage-button {
	background: url('images/anfrageformular.gif') 0 0 no-repeat;	
}

.hauptnavi{
	float: left;
	width: 750px;
	height: 156px;
}

.hauptnavi ul{
	float: left;
	margin: 0;
	padding: 0 0 1px 50px;
	width: 700px;
	height: 155px;
	list-style: none;
}

.hauptnavi li{
	position: relative;
	float: left;
	width: 150px;
	height: 135px;
	padding: 10px 0 10px 25px;
}

.hauptnavi a{
	float: left;
	display: block;
	width: 150px;
	height: 20px;
	line-height: 20px;
	padding: 115px 0 0 0;
	
	font-size: 18px;
	color: #afcb08;
	font-style: normal;
	text-align: center;
	
	background-position: 17px 0;
	background-repeat: no-repeat;
}

.hauptnavi a:hover{
        color: #FFA800;
}

.matratzen a{background-image: url('images/matratzen_ico.png');}
.matratzen a:hover{background-position: 17px -190px;}

.bettwaren a{background-image: url('images/bettwaren_ico.png');}
.bettwaren a:hover{background-position: 17px -190px;}

.schlafsysteme a{background-image: url('images/schlafsys_ico.png');}
.schlafsysteme a:hover{background-position: 17px -190px;}

.designerbetten a{background-image: url('images/designer_ico.png');}
.designerbetten a:hover{background-position: 17px -190px;}

.hauptnavi ul ul{
	display: none;
	width: 148px;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 25px;
	top: 150px;
	background: #fff;
	border: 1px solid #afcb08;
}

.hauptnavi li li{
	margin: 0;
	padding: 2px 0;
	width: 148px;
	height: auto;
}

.hauptnavi li li a{
	margin: 0;
	padding: 2px 0;
	width: 148px;
	height: auto;
	background: none;
	font-size: 12px;
}

.hauptnavi ul ul ul{
	left: 148px;
	top: -1px;
}

.sidebar_nav{
	float: left;
	width: 250px;
}

.sidebar_nav_1{
	float: left;
	width: 250px;
	padding: 25px 0 0 0;
}

.sidebar_nav_1 ul{
	float: left;
	margin: 0;
	padding: 0 0 5px 0;
	width: 250px;
	
	list-style: none;
}

.sidebar_nav_1 li{
	float: left;
	width: 250px;
	padding: 0 0 20px 0;
}

.sidebar_nav_1 a{
	float: left;
	display: block;
	width: 205px;
	min-height: 20px;
	padding: 2px 0 2px 45px;
	color: #706f6f;
	font-style: normal;
	line-height: 15px;
	background: url('images/icons_links.png') 0 5px no-repeat;
}

.sidebar_nav_1 a:hover{
	background-position: 0 -26px;
	color: #FFA800;
}

.sidebar_nav_2{
	float: left;
	width: 250px;
	padding: 25px 0 0 0;
}

.sidebar_nav_2 ul{
	float: left;
	margin: 0;
	padding: 0 0 5px 0;
	width: 250px;
	
	list-style: none;
}

.sidebar_nav_2 li{
	float: left;
	width: 250px;
	padding: 0 0 20px 0;
}

.sidebar_nav_2 a{
	float: left;
	display: block;
	width: 205px;
	min-height: 20px;
	padding: 2px 0 2px 45px;
	color: #afcb08;
	font-style: normal;
	line-height: 15px;
	background: url('images/icons_links.png') 0 5px no-repeat;
}

.sidebar_nav_2 a:hover{
	background-position: 0 -26px;
	color: #FFA800;
}

#content{
	float: left;
	width: 675px;
	padding: 250px 0 50px 75px;
}

.footer_bg{
	float: left;
	min-width: 100%;
	height: 18px;
	padding: 10px 0;
	background: #6f6f6f;
}

.footer{
	float: left;
	width: 1000px;
	height: 18px;
}

.footer ul{
	float: right;
	width: auto;
	height: 18px;
	margin: 0;
	padding: 0 50px 0 0;
	list-style: none;
}

.footer li{
	float: left;
	height: 18px;
	padding: 0 0 0 100px;
}

.footer a{
	float: left;
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 0 0 0 15px;
	
	font-size: 10px;
	color: #fff;
	background: url('images/fuesse_unten.png') 0 0 no-repeat;
	font-style: normal;
}

.footer a:hover{
	background-position: 0 -18px;
	color: #fff;
}

.newsletter-subscription input[type="submit"] {
	margin: 10px 0 0 0;
	float: left;
	width: 135px;
	height: 22px;
	text-indent: -1000px;
	overflow: hidden;
	background: url('images/abonnieren.png') 0 0 no-repeat;
	border: none;
}

.lyoness {float: left; width: 200px; height: 70px;}
.lyoness a {float: left; width: 200px; height: 70px; display: block; text-indent: -9999px; outline: none; background: url('images/lyoness_logo.jpg') 0 0 no-repeat;}
.lyoness a:hover {background-position: 0 0;}


/*Font definitions
============================================================== */
body {    color: #706f6f; font-size: 12px; font-family: Verdana, Geneva, sans-serif;}

h1, h1 a { color: #706f6f; font-size: 18px; }
h2, h2 a { color: #AFCB08; font-size: 16px; }
h3, h3 a { color: #706f6f; font-size: 13px; font-weight: bold; }
h4, h4 a { color: #706f6f; font-size: 12px; font-style: italic; }

a {       color: #ffa800; font-style: italic;}
a:hover { color: #d9261c; }