/*
Theme Name:     couponwelt
Theme URL:      http://www.couponwelt.de
Description:    WP-Theme für couponwelt
Version:        1.0
Author:         im:cube7 | Sebastian Schwarz
Author URL:     http://www.imcube7.de/

Dunkelorange:	#FF4400
Dunkelblau:		#0D3973
Mittelblau:		#077CB7
Hellblau:		#DBF1FA
Grün:			#74C73D


*/

/*@import "style/css/reset.css";*/
/* @import "style/css/typography.css"; */
/* @import "style/css/layout.css"; */


/* --- GLOBAL --- */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }


body {
	background-image: url(images/design/bg_body.jpg);
	background-repeat: repeat-x;
	background-color: #DBF1FA;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: grey;
}

h1, h2, h3, h4, h5, h6 { margin: 4px 0 4px 0; padding: 0; color: #077CB7; font-weight:bold;}
h1 { font-size: 2em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1em; }

a {	color: #077CB7; text-decoration: none; }
a:hover { color: #FF4400; }
a:active, a:focus { outline: none; }

div { position:relative; } 
a img { border:none } 

ol, ul, li { list-style:none }
caption, th { text-align:left }
/* --- CLASSES --- */


.time { color: #FF4400; font-size: 0.8em;}
.tags { color: #FF4400; font-size: 0.8em;}

.post h2 { margin-bottom: 10px; }
.post .anbieter { width: 140px; height: 80px; margin: 0 12px 0 0; padding: 8px 8px 12px 8px; float: left; border: 1px dotted lightgrey; }
.post p { margin-bottom: 6px; font-size: 0.9em; }
.post .ratings { height: 30px; }

.coupons ul { padding-left: 20px; margin-top: 20px; }
.coupons ul li { list-style-image: url(images/design/list_arrow.png); }
.coupons h1 { font-size: 1.4em; margin: 0 0 5px 0; }

.shopimage img { border: 1px dotted lightgrey; padding: 5px; margin: 0 22px 10px 0; float: left;  }
.shopimage img:hover { border: 2px dashed #74C73D; padding: 4px; }

.center { text-align: center; }


/* --- STRUKTUR --- */


#wrap {
	width: 980px;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
	background-image: url(images/design/bg_wrap.jpg); background-repeat: no-repeat; background-position: top-center;
}

#structure {
	width: 940px;
	padding: 0;
	margin: 0px auto;
}


/* --- HEADER --- */

#head { height: 144px; overflow: hidden; }
#homelink { z-index: 3; position: absolute; }
#icons { z-index: 4; position: absolute; margin: 10px 0 0 804px; }
#icons ul li { float: right; margin-right: 5px; }
#header { height: 120px; background-image: url(images/design/bg_header.png); background-repeat: no-repeat; overflow: hidden; }
#topsearch { height: 30px; z-index: 1; position: absolute; margin: 72px 10px 0px 656px; }
#searchform #s { width: 220px; height: 22px; border: 0; margin-right: 8px; background-image: url(images/design/bg_searchinput.gif); background-repeat: repeat-x; font-size: 1.2em; color: #077CB7; outline: none; }
#searchform #suche { width: 40px; height: 36px; cursor: pointer; z-index: 2; position: absolute; margin: -24px 0 0 224px; }
#searchform #suche #searchsubmit { outline: none; }
#nav { height: 30px; padding: 0; margin: 90px 0 0 204px; border: 0px solid white; }
#nav .menu { 
	float: left;
	background: url(images/design/nav_left.png) no-repeat;
	padding: 0 0 0 9px;
	margin: 0 4px 0 0;
}
#nav .menu a { 
	float: left;
	height: 30px;
	background: url(images/design/nav_mid.png) repeat-x left top;
	line-height: 32px;
	color: #0D3973;
	text-decoration: none;
	padding-left: 2px;
}
#nav .menu a:hover { 
	color: #FF4400;
}
#nav .menu span { 
	float: left;
	background: url(images/design/nav_right.png) no-repeat;
	width: 23px;
	height: 30px;
}

.breadcrumb { height: 18px; padding: 6px 10px 6px 10px; font-size: 0.9em; background-color: white; }


/* --- START --- */

#anleitung { width: 920px; padding: 10px 5px 10px 15px; clear: both; overflow: hidden; background-color: white; }
#anleitung ul { margin: 0; padding: 0; }
#anleitung ul li { list-style: none; float: left; margin: 0 6px 0 0; }

#anl1 { color: #077CB7; width: 200px; height: 45px; z-index: 10; position: absolute; margin: 24px 0 0 76px; font-size:0.8em;}
#anl2 { color: #077CB7; width: 200px; height: 45px; z-index: 10; position: absolute; margin: 24px 0 0 386px; font-size:0.8em;}
#anl3 { color: #077CB7; width: 200px; height: 45px; z-index: 10; position: absolute; margin: 38px 0 0 692px; }

#anl1_klein { background:  url(images/design/anleitung_1_klein.jpg); width: 175px; height: 180px;  margin: 0; }
#anl2_klein {background: url(images/design/anleitung_2_klein.jpg);  width: 175px; height: 180px;  margin: 0; }
#anl3_klein { background: url(images/design/anleitung_3_klein.jpg); width: 175px; height: 180px;  margin: 0 0 10px 0; }
#anl1_klein p {color: #077CB7; padding-left: 10px; font-size:0.8em; padding: 15px 10px 25px 48px; line-height: 1em;}
#anl2_klein p { color: #077CB7;padding-left: 10px; font-size:0.8em; padding: 15px 10px 25px 48px; line-height: 1em;}
#anl3_klein p { color: #077CB7;padding-left: 10px; font-size:0.8em; padding: 15px 10px 25px 48px; line-height: 1em;}
/* --- CONTENT --- */


#content {
	width: 920px;
	padding: 0 10px 10px 10px;
	clear: both;
	overflow: hidden;
	background-color: white;
}

#left { width: 180px; margin: 0; padding: 0; float: left; }
#left ul { padding-left: 3px; margin: 0 0 20px 0;}
#left ul li { list-style: none; background: url(images/design/list_arrow.png) no-repeat top left; font-size: 0.9em; padding-left: 13px; }
#left ul li a { color: grey; }
#left ul li a:hover { color: #077CB7; }
#left h2 {
	list-style: none;
	background-image: url(images/design/bg_sidecat-l.jpg);
	background-repeat: no-repeat;
	width: 180px; height: 45px;
	padding: 5px 0 0 10px;
	color: #0D3973;
	font-size: 1.2em;
	margin: 0 0 -8px 0;
}

#center { width: 500px; margin: 0 0 0 20px; float: left; }
#center .headline { font-size: 1.4em; }

#center ul .next { float: right; margin: 0 6px 0 0;}
#center ul .prev { float: left; margin: 0 0 0 8px;}
#center .sharethis { margin: 20px 0 10px 0; }

#center .similarshops { padding: 2px 5px 5px 5px; background-color: #f1efef; border: 1px dashed grey; margin: 0 10px 0 10px;}
#center .similarshops ul { margin: 12px 0; }
#center .similarshops ul li { background: url(images/design/list_coupon.jpg) no-repeat left; line-height: 24px; padding: 0 0 0 44px; }
#center .similarshops a { text-decoration:underline;}
#center .more  { padding-left: 16px; padding-bottom:  7px;
background-image: url(images/design/list_arrow.png);
background-repeat: no-repeat;
margin-left:  10px;
}
#center .more a { color: #74c73d; font-weight: bold; }
#center .more a:hover { color: #000000; font-weight: bold; }
.sharethis { text-align:center;}
/* --- COUPONS --- */


.coupon-top { height: 21px; margin: 0; padding: 0; background-image: url(images/design/c_oben.jpg); background-repeat: no-repeat; }
.coupon { width: 464px; padding: 0 20px 0 24px; margin: 0; overflow: hidden; background-image: url(images/design/c_mitte.jpg); background-repeat: repeat-y; }
.coupon h1 { font-size: 1em; margin: 2px 0 10px 0; }
.c-left { width: 300px; float: left; }
.c-beschreibung { margin-bottom: 10px; }
.c-button { height: 50px; text-align: center; margin: 0 0 0 -20px; }
.c-right { width: 160px; float: right; text-align: center; }
.c-laufzeit { margin: 10px 0 10px 0; text-align: center; }
.c-ratings { font-size: 0.8em; text-align: center; }
.coupon-bottom { height: 21px;  background-image: url(images/design/c_unten.jpg); background-repeat: no-repeat; }

.coupon-top-e { height: 21px; margin: 0; padding: 0; background-image: url(images/design/c_oben-e.jpg); background-repeat: no-repeat; }
.coupon-e { width: 464px; padding: 0 20px 0 24px; margin: 0; overflow: hidden; background-image: url(images/design/c_mitte-e.jpg); background-repeat: repeat-y; }
.coupon-e h1 { font-size: 1em; margin-bottom: 10px; }
.coupon-bottom-e { height: 21px;  background-image: url(images/design/c_unten-e.jpg); background-repeat: no-repeat; }



/* --- COMMENTS --- */

#respond { border-top: 2px dashed lightgrey; padding: 5px 0 0 0; margin: 10px 0 0 0; }
#commentform #author { width: 200px; margin: 10px 5px 5px 0; border: 2px solid lightgrey; padding: 2px; }
#commentform #email { width: 200px; margin: 0 5px 5px 0; border: 2px solid lightgrey; padding: 2px; }
#commentform #url { width: 200px; margin: 0 5px 5px 0; border: 2px solid lightgrey; padding: 2px; }
#commentform .info { margin-bottom: 10px; }
#commentform #comment { margin-bottom: 10px; border: 2px solid lightgrey; padding: 2px; }
#commentform #submit { margin: 0 0 20px 450px; float: right; display: block; font-size: 1.1em; border: 2px solid lightgrey; color: #077CB7; padding: 2px; cursor: pointer; }


/* --- SIDEBAR --- */


#right { width: 200px; margin: 0; padding: 0 10px 0 0; float: right; }

#right #twitter { width: 200px; height: 220px; margin: 0 0 5px 8px; }

#right h2 { 
	background-image: url(images/design/bg_sidecat.jpg);
	background-repeat: no-repeat;
	width: 200px; height: 45px;
	padding: 5px 0 0 10px;
	color: #0D3973;
	font-size: 1.2em;
	margin: 0 0 -8px 0;
}

#right ul { margin-bottom: 10px; }
#right ul li { padding-left: 10px; }

.c_new { border-bottom: 1px dashed lightgrey; padding-bottom: 5px; margin-bottom: 5px; font-size: 0.9em; }

#shopselector { margin: 20px 0 20px 14px; }

.topshops { width: 200px; }
.topshops img { width: 82x; height: 41px; float: left; border: 1px dashed lightgrey; padding: 4px; margin: 4px 4px 0 0; }
.topshops img:hover { border: 2px dashed #74C73D; padding: 3px; }

/* --- FOOTER --- */


#footer {
	background-image: url(images/design/bg_footer.jpg);
	background-repeat: repeat-x;
	background-color: #DBF1FA;
	height: 100px;
	margin: 0;
	padding: 24px 10px 10px 20px;
	font-size: 0.8em;
	clear: both;
}

#f_left { float: left; }
#f_right { float:right; }
#f_right ul { margin: 0px 10px 0px 0px; }
#f_right ul li { float: left; margin: 2px 0px 2px 8px; }

/* --- Newsletter --- */
#nl {
border:  1px dashed grey;
padding: 5px 5px 0 5px;
background-color: #e6f2f8;
}

#center #nl { background-color: #FFFFFF;
 }
#nl h1 { font-size: 12px; font-color: #077cb7;}
#nl form  {
text-align:center;
}
#nl input#email {
border:  1px dashed #077cb7;
font-size: 18px;
padding-left: 2px;
}
#nl label#email_label {

font-size: 12px;
}
#newshead{padding-bottom: 10px;}
#btn_submit{
padding: 0 0 10px 0;}
#nl small {font-size: 9px;
font-color: grey;
text-align:left;
}
.prevnext { clear:  both; 
display:  block;
 height:40px;
}
.clear {clear: both;}

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }