/*
  Copyright (c) 2010
  http://www.alleswirdgutschein.com
*/

/** Debug **/
divv { border: 1px solid red; }
divv:before { content:"div: " attr(id)}


/** Reset **/
* { padding: 0; margin: 0; }
:focus { outline: 0; }
br { clear: both; }
img { border: 0; }

/** Layout: Seite **/
html { font-size: 100%; }
body { font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
#c-se { width: 985px; margin-top: 5px; margin-left: auto; margin-right: auto; margin-bottom: 20px; overflow: hidden; }
#c-ob-li, #c-ob-mi, #c-ob-re, #c-mi-li, #c-mi-mi, #c-mi-re { float: left; }
#c-ob-li, #c-mi-li { width: 133px; }
#c-ob-mi, #c-mi-mi { width: 730px; }
#c-ob-re, #c-mi-re { width: 122px; }
#c-ob, #c-mi { clear: both; }
#c-mi-re { margin-top: 8px; }

/** Layout: Oben **/
#c-ob { height: 92px; margin-bottom: 20px; }
#c-ob-mi { height: 90px; width: 728px; }  /** TODO: img border für zanox **/
#c-ob-re { text-align: right; }

/** Format: Allgemein **/
a { text-decoration: none; color: #0099ff;}
a:hover { color: #ff001a; text-decoration: underline; }
table,td { border: 0;}
h1,h2 { float: left; }
h1,h2,h3,h4 { text-align: left; }
h1 { font-size: 26px; margin-bottom: 20px; }
h2 { font-size: 20px; margin-left: 0px; margin-bottom: 10px; border-left: 20px solid orange; padding-left: 10px; padding-right: 10px; border-bottom: 2px solid orange; }
h2 a { color: black; }
h3 { font-size: 15px; }
h3,h4 { margin-bottom: 10px; margin-top: 5px; }
ul { list-style: none; }

/** Format: Information **/
#c-ob-mi iframe { border: 1px solid #ddd !important; }

/** Format: Auswahl Domain **/
#c-ob-re img { opacity:0.2; filter: alpha(opacity = 20); height: 25px; }
#c-ob-re .aktiv, img:hover {  opacity:1.0 !important; filter: alpha(opacity = 100) !important;  }
#c-fblike { width: 100px !important; margin-top: 20px; float: right; }

/** Format: Auswahl Stadt **/
#c-mi-li li { padding-left: 5px; }
#c-mi-li .aktiv { font-weight: bold; color: green;}
#c-mi-li .sektion-land a { font-weight: bold; font-size: 14px; }
#c-mi-li a { color: #aaa; }
#c-mi-li a:hover { color: #000; }

/** Format: Inhalt **/
#c-mi-mi {  }

/** Format:_Angebot **/
.cont-extr, .cont-nach { position: relative; display: block; }
.overlay-extr { position: absolute; top: 0px; right: 0px; }
.overlay-nach { position: absolute; top: 0px; left: 0px; }
/* beide */
.ang-beschreibung-gr, .ang-beschreibung-kl { font-family: Verdana; font-style: italic; text-align: justify; }
.button-gr, .button-kl, .button-gr-inaktiv, .button-kl-inaktiv { color: white; font-weight: bold; border: 1px solid #999; float: left; text-align: center; } 
.button-gr, .button-kl { background: #eeaa00; background: -webkit-gradient(linear,left top,left bottom,from(#eeaa00),to(#ff4400)); background: -webkit-linear-gradient(top,#eeaa00,#ff4400); background: -moz-linear-gradient(top,#eeaa00,#ff4400); background: -ms-linear-gradient(top,#eeaa00,#ff4400); background: -o-linear-gradient(top,#eeaa00,#ff4400); background: linear-gradient(top,#eeaa00,#ff4400); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#eeaa00,endColorstr=#ff4400,GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#eeaa00,endColorstr=#ff4400,GradientType=0)"; }
.button-gr-inaktiv, .button-kl-inaktiv { background: #d3d3d3; background: -webkit-gradient(linear,left top,left bottom,from(#d3d3d3),to(#9e9e9e)); background: -webkit-linear-gradient(top,#d3d3d3,#9e9e9e); background: -moz-linear-gradient(top,#d3d3d3,#9e9e9e); background: -ms-linear-gradient(top,#d3d3d3,#9e9e9e); background: -o-linear-gradient(top,#d3d3d3,#9e9e9e); background: linear-gradient(top,#d3d3d3,#9e9e9e); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#d3d3d3,endColorstr=#9e9e9e,GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#d3d3d3,endColorstr=#9e9e9e,GradientType=0)"; }
.button-gr:hover, .button-kl:hover, .button-gr-inaktiv:hover, .button-kl-inaktiv:hover { color: white !important; text-decoration: none !important; background: #ff0000; background: -webkit-gradient(linear,left top,left bottom,from(#ff0000),to(#770000)); background: -webkit-linear-gradient(top,#ff0000,#770000); background: -moz-linear-gradient(top,#ff0000,#770000); background: -ms-linear-gradient(top,#ff0000,#770000); background: -o-linear-gradient(top,#ff0000,#770000); background: linear-gradient(top,#ff0000,#770000); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#ff0000,endColorstr=#770000,GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#ff0000,endColorstr=#770000,GradientType=0)"; }
.ang-prei-gr, .ang-prei-kl { background: #add8e6; background: -webkit-gradient(linear,left top,left bottom,from(#add8e6),to(#7cb2c2)); background: -webkit-linear-gradient(top,#add8e6,#7cb2c2); background: -moz-linear-gradient(top,#add8e6,#7cb2c2); background: -ms-linear-gradient(top,#add8e6,#7cb2c2); background: -o-linear-gradient(top,#add8e6,#7cb2c2); background: linear-gradient(top,#add8e6,#7cb2c2); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#add8e6,endColorstr=#7cb2c2,GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#add8e6,endColorstr=#7cb2c2,GradientType=0)"; }
.ang-wert-gr, .ang-wert-kl { background: #d3d3d3; background: -webkit-gradient(linear,left top,left bottom,from(#d3d3d3),to(#9e9e9e)); background: -webkit-linear-gradient(top,#d3d3d3,#9e9e9e); background: -moz-linear-gradient(top,#d3d3d3,#9e9e9e); background: -ms-linear-gradient(top,#d3d3d3,#9e9e9e); background: -o-linear-gradient(top,#d3d3d3,#9e9e9e); background: linear-gradient(top,#d3d3d3,#9e9e9e); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#d3d3d3,endColorstr=#9e9e9e,GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#d3d3d3,endColorstr=#9e9e9e,GradientType=0)"; }
.ang-spar-gr, .ang-spar-kl { font-weight: bold; background: #90ee90; background: -webkit-gradient(linear,left top,left bottom,from(#90ee90),to(#1cb81e)); background: -webkit-linear-gradient(top,#90ee90,#1cb81e); background: -moz-linear-gradient(top,#90ee90,#1cb81e); background: -ms-linear-gradient(top,#90ee90,#1cb81e); background: -o-linear-gradient(top,#90ee90,#1cb81e); background: linear-gradient(top,#90ee90,#1cb81e); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#90ee90,endColorstr=#1cb81e,GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#90ee90,endColorstr=#1cb81e,GradientType=0)"; }
/* gr */
.ang-preiswert-gr {  }
.ang-beschreibung-gr { font-size: 11px; padding-right: 20px; }
.ang-prei-gr,.ang-wert-gr,.ang-spar-gr { padding: 5px 0px; display: block; text-align: center; float: left; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.ang-prei-gr { width: 70px; }
.ang-wert-gr { width: 70px; margin-left: 5px; }
.ang-spar-gr { width: 80px; margin-left: 10px; }
.button-gr, .button-gr-inaktiv { font-size: 14px; padding: 5px 15px 5px 15px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
/* kl */
.ang-preiswert-kl { font-size: 12px; }
.ang-beschreibung-kl { font-size: 10px; }
.ang-prei-kl,.ang-wert-kl,.ang-spar-kl { clear: both; width: 60px; padding: 5px 0px; display: block; text-align: center; float: left; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.ang-prei-kl {  }
.ang-wert-kl { margin-top: 1px; }
.ang-spar-kl { margin-top: 5px; }
.button-kl, .button-kl-inaktiv { font-size: 12px; padding: 3px 15px 3px 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

/** Detail **/
.det-beschreibung { font-style: italic; text-align: justify; padding-right: 20px;}
.det-pad-right { padding-right: 20px;}

/** Format: Newsletter **/
#news { padding: 10px 2px 10px 2px; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; }
#news a { color:#000 !important; }
#news form { margin-top: 10px; }
#news input { vertical-align: top; font-size: 12px; }
#news input[type="text"] { width: 80px; background: #eee; padding: 2px 0px 2px 5px; border: 0; color: #999}
#news input[type="submit"] {width: 23px; cursor: pointer; border: 0; background: #bbb; color: white; padding: 2px 1px; }
#news input[type="submit"]::-moz-focus-inner {border:0;}
#news input[type="submit"]:hover { background:red; } 
#news input[type="text"]:focus { color: #000; } 

#news-gr input { font-size: 13px; }
#news-gr input[type="text"] { width: 200px; background: #eee; padding: 2px 0px 2px 5px; border: 0; color: #999; }
#news-gr input[type="submit"] {width: 23px; cursor: pointer; border: 0; background: #bbb; color: white; padding: 2px 1px; }
#news-gr input[type="submit"]::-moz-focus-inner {border:0;}
#news-gr input[type="submit"]:hover { background:red; }
#news-gr input[type="text"]:focus { color: #000; }

/** Format: Suche **/
#suche { padding: 10px 2px 10px 2px; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; }
#suche a { color:#000 !important; }
#suche form { margin-top: 10px; }
#suche input { vertical-align: top; font-size: 12px; }
#suche input[type="text"] { width: 80px; background: #eee; padding: 2px 0px 2px 5px; border: 0; color: #999}
#suche input[type="submit"] {width: 23px; cursor: pointer; border: 0; background: #bbb; color: white; padding: 2px 1px; }
#suche input[type="submit"]::-moz-focus-inner {border:0;}
#suche input[type="submit"]:hover { background:red; } 
#suche input[type="text"]:focus { color: #000; }

#suche-gr { margin-bottom: 15px; }
#suche-gr input { font-size: 13px; }
#suche-gr input[type="text"] { width: 200px; background: #fff; padding: 2px 0px 2px 5px; border: 1px solid #ccc; color: #999; }
#suche-gr input[type="submit"] {width: 70px; cursor: pointer; border: 0; background: #bbb; color: white; padding: 2px 1px; }
#suche-gr input[type="submit"]::-moz-focus-inner {border:0;}
#suche-gr input[type="submit"]:hover { background:red; }
#suche-gr input[type="text"]:focus { color: #000; }

#suche-res li { margin-bottom: 15px; border-left: 1px solid orange; padding-left: 10px; }
#suche-res .s-fund { font-size: 10px; color:#999 }
#suche-res .s-fund a { text-decoration: underline; color:#999 !important; }
#suche-res .s-fund a:hover { color: #ff001a !important; }
.seitenzahl { padding-left: 10px; font-size: 12px; }

.topsuch { padding-top: 15px; padding-bottom: 15px; }
.topsuchliste li { margin-left: 15px; }

/** Format: Quelltext **/
.quelltext, .breadcrumb, .review { visibility: hidden; display: none; }

/** Format: Share **/
.share-gr { height: 26px; line-height: 26px; margin-left: 10px; padding: 2px 0; }
.share-mi { height: 20px; line-height: 20px; margin-left: 5px; }
.share-kl { height: 18px; line-height: 18px; margin-left: 5px; }
.zoom { margin-left: 5px;  }
.share-gr .opac img, .share-mi .opac img, .share-kl .opac img, .zoom img { opacity:0.4; filter: alpha(opacity = 40); }
.share-gr img:hover, .share-mi img:hover, .share-kl img:hover, .zoom:hover { opacity:1.0 !important; filter: alpha(opacity = 100) !important; }
.icon-share { margin-right: 2px; vertical-align: middle;}
.fblike { vertical-align: middle; }

/** Footer **/
#c-footer { text-align: center; margin-top: 10px; padding-top: 5px; font-size: 9px; color: #ccc; }
#c-footer a { color: #ccc; }
#c-footer a:hover { text-decoration: none; }

/** Auswahl .com **/
#c-auswahlcom h5 { font-size: 30px; }
#c-auswahlcom { text-align: center; margin-top: 5em; }
#c-auswahlcom .flagge { vertical-align: middle; }
#c-auswahlcom .black { color: black; }

/** Fehler 404 **/
#c-error { text-align: center; padding-top: 3em; }
#c-error h5 { font-size: 30px; }

/** Sonder **/
#share { margin-top: 15px; }


.deallx { margin-bottom: 10px; border: 1px solid red; padding: 3px 10px 3px 10px; background: #ffeef0; display: inline-block; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
.copyang, .copyang a { color: #bbb; }