/************************
  GLOBAL STYLES
************************/

html,body {
  margin: 0; padding: 0;
  background-color: #FFF;
  text-align: center;
  cursor: default;
  background: #aecfe4 url(../images/background.jpg) repeat-x;
  overflow-x: hidden;
}

select, input, * {
  color: #1b2c36;
  font-size: 12px;
  font-family: Arial, Verdana, Tahoma;
  border: 0 none;
}

select {
  cursor: pointer;
}

a {
  color: #1b2c36;
  text-decoration: underline;
}

a:hover,
a:active {
  text-decoration: none;
}
a:focus { outline: 0 }

hr {
	color : #CCC;
	height : 1px;
	padding : 0;
	border-color : #CCC;
	border-width : 1px 0 0 0;
	border-style : solid;
	margin: 12px auto;
  width: 99%
}

h1, h2 {
  margin: 0; padding: 0;
  margin-bottom: 8px;
  font-size: 14px;
}


h1 strong { font-size: 14px }

/************************
  GEIZSTROM.DE STYLES
************************/
div#geizstrom {
  position: relative;
  width: 942px; margin: 0 auto;
  background: #FFF url(../images/page_top.jpg) no-repeat;
  text-align: left; padding-top: 23px;
}

/*
  HEADER
*/
#header {
  width: 942px; height: 78px;
  margin: 0 auto;
  padding-top: 16px; padding-left: 10px;
  text-align: left;
}

/*
  NAVIGATION LINKS
*/
#navigation-links {
  float: left;
  margin-left: 8px; padding-top: 15px;
  width: 175px;
}
* html #navigation-links { width: 160px }

#navigation-links ul,
#navigation-links li {
  margin: 0; padding: 0;
  list-style-type: none;
}

#navigation-links ul li.kat {
  background-color: #1b2c36;
  color: #FFF; font-weight: bold; font-size: 12px;
  text-transform: uppercase; text-align: left;
  padding: 5px; padding-left: 15px; margin: 8px 0;
}
* html #navigation-links ul li.kat { margin-bottom: 9px; margin-top: 3px; }

#navigation-links ul li a {
  display: block;
  color: #1b2c36;
  padding: 5px; padding-left: 25px;
  text-decoration: none;
}
* html #navigation-links ul li a { padding: 0; padding-left: 25px; }


#navigation-links ul li a.start {
  padding-bottom: 0;
}

#navigation-links ul li a.aktiv,
#navigation-links ul li a:hover,
#navigation-links ul li a:active {
  text-decoration: underline;
}

#navigation-links ul li a strong {
  font-weight: normal;
}

/*
  CONTENT
*/
#content {
  width: 740px; float: left;
  margin-left: 4px;
}
* html #content { margin-left: 0 }

div.text, div.text * {
  line-height: 19px;
}

div.text {
  margin-left: 11px; margin-right: 11px;
}

div.text h1 {
  padding-left: 16px;
  background: url(../images/icons/arrow.gif) no-repeat left center;
}

/*
  STARTSEITE
*/
div#schnellvergleich {
  width: 700px; height: 171px;
  padding: 0 20px; padding-top: 20px;
  background: url(../images/start_schnellvergleich.jpg);
  margin-bottom: 5px; overflow: hidden;
}

div#schnellvergleich h1 {
  margin-left: 37px; margin-bottom: 15px;
  font-weight: normal; text-transform: uppercase;
}
div#schnellvergleich h1 span {
  color: #FFF;
  text-transform: none;
}

div#schnellvergleich div {
  height: 109px;
  padding: 5px; padding-top: 5px;
  border: 1px solid #dadbdd;
  background: url(../images/bg_schnellrechner.jpg) repeat-x;
}

div#schnellvergleich div label {
  display: block;
  cursor: pointer; color: #2d3132;
  font-weight: bold;
  padding: 2px; margin-top: 8px;
}

div#schnellvergleich div input, div#schnellvergleich div select {
  width: 120px; margin: 0; color: #2d3132;
}

div#schnellvergleich input.submit_strom,
div#schnellvergleich input.submit_gas {
  cursor: pointer;
  width: 155px; height: 26px;
  border: 0; padding: 0;
  background: url(../images/submit_schnellvergleich.jpg);
}

div#schnellvergleich input.submit_gas {
  background-image: url(../images/submit_gasvergleich.jpg);
}

div#schnellvergleich div img {
  vertical-align: middle;
}

img#stromanbieter {
  margin-top: 5px;
}

div#start_content {
  width: 740px;
  background: url(../images/start_content.jpg) no-repeat;
}

div#start_content ul, div#start_content li {
  margin: 0; padding: 0;
  list-style-type: none;
  font-weight: bold;
}

div#start_content ul {
  margin-left: 43px;
  padding-top: 17px;
  padding-bottom: 5px;
}

div#start_content ul li {
  padding-top: 4px; padding-bottom: 5px;
}
div#start_content ul li.main {
  padding: 0; margin-bottom: 25px;
}
div#start_content ul li.main strong,
div#start_content ul li.main b,
div#start_content ul li.main { font-size: 14px }

div#start_content div.text_small {
  width: 445px;
}

div.startbox {
  position: relative;
  width: 340px; height: 260px; float: left;
  background: #f1f6fa;
  padding: 10px; padding-bottom: 30px;
}

div.startbox h1 {
  padding-left: 28px;
  background: url(../images/icons/arrow_blue.jpg) no-repeat 10px center;
}

div.startbox, div.startbox * {
  line-height: 18px;
}

div.startbox img {
  display: block; text-align: center;
  margin-bottom: 10px;
}

div.startbox div.button {
  position: absolute;
  bottom: 10px; right: 10px;
}

div.startbox div.button a:link, div.startbox div.button a:visited,
div.startbox div.button a:hover, div.startbox div.button a:active {
  color: #FFF; text-transform: uppercase; font-size: 10px; font-weight: bold;
  display: block; text-align: center;
  width: 155px; height: 26px; line-height: 24px;
  background: url(../images/start_button.jpg) no-repeat;
  text-decoration: none;
}

/*
  FOOTER
*/
#footer {
  width: 942px;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
}

#footer ol,
#footer ol li  {
  list-style-type: none;
  margin: 0; padding: 0;
}
#footer ol {
  margin-left: 30px;
  clear: both;
}

#footer ol li {
  float: left;
}

#footer ol li a {
  color: #1b2c36;
  padding: 8px 5px;
  font-size: 10px; text-decoration: none;
}
#footer ol li a:hover, #footer ol li a:active {
  text-decoration: underline;
}

#footer div {
  margin-top: 9px;
  color: #1b2c36;
  font-weight: bold; font-size: 11px;
}


/* Sitemap */

#content div.text div#sitemap {
  padding-left: 20px;
}

#content div.text div#sitemap fieldset {
  width: 330px; height: 210px;
  float: left;
}

#content div.text div#sitemap fieldset#center {
  height: 125px; float: none;
  margin-left: 140px;
}

#content div.text div#sitemap ul,
#content div.text div#sitemap li {
  margin: 0; padding: 0;
  margin-left: 21px;
  list-style-type: square;
  color: #28556b
}

#content div.text div#sitemap li a {
  width: 197px;
  text-decoration: none;
}

/* Kontakt */

#content div#kontakt label {
  display: block; float: left;
  width: 190px;
  text-align: left; font-weight: bold;
  cursor: pointer;
}
#content div#kontakt label img {
  margin-left: 4px;
}

input,
textarea {
  border: 1px solid #BBB;
  padding: 1px;
  margin: 1px;
  font-size: 11px; color: #444;
}

textarea {
  margin-left: 191px;
  height: 130px;
  overflow-x: auto;
  overflow-y: scroll;
}

input#submit {
  width: 60px;
  cursor: pointer;
  margin-left: 295px;
}

/*
  Error / Info
*/
div#error,
div#info {
  margin: 50px 10px; padding: 10px;
  text-align: center;
  border: 1px solid red;
  background-color: #FFF;
}

div#info {
  border: 1px solid green;
}

div#error span,
div#info span {
  display: block;
  font-weight: bold;
  text-align: center;
}

div#error b,
div#info b {
  display: block;
  font-weight: bold;
  text-align: left;
}

div#error input {
  margin-left: 50px;
  border: 1px solid #222;
}

/*
  TOOLS
*/
.block { display: block }
.cl {
  clear: both;
  height: 1px; min-height: 1px; font-size: 1px;
}

/*
  FORM ELEMENTS
*/
form {
  margin: 0; 
}

fieldset {
  border: 1px solid #1b2c36;
  margin: 5px; padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 7px;
}

fieldset legend {
  margin-left: 10px;
  padding-left: 10px; padding-right: 10px;
  font-weight: bold; font-size: 12px;
}

fieldset ul, fieldset li {
  margin: 0;
  padding: 0;
}

fieldset ul {
  color: #000;
  font-weight: bold;
  margin-left: 11px;
  margin: 5px;
  margin-top: 10px;
}

fieldset li {
  margin-left: 15px;
  list-style-type: square;
}

fieldset ul {
  margin-top: 0;
}

/*
  Newsletter
*/
hr.grey {
	color : #CCC;
	border-color : #CCC;
}

div#newsletter {
  width: 100%; height: 184px;
  margin-top: 14px; margin-left: 0px;
  text-align: center;
  background-image: url(../images/newsletter-bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

div#newsletter #spacer {
  height: 60px;
}

div#newsletter input {
  width: 75%;
  margin: 3px; margin-left: 8px; padding: 2px;
  border: 0;
  color: #a4a2a2;
  border: 1px solid #1b2c36;
  color: #444;
}

div#newsletter div {
  text-align: right;
  margin-right: 5%;
}

div#newsletter input#nletter_submit {
  padding: 1px 3px;
  margin-top: 10px;
  border: 1px solid #999;
  width: 70px; text-align: center;
  cursor: pointer;
}

*+html div#newsletter input#nletter_submit { margin-top: 0;padding-left: 0px;padding-right: 0px; }
* html div#newsletter input#nletter_submit { margin-top: 0;padding-left: 0px;padding-right: 0px; }

div#newsletter div#radio {
  width: 85%;
  margin-left: 25px;
  text-align: left;
}

div#newsletter div#radio input {
  width: auto;
  float: left; border: 0;
  margin: 1px; margin-top: 2px;
}

*+html div#newsletter div#radio input { margin: 0 }
* html div#newsletter div#radio input { margin: 0 }

#newsletter br {
  clear: both;
  height:0; margin: 0; line-height: 0;
}

div#newsletter div#radio label {
  display: block;
  margin-left: 20px;
  cursor: pointer;
}

*+html div#newsletter div#radio label {
  margin-top: 3px;
  margin-left: 25px;  
}
* html div#newsletter div#radio label {
  margin-top: 3px;
  margin-left: 25px;  
}

#skyscrapper {
  position: absolute;
  right: -176px; top: 6px;
}
*+html #skyscrapper { right: -182px }

.rechner #skyscrapper,
.kurzrechner #skyscrapper {
  display: none;
}

#skyscrapper input {
  width: auto;
}

#bookmarks {
  position: relative;
  width: auto;
  margin-top: 20px; padding-left: 6px;
  text-align: left;
}

#bookmarks span {
  position: absolute;
  top: 3px;
  right: 16px;
  background-image: url(../images/icons/drucken.gif);
  background-repeat: no-repeat;
  background-position: 0 2px;
  padding-left: 17px;
}

#bookmarks a { text-decoration: none; }
#bookmarks a:hover, #bookmarks a:active { text-decoration: underline; }

/*
  BLOG
*/
#newsContainer {
  position: relative; z-index: 99999;
  width: 750px; margin-left: -10px;
  background: url(../images/news_bg.jpg) repeat-y;
}

#newsContainer img#newslogo {
  margin: 5px; margin-left: 20px;
}

#newsContent {
  position: relative;
  width: 700px; padding: 15px 25px;
  background: url(../images/news_box_bg.jpg) repeat-y;
}

#newsContent img#news_content_top {
  position: absolute;
  left: 0; top: 0;
}

div#news hr {
	color : #CCC;
	border-color : #CCC;
}

#content div#news div {
  margin: 0 auto;
  text-align: justify;
  line-height: 140%;
}

#content div#news h2,
#content div.news h2 {
  height:42px; color: #23314b;
  padding-top: 5px; margin-bottom: 4px;
}

#content div#news h2 a,
#content div.news h2 a {
  font-size: 13px;
  text-decoration: none;
}

#content div#news h2 a:hover, #content div#news h2 a:active,
#content div.news h2 a:hover, #content div.news h2 a:active  {
  text-decoration: underline;
}

#content div#news h2 span.datum,
#content div.news h2 span.datum {
  display: block; float: left;
  width: 35px; height: 28px;
  padding-top: 14px; margin-right: 10px; margin-top: -5px;
  background-image: url(../images/icons/kalender.jpg);
  background-repeat: no-repeat;
  text-align: center; color: #555; 
  font-family: Tahoma; font-weight: normal;
  text-transform: uppercase;
  line-height: 11px;
}

#content div#news h2 span.datum b,
#content div.news h2 span.datum b {
  font-weight: bold; text-align: center;
  display: block; 
}

#content div#news h2 span.time,
#content div.news h2 span.time {
  display: block;
  font-weight: normal; font-size: 10px;
}

#content div.news strong { font-weight: normal }

#content div.news {
  color: #777; text-align: justify;
  line-height: 140%; width: 550px;
}

#content div.news a {
  color: #1b2c36;
}

a.now:link, a.now:visited {
  display: block; width: 270px;
  margin-top: 10px; margin-bottom: 18px;
  color: #1b2c36;
  font-weight: bold; font-size: 13px;
  text-decoration: none;
}

a.now:active, a.now:hover { text-decoration: underline }

/*
  KURZRECHNER
*/
div#kurzrechnerstrom, div#kurzrechnergas {
  position: relative;
  width: 680px; height: 87px;
  margin-bottom: 10px; padding: 0 20px; padding-top: 20px; padding-left: 40px;
  background: url(../images/stromkurzrechner.jpg);
}

div#kurzrechnergas {
  background-image: url(../images/gaskurzrechner.jpg);
}

div#kurzrechnerstrom h1, div#kurzrechnergas h1 {
  margin-left: 17px; margin-bottom: 12px;
  font-weight: normal; text-transform: uppercase;
}

div#kurzrechnergas h1 { margin-left: 27px }
div#kurzrechnerstrom h1 span, div#kurzrechnergas h1 span {
  color: #FFF;
  text-transform: none;
}

div#kurzrechnerstrom label, div#kurzrechnergas label {
  display: block;
  cursor: pointer; color: #2d3132;
  font-weight: bold;
  padding: 2px; 
}

div#kurzrechnerstrom input, div#kurzrechnerstrom select,
div#kurzrechnergas input, div#kurzrechnergas select {
  width: 120px; margin: 0; color: #2d3132;
}

div#kurzrechnerstrom input.submit_strom, div#kurzrechnergas input.submit_gas {
  cursor: pointer;
  width: 155px; height: 26px;
  border: 0; padding: 0;
  background: url(../images/submit_schnellvergleich.jpg);
}
div#kurzrechnergas input.submit_gas {
  background-image: url(../images/submit_gasvergleich.jpg);
}

div#kurzrechnerstrom img,div#kurzrechnergas img  {
  vertical-align: middle;
}

/* TOOLTIP */
.c24HelpOverlayer {
    position: absolute;
    z-index: 99999999 !important;
    right: 5%;
    top: 30px;
    display: none;
    width: 300px;
    background-color: #ffffff;
    border: 1px solid #1b2c36;
    padding: 0;
    line-height: 1.2em;
    text-align:left;
    color:#000000;
    font-size: 11px;
}
.c24HelpIcon {
    z-index: 99999;
}

.c24HelpLink {
    z-index: 99999;
}

.c24RegisterTable td .c24HelpLink {
}

.c24RegisterTable td .c24HelpIcon {
    position: relative;
}

.c24HelpClose {
    cursor: pointer;
    background: transparent url('http://cdn0-vergleich.check24.de/images/form/styles/standard/close2.gif') no-repeat;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0;
    margin: 3px;
}

.c24HelpPointer {
    position: absolute;
    display:block;
    bottom: -7px;
    background: transparent url('http://cdn0-vergleich.check24.de/images/form/styles/wechseln-green/help_pointer.gif') no-repeat scroll 0 0;
    width: 11px;
    height: 7px;
    right: 0;
}

.c24HelpHeadline {
    text-decoration: none;
    font-weight: bold!important;
    margin: 5px;
}

.c24HelpText {
    margin: 10px 5px 5px;
    font-weight: normal;
}

/*
  ABOUT
*/
div#about {
  width: 440px;
  padding-top: 120px; padding-left: 20px; padding-right: 280px;
  background: url(../images/about.jpg) no-repeat;
  line-height: 19px;
}

/*
  KONTAKT
*/
div#kontakt input,
div#kontakt textarea {
  border: 1px solid #BBB;
  padding: 1px;
  margin: 1px;
  width: 350px;
  font-size: 11px; color: #444;
}

div#kontakt textarea {
  margin-left: 191px;
  height: 130px;
  overflow-x: auto;
  overflow-y: scroll;
}

div#kontakt input#submit {
  width: 60px;
  cursor: pointer;
  margin-left: 295px;
}

#partner { text-align: center }

/*
  BLOG
*/
#content div.blog {
  color: #777; text-align: justify;
  line-height: 140%; 
  padding-left: 20px
}

#content div#blog div {
  margin: 0 auto;
  text-align: justify;
  line-height: 140%;
}

#content div#blog h2,
#content div.blog h2 {
  height:42px; color: #23314b;
  padding-top: 5px; margin-bottom: 4px;
}

#content div#blog h2 a,
#content div.blog h2 a {
  font-size: 13px;
  text-decoration: none;
}

#content div#blog h2 a:hover, #content div#blog h2  a:active,
#content div.blog h2 a:hover, #content div.blog h2  a:active  {
  text-decoration: underline;
}

#content div#blog h2 span.datum,
#content div.blog h2 span.datum {
  display: block; float: left;
  width: 35px; height: 26px;
  padding-top: 16px; margin-right: 10px; margin-top: -5px;
  background-image: url(../images/icons/kalender.jpg);
  background-repeat: no-repeat;
  text-align: center; color: #555; 
  font-family: Tahoma; font-weight: normal;
  text-transform: uppercase;
  line-height: 7px;
}

#content div#blog h2 span.datum b,
#content div.blog h2 span.datum b {
  font-weight: bold; text-align: center;
  display: block; 
}

#content div#blog h2 span.time,
#content div.blog h2 span.time {
  display: block;
  font-weight: normal; font-size: 10px;
}

#content div.blog strong { font-weight: normal }

#content div.blog a {
  color: #1b2c36;
}

#content hr {
  margin: 20px 0;
}

/*
  Strom- / Gasrechner
*/
div#stromrechner, div#gasrechner {
  width: 740px; height: 168px;
  background: url(../images/stromrechner.jpg) no-repeat;
}
div#gasrechner { background-image: url(../images/gasrechner.jpg); }

div#stromrechner ul, div#gasrechner ul, div#stromrechner ul li, div#gasrechner ul li {
  margin: 0; padding: 0;
  list-style-type: none;
  font-weight: bold;
}

div#stromrechner ul, div#gasrechner ul {
  padding-left: 76px; padding-top: 18px;
}

div#stromrechner ul li, div#gasrechner ul li {
  padding: 7px 0;
}

div#stromrechner ul li h1, div#gasrechner ul li h1 {
  padding-left: 15px; font-size: 13px;
  margin-bottom: 13px; 
}

div#stromrechner ul li.blue, div#gasrechner ul li.blue {
  color: #0074ff;
}

div.rechner {
  width: 720px
}

div#stats {
  position: absolute;
  left: -10000px; top: -10000px;
}

/* LISTS */
  div#floatList ul { width: 280px; float: left; }
  div#letters { padding-left: 53px; height: 22px; }
  div#letters a:link, div#letters a:visited { color: #1b8ec7; font-size: 14px; display: block; float: left; padding: 2px 4px; }
  div#letters a.active:link, div#letters a.active:visited, div#letters a:hover, div#letters a:active { text-decoration: none; background: #1b8ec7; color: #FFF; }
  .clear:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }