/* -------------------------------------------------------------- 

Theme Name: Gutscheinalarm Theme
Theme URI: http://www.denhartenweg.de
Description: Exklusiv hergestellt für gutscheinalarm.de
Version: 1.0
Author: Christian Schulze
Author URI: http://www.denhartenweg.de
Last: 24.09.2009 18:09:34
-------------------------------------------------------------- */

/* Basis-Stylesheets einbinden */
@import url(yaml/core/slim_base.css);
/* Screen-Layout einbinden */
@import url(css/screen/basemod.css);

#main a, #main a:active {color:#2786C2;}
#main a:hover {color:#2786C2;}
:focus {outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;}
html {font-size: 100.01%; outline-style:none;outline-width:0;}
body {font-size: 62.5%; color:#333; background: #74655a url('pix/bgback.png') repeat-x;}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 1.6em; padding-bottom:0.5em; margin-bottom:1em; line-height:1.4em; margin-bottom:0.3em;}
h1 img {position:relative; top:10px; margin-right:20px;}
h2 { font-size: 1.3em; margin-bottom: 0.75em; }
h3 { font-size: 1.3em; line-height: 1; margin-bottom: 1em; color:#4c4137; }
h4 { font-size: 1em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 0.9em; margin-bottom: 1.5em; }
h6 { font-size: 0.8em; }

.achtung {margin:20px 0 20px 0; background:#ffdada; padding:10px; border-top:2px #e75c5c solid; border-bottom:2px #e75c5c solid;}

/* NEWS TEST */
/*div.featuredarticle.active {background:#D9D9D9;cursor:pointer;}*/
.articlewrap {background:#E6E6DC; margin:0 0 30px; padding:0 10px 5px; width:250px;}
.articlewrap.active {background:#f6f5ee;cursor:pointer;}
.articlewrap img {margin:10px 0 0 5px;} 

/* ALTE STYLES */
.achtung {margin:20px 0 20px 0; background:#ffdada; padding:10px; border-top:2px #e75c5c solid; border-bottom:2px #e75c5c solid;}
.clearall {clear:both;display:block;font-size:1px;height:1px;line-height:1px;margin:0;}
.gutbtnpos {bottom:0;left:310px;position:relative;}
.gutshoplist{border:3px solid #BBE0EB;background:#e1f1ff url('pix/bglistbox.gif') repeat-x;padding:10px;}
.gutscheinlink{border:1px solid #BBE0EB;background:#e1f1ff url('pix/bglistbox.gif') repeat-x;padding:5px;}
.gutscheinpos{position:absolute;left:120px;}
.gutscheinmeta{margin-top:30px;margin-bottom:-50px; position:relative;}
.gutbtnposbegriff{position:static;float:right;}
.gutbtnbegriff{background-image:url('pix/button.png');background-repeat:no-repeat;width:279px;height:47px;padding-top:13px;padding-left:40px;margin:0px;}
.gutbtnbegriff a:visited,.gutbtnbegriff a:hover,.gutbtnbegriff a{font:14px Verdana, Arial, Helvetica, sans-serif;color:#fff !important;font-weight:bold;}
/* ----------- */

blockquote {border-left:0.2308em solid #98CA57; color:#888; font-family:Georgia,"Times New Roman",Times,serif !important; margin:0 0 1.5385em 1.5em; padding:0 0 0 0.7692em; }
blockquote p {font-family:Georgia,"Times New Roman",Times,serif !important;}

code {color:#009900; font-family:Monaco,"Courier New",Courier,monospace;}
#col3 { no-repeat 290px 0px;}
#col1_content  { padding:0 22px 46px 0;}
#comments {font-size: 1.6em; letter-spacing:-1px; margin-bottom:30px;}
#commentbox {padding:22px 25px 10px 25px;}
#commentlist {list-style-type:none; margin:0px; border-bottom:1px #8dbe4c solid;}
#commentlist li {margin:0px !important;}
.comment_author{margin:0px;}
.comment_author {color:#333 !important; font-size:1em; font-weight:bold; text-decoration:none;}
.comment_author a{color:#333 !important;}
.comment_author a:hover{ text-decoration:underline;}
.comment_date, #content .comment_date:visited{color:#BBB !important; font-size:0.8em; font-weight:bold; text-decoration:none;}
.comment_date:hover{color:#BBB; text-decoration:none;}
.kommentarbild {float:right; margin-left:10px}
.comment_text{margin-top:15px;}

.eg {background-color:#EEEEEE; border-bottom:2px solid #CCC; border-top:1px solid #FAFAFA; display:block; padding:3px 10px;}
.entry {margin-left:140px;}
.entry p {margin-bottom:0.8em !important;}
.entry a{color:#555 !important; font-size:1.4em; text-decoration:none; font-weight:bold;}
.entry a:hover{color:#000 !important; text-decoration:underline;}

.frontartikel {background:#fff url('pix/boxbg.png') repeat-x top; border:1px #c9c6c1 solid; margin-bottom:30px;}
.frontartikel {padding:20px 30px; }
.frontartikel ul    {font-size:1.4em; line-height:1.6em;}
.frontartikel ul li {margin:20px 0;}
.frontuber {margin-bottom: 0.4em !important; font-weight:normal; font-size:2em;}
.frontuber a{color:#7cb234 !important; font-size:1em !important; font-family: Gerorgia, Times, serif; text-decoration:none;}
.frontuber a:hover{text-decoration:underline;}
#footer {font-size:1.4em; background:#a4968c; margin-bottom:40px; padding:30px 20px 10px 40px; color:#fff; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px;}
#footer a {color:#ebe7e5;}

#frontspot {height:60px; padding:20px; background:#F2F0E4; heigth:120px; -moz-border-radius:8px; -webkit-border-radius:8px;}

.graubox {margin-bottom:30px; background-color:#F2F0E4; -moz-border-radius:8px; -webkit-border-radius:8px;}
.graubox dl {margin:0; background-color:#FFFFFF;border:1px solid #CCC;float:none;font-size:1.5em;padding:50px;position:relative;text-align:center;}
.graubox .c66l .subcl{height:190px; margin:20px 0 20px 20px; padding:20px 0 10px 40px; background-color:#FFFFFF; border:1px #CCC solid;border-right:0; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px;}
.graubox .c33r .subcr{height:180px; margin:20px 20px 20px 0; padding:30px 0 10px 14px; background-color:#FFFFFF; border:1px #CCC solid; border-left:0; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px;}
.graubox h3 {font-size:1.4em;}

.gutbild {float:left; margin-right:20px;}

.gutbtn{background:url('pix/button.png') no-repeat; width:240px; height:38px; padding-top:8px; padding-left:48px;}
.gutbtn a:visited,.gutbtn a{font:14px Verdana, Arial, Helvetica, sans-serif;color:#fff !important;font-weight:700; text-decoration:none;}
.gutbtn a:hover{text-decoration:underline;}

.hauptbild {float:left; margin:0 20px 15px 0; text-align:right;}
.hauptbild small {font-style:italic;}
.hinweis {line-height:1.5em; padding:20px 10px 20px 100px; background:#FFFBCC url('pix/new.png') no-repeat scroll 35px 8px; color:#666452; border:1px solid; border-color:#E6DB55; margin:10px 0 50px;}

#impress {float:right;margin:15px -10px 0 0;padding:0;}
#impress a {color:#bfb5ac; font-size:12px; font-weight:bold; padding:0 10px; text-decoration:none;}
#impress a:hover {text-decoration:underline;}

.kommentar {background-color:#e1f2ca; padding:20px; border-top:1px #8dbe4c solid; border-left:1px #8dbe4c solid; border-right:1px #8dbe4c solid;}
.kommentarodd {background-color:#f1f9e5;}

.listshop {}

.lcode {margin:0 0 0 135px;}
.lcode small {color:#919191; font-size:0.9em;}
.lcode ins {color:#919191; font-size:0.9em; margin-left:12px; text-decoration:none; text-transform:uppercase;}
.lentry {height:80px; border-bottom:1px solid #E1DBD5; padding:20px 0 0 25px;}
.lentry h3 {color:#616161; font-size:1.2em; margin:3px 0 11px 134px; }
.lentry h3 a{text-decoration:none; } .lentry h3 a:hover{text-decoration:underline; }
.loutlink {color:#fff !important; background:#00a9e0; border:1px solid #086e8f; padding:6px 10px; text-decoration:none; position:relative; top:-26px; left:430px; z-index:999; font-weight:bold;}
.loutlink:hover {color:#fff !important; background: #067ca2; border:1px solid #000; }
.lshoplogo {background:#FFFFFF none repeat scroll 0 0; border:1px solid #CDCDCD; display:block; float:left; height:40px; padding:12px 0 0 8px; width:98px;}

.listshop .lcode {margin:0;}
.listshop .ltext {color:#696969; margin:0;}
.listshop .lentry {height:auto;}
.listshop .lentry h3 {margin:3px 0 11px 0;}
.listshop .loutlink {top:-16px; left:550px;}

#listshop .lcode {margin:0;}
#listshop .lentry h3 {margin:3px 0 11px 0; }

.listshops{list-style-type:none; margin-top:12px; line-height:1.5em;}
.listshops li{float:left; margin-bottom:30px; margin-left:64px;}
.listshops img{border:1px #d0cecc solid;}

#logo {top:20px; position:relative;}
.luft {padding:15px;}

#main {font-size:1.4em; line-height: 1.6em; padding:38px 40px 30px; background:#fff; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px;}

#navigation {margin:0 0 0 -4px; padding:4px 0 0; width:500px;}
#navigation li {display:inline; float:left; margin:0; padding:0 0 0 3px;}
#navigation li a{display:block; color:#fff; float:left; background: #82bb31 url('pix/navbg.png') repeat-x; font-size:18px; padding:12px 18px; text-decoration:none; border:1px #91cd3b solid; border-bottom:0;}
#navigation li a:hover{background: #7cac32 url('pix/navbghover.png') repeat-x; text-decoration:underline; border:1px #8fc23f solid; border-bottom:0;}
#navigation li#current a {background:#FFF; color:#7C6A68; border:1px #50443A solid; border-bottom:0;}

.subtab a{width:106px;}
.subtab img{position:absolute; margin:14px 0 0 -28px;}
.subtab #navisub li a {width:140px;}
.subtab #navisub li a:hover {}

#navigation li:hover ul {left:auto;}
#navisub {left: -999em; position:absolute; width:180px; height:114px; margin:40px 0 0 0; background:#628e1e; border:1px #4C4037 solid; border-top:0;z-index:1;}
#navisub li a {background:transparent; float:none; border:none; padding:10px 18px 12px; font-size:1.3em; font-weight:bold;}
#navisub li a:hover {background:#6b9a24; border:none; -moz-border-radius:0;}

/* Submenü wenn Gutscheine = current */
.subtab#current #navisub { background:#fff; border:1px #7C6A68 solid; border-top:0;}
.subtab#current #navisub li a {border:none; padding:10px 18px 12px; font-size:1.3em; font-weight:bold;}
.subtab#current #navisub li a:hover {background:#edeaea; border:none; padding:10px 18px 12px;}

p {margin:0 0 1.6em;}
.pagebar {font-size:1.2em; margin-top:30px;}
.pagebar a{margin-left:6px;}
.post_0 {background:#f6f5ee;} .post_0:hover, .post_1:hover {background:#fff;}
.post_1 {background:#fefdf8;}
#postcomment {margin:35px 0; font-size: 1.6em; letter-spacing:-1px;}

.radiusoben5, #navigation li a {-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
.radiusoben8, #tablist li.active {-moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px;}
.radiusvoll5, #searchform input.suchbar {-moz-border-radius:5px; -webkit-border-radius:5px;}
.radiusvoll8, .tabbereich, .hinweis, .subscribe {-moz-border-radius:8px; -webkit-border-radius:8px;}
.related_post {float:left;}

small {font-size:1em;}
#searchform {float:right;}
#searchform input {color:#5f5e5c; font-size:1.6em; background-color:#F4F1E8; padding: .4em; border:0px;}
#searchform input.suchbar {width:240px;}
#searchform button {height:34px;}

#searchformbody {background:#F2F0E4; height:100px; -moz-border-radius:8px; -webkit-border-radius:8px;}
#searchformbody input#s {margin:28px 0 0 20px; width:330px; color:#8F8F8F; font-size:1.3em; background-color:#fff; padding: .6em; border:1px solid #CCC;-moz-border-radius:5px; -webkit-border-radius:5px;}
#searchformbody button {height:46px; width:100px;}

#suchergebnisse {margin:20px 0 0;}
#suchergebnisse li{width:600px; margin:0; list-style:none;}
#suchergebnisse li a{font-size:1.2em;}
#suchergebnisse ul li {list-style:disc;}
#suchergebnisse ul li a{font-size:1em;}

.subscribe {background:#E6E6DC; padding:30px;}
.subscribe ul {list-style-type:none; height: 45px; line-height: 45px; margin:12px 0 0;}
.subscribe ul li{float:left; margin-left:70px;}
.subscribe ul li.abotext{margin-left:5px;font-size:1.3em;font-weight:bold;line-height: 45px;}
.subscribe ul li a{text-decoration:none;}
.subscribe ul li a:hover{text-decoration:underline;}
.abotext a {position:relative; top:10px;}

.subscribe .charts {height:145px; padding:15px 0 10px 0; margin-left:40px;}
.subscribe .charts li{background:#fefdf8; font-size:0.9em; margin:0 30px 0 0; float:left; list-style:none; width:107px; text-align:center; padding:10px 6px;}
.subscribe .charts img{margin-bottom:4px;}

#tabs {margin:0; padding-bottom:30px;}
#tablist {position:relative; top:6px; background: #fff; margin:0;}
#tabs li {margin: 0 8px 0 0; list-style: none;}
* html #tabs li {display: inline;}
#tablist li, #tablist li a {padding:4px 20px; float:left;}
#tablist li.active {padding:4px 20px; background: #E6E6DC;}
#tablist li.active a {color: #333333;}
#tabs .tabbereich{background: #E6E6DC; clear: both; padding: 15px; min-height: 200px;}
#tabs .tabbereich p {line-height: 150%;}
#tablist li a {text-decoration:none; padding:8px; color:#000; font-weight:bold;}


#trackback {margin-top:30px;}
#trackbacklist {font-size:1.4em;}

.webliste {font-size:1em !important; list-style:none; margin:25px 0 0 0;}
.webliste li {clear:both;}
.webliste li div{float:left; margin:0 25px 40px 0;}

.warn {background: #FAF4CF;padding: 10px;margin:0 168px 25px 0;}
.warnlinks {background: #FAF4CF;padding: 10px;margin:0 168px 25px 165px;}
.warnshop {background: #FEFDF8; padding:25px;}
.schwach {color:#999}

/* Generic FormBuilder Display Configuration */
form.formBuilderForm, div.formBuilderSuccess {
	text-align: left;
	padding: 10px;
 	clear: both;
}
.formBuilderForm div{
	margin: 0;
	padding: 0;
}
div.formBuilderSuccess h4 {
	margin: 0;
	padding: 0;
}


/* The div class around each form field*/
.formBuilderForm .formBuilderField {
	padding-bottom: 4px;
	clear: both;
}

/* The div class around the error message, in the event that a required field is not filled in*/
.formBuilderForm .formBuilderError {
	font-weight: bold;
}

/* Generic Display Controls */
.formBuilderForm div.formBuilderComment {
	font-style: italic;
	padding: 4px;
	margin: 4px 0 4px 0;
	clear: both;
	float: left;
	width: 95%;
}
.formBuilderForm .formBuilderHidden {
	visibility: hidden;
	padding: 0;
	margin: 0;
	border: 0;
	position: absolute;
}
.formBuilderForm .formBuilderSubmit {
	clear: both;
	text-align: right;
}

/* Generic Label Controls */
.formBuilderForm .formBuilderLabel, .formBuilderForm .formBuilderLabelRequired {
	clear: left;
	float: left;
	vertical-align: top;
	width: 160px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.formBuilderForm .formBuilderLabelRequired {
	font-weight: bold;
}




/**** Field Type Specific Display Controls ****/

.formBuilderForm .small_text_area .formBuilderLabel
{
	width: auto;
	clear: both;
}
.formBuilderForm .small_text_area textarea
{
	width: 98%;
}
.formBuilderForm .large_text_area .formBuilderLabel
{
	width: auto;
	clear: both;
}
.formBuilderForm .large_text_area textarea
{
	width: 98%;
}
.formBuilderForm .checkbox
{
	float: left;
	width: 100%;
}

.formBuilderForm .radio_buttons
{
	position: relative;
}
.formBuilderForm .radio_buttons .formBuilderRadio
{
	display: block;
	position: relative;
	margin-left: 170px;
	padding-left: 0;
}
div.formBuilderFailure {
	border: 1px solid red;
	background-color: #FFEBEB;
	margin: 2px;
	padding: 4px;
}
div.formBuilderFailure h4, div.formBuilderFailure p {
	margin: 0 0 4px 0;
	padding: 0;
}

div.formBuilderCaptcha {
	display: block;
	width: 120px;
	float: left;
}
div.formBuilderCaptcha input {
	width: 120px;
}

div.formBuilderPageBreak {
	text-align: right;
}



table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}