/* 
    Document   : styles
    Created on : 21.07.2008
    Author     : Veronika Pippan
    Description: ZeitSaver
*/

/* GLOBAL STYLES
================================================================*/
 *{ margin:0; padding:0; }
 html{background:#fff; color:#000; font-family: lucida grande, verdana, arial, helvetica, sans-serif; height:101%; }
 body{text-align:center; font-size:62.5%;}
 input, textarea {padding:2px; font-family: lucida grande, verdana, arial, helvetica, sans-serif; font-size:1.0em;}
 h2{font-size:1.8em;}
 p{font-size:1.3em; margin-bottom:10px; line-height:1.5em;}
 
 
 /* Float clearing workaround also working on Mozilla */
 .clearer {clear:both; height:1px; overflow:hidden; margin-top:-1px; }
 * html .clearer { margin-top:0; }
 .clearfix:after { content: ".";  display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
 .clearfix {display: inline-table;}

/* Hides from IE5/Mac \*/
 * html .clearfix {height: 1px;}
 .clearfix {display: block;}
/* End hide from IE5/Mac */


/* LAYOUT STYLES
================================================================*/
#general_wrap{position:relative; margin:auto; width:1000px; }
#main{position:relative; margin:auto; width:980px; text-align:left;}
#content{position:relative; margin:auto; min-height:100%; width:940px; padding:20px 0 10px; text-align:left;}
#content h1{margin:0 0 30px 0; font-weight:normal; font-size:2.5em;}


/* Navigation
================================================================*/
#nav{position:relative; width:980px; height:64px; margin:auto;}
#nav h1.logo {text-indent:-999em; overflow:hidden; background: url(/images/zeitsaver_logo.gif) no-repeat; width:240px; height:64px; margin-left:20px; top:0px; display:inline; float:left;}
#nav ul{position:relative; float:right; list-style:none; margin-right:20px; top:30px; font-size:1.5em; font-weight:bold;}
#nav li{float:left; margin-right:9px; display:inline;}
#nav li a{height:100%; color:#b0280e;}

/* Teaser 
=================================================================*/
#teaser_wrap {background:#7dc3cc url(/images/bg_teaser.gif) repeat-x;} 
#teaser_wrap_schmal {background:#7dc3cc url(/images/bg_teaser_schmal.gif) repeat-x;} 
#teaser_start{width:980px; height:255px; margin:auto; }
#teaser_text_start{width:460px; height:212px; float:left; top:20px; left:20px; position:relative;}
#teaser_text_start h1{text-indent:-999em; background: url(/images/teaser_text_1.gif) no-repeat; width:460px; height:212px; overflow:hidden;}

#teaser_preise{width:980px; height:180px; margin:auto;}
#teaser_text_preise{width:435px; position:relative; top:30px; margin:auto;}
#teaser_text_preise h1{text-indent:-999em; background: url(/images/teaser_text_2.gif) no-repeat; width:435px; height:99px; overflow:hidden;}



#teaser_text h2{font-size:2.2em; font-weight:normal; color:#fff;}
#teaser_text h3{font-size:1.7em; font-weight:normal; color:#000; margin: 20px 0 20px 0;}
#teaser_screens_start{width:480px; height:220px; float:right; position:relative; right:20px; top:10px; }


/* Startseite
=========================================================== */
div.col1{float:left; width:720px;}
div.col2{float:left; width:220px; }
div.col1 div.box{float:left; display:inline; width:310px; padding:0 30px 0 20px;}
div.col1 div.box_2{width:670px; margin:auto; color:#4c4c4c; border:1px solid #acc897; background:#f4ffec;; padding:10px; text-align:center;}
div.col1 div.box_2 p.online{font-size:2.2em; margin:0; padding:0;}
div.col1 div.box_2 p{font-size:1.4em;}
div.col1 div.box_2 a:link, div.col1 div.box_2 a:visited {color:#b0280e;}
div.col1 img{margin:0 8px 0px 0;}
div.col1 h2{font-size:2.0em; font-weight:normal; margin:30px 0 10px 0;}
div.col1 h2.first {margin-top:0;}
div.col1 div.box p{margin:20px 0 15px 0; line-height:1.6em; font-size: 1.4em;}
div.col1 img.testimonial{}
div.col1 h3#testimonial_ba{background: url(/images/testimonial_ba.gif) no-repeat; text-indent:-999em; overflow:hidden; width:670px; height:180px; margin:20px 0 10px 20px; }

div.teaser_box{width:200px; position:relative; border:1px solid #dfc07d; padding:10px; background:#ffe8b6; margin-bottom:35px;
        voice-family: "\"}\""; voice-family: inherit; width:198px;} /*für IE6*/
div.teaser_box img.gratis{margin:0px 10px 3px 0; float:left; border:1p solid;}
div.teaser_box p{padding:0; margin:0; font-size:1.35em;}
div.teaser_box p.price_tag{ padding-right:80px;}
div.teaser_box p.gratis{padding-top:0px;}
div.teaser_box h3{font-size:1.4em; padding-left:50px; background: url(/images/icons/neu.gif) 0 8px no-repeat; line-height:1.5em; margin-bottom:2px; }
div.teaser_box a:link, div.teaser_box a:visited{color:#b0280e; font-weight:bold;}
div.teaser_box table.paypal{margin:auto; margin-bottom:10px;}
div#price_tag{position:absolute; top:-19px; right:-9px; top/**/:-20px; width:122px; height:86px;text-indent:-999em; overflow:hidden;  background: url(/images/price_tag.gif) no-repeat;}

ul#features {list-style:none; margin-top: 20px;}
ul#features li {background: url(/images/icons/star.png) 0 2px no-repeat; padding-left:25px; margin:12px 0 6px 0; font-size: 1.4em; line-height:1.35em; }
ul#features li a:link {color:#b0280e;}

/** Preise 
========================================================== */
div.plan{float:left; width:220px; margin-bottom:20px; display:inline;  }
div.spacer{float:left; width:20px; display:inline;}
div.plan h2{font-weight:normal; padding:5px 0 5px 5px; font-size:2.0em; text-align:left; background:#fff2cb; border-top:1px solid #dfc07d; border-right:1px solid #dfc07d; border-left:1px solid #dfc07d;}
div.plan p{font-size:1.3em; line-height:1.4em; font-weight:normal; text-align:left;}
div.plan p.freetrial{ color:#b0280e;  font-weight:bold; text-align:center; }
div.plan div.wrap {border:1px solid #dfc07d; padding:5px 5px 10px 5px ;}
div.plan div.wrap img{float:right; border:0; margin:10px 3px 0 0px;}
div.plan div.price{position:relative; float:left; display:inline; font-size:1em; text-align:center;}
div.plan div.price span{font-size:2.0em; margin-top:4px;}
div.plan div.price span.monthly{position:relative; font-size:0.45em; line-height:1.2em; margin-top:5px; display:block; padding-left:4px; text-align:left;}
div.plan ul{float:right; position:relative; list-style:none; margin:5px 15px 0 0; font-size:1.2em;}
div.plan li{margin:4px 0 4px 0;}
div.plan li a{color:#b0280e; background:url(/images/icons/doppel_pfeil.gif) 0 5px no-repeat; padding-left:10px;}

div.price_col{float:left; width:450px; margin-bottom:30px;}
div.price_colspacer{float:left; width:40px;}
h2.price_info{margin:30px 0 8px 0; font-weight:normal; font-size:2.0em;}
p.price_info{line-height:1.5em;}

/** Registrierung 
================================================================ */
div.reg_wrap{border:1px solid #acc897; background:#f4ffec; padding:15px; width:910px; margin-bottom:30px;}
div.reg_wrap h2{font-size:1.6em; font-weight:bold; margin-bottom:15px;}
div.reg_wrap h3{font-size:1.4em; font-weight:bold; margin:15px 0 5px 0;}
div.reg_wrap a{color:#e97f02; font-weight:bold;}
div.reg_wrap label, div.reg_wrap input {float:left; margin:0 0 5px 0; font-size:1.3em;}
div.reg_wrap label{ padding:4px 10px 0 0; margin-top:10px;}
div.reg_wrap label.zugang{clear:left; width:110px; margin-bottom:0;}
div.reg_wrap input.subdomain{width:100px; margin-top:10px; padding:0 0 0 2px;}
div.reg_wrap input.zugang{width:200px; margin:10px 0 0 0; padding:0 2px 0 2px;}
div.reg_wrap span{ font-weight:bold; }
div.reg_wrap span.domain_highlight{background:#feffc0; padding:4px;}
div.reg_wrap span.domain{font-size:1.2em; background:none;}
div.reg_wrap table{margin:10px 0 0 10px;}
div.reg_wrap td{font-size:1.5em; padding:2px 5px 2px 0; font-weight:bold;}
div.reg_wrap td span{font-size:0.8em; font-weight:normal;}
div.reg_wrap td label, div.reg_wrap input{margin:0; padding:0;}
div.reg_wrap input.radiobutton{}
div.reg_wrap div.checkbox{float:left; height:30px;}
div.reg_wrap input.checkbox{margin-right:5px;}
div.reg_wrap span#domain_available{float:left; width:550px; margin:2px 0 0 25px; padding-left:5px; text-indent:-20px;}
div.reg_wrap span#domain_available img{position:relative; top:4px; margin:4px 4px 0 0;}
input.submit{ font-size:1.4em; margin:0 0 50px 360px; width:220px; height:38px;}

/* Fehler Meldungen 
=====================================================================  */
div.reg_wrap p.error{clear:left; font-size:1.2em; color:#b0280e; margin:0;}
div.reg_wrap input.subdomain_error{width:100px; margin-top:10px; padding:0 0 0 2px; background:#ffc4b9; }
div.reg_wrap input.zugang_error{width:200px; margin:10px 0 0 0; padding:0 2px 0 2px; background:#ffc4b9;}


/** Details 
===================================================================== */
div.details{margin-bottom:30px;}
div.details a:link, div.details a:visited{color:#b0280e;}
div.details p{padding:2px 0 5px 10px; margin:0;}
div.details span{font-size:0.8em;}
div.details ul#features {list-style:none; font-size:1.3em; margin:0 0 50px 20px;}
div.details ul#features li{background: url(/images/icons/star.png) 0 4px no-repeat;  padding-left:25px; margin:5px 0 5px 0; line-height:1.5em;}
div.details h2.details{margin:15px 0 5px 0; font-weight:normal; font-size:2.0em;}
div.details h3{font-size:1.6em; margin:20px 0 2px 0; font-weight:normal; padding-top:10px;}
div.details ul{font-size:1.3em; margin-left:10px; list-style:none;}
div.details ul ul{ font-size:1.0em; list-style:square; margin:0 0 5px 15px;}
div.details li{padding:2px 0 2px 0px; margin:0;}
div.details li li{margin-left:10px;}

/** Screenshots
==================================================================== */
h2.screen {text-align:center; font-size:2.0em; margin:20px 0 0 0px; font-weight:normal;}


/** FAQ
==================================================================== */
ul#faq{list-style:none; }
ul#faq li{background: url(/images/icons/star.png) 0 2px no-repeat;  padding-left:25px; margin:6px 0 6px 10px;}
ul#faq li.headline{background:none; padding-left:0px; margin:6px 0 12px 0;}
ul#faq li h2{font-size:2.2em; font-weight:normal; margin:0 0 3px 0;}
ul#faq li h3{font-size:1.8em; font-weight:normal; margin:0 0 3px 0;}
ul#faq li p{ padding-bottom:20px; }
ul#faq li a:link{color:#b0280e;}


/** Impressum
===================================================================== */
div.col3{width:300px; float:left; margin-bottom:30px;}
div.col3 a:link, div.col3 a:visited{color:#b0280e;}


/** Datenschutz
====================================================================== */
div.datenschutz {margin-bottom:40px;}
div.datenschutz h2{font-size:1.8em; font-weight:normal; margin:30px 0 5px 0;}
div.datenschutz ul {font-size:1.3em; margin:0 0 20px 25px; }
div.datenschutz li{line-height:1.5em;}
div.datenschutz em{margin:5px 30px 5px 20px; padding:5px; display:block; border:1px dashed #818181; background:#e8e8e8;}

/** Fußzeile
===================== */
#footer_wrap{background:#3098a5; padding:25px; color:#fff;}
#footer{position:relative; width:980px; margin:auto; font-size:1.2em; line-height:1.3em; text-align:center; font-weight:normal; color:#f7f7f7;}
#footer a{font-weight:normal; color:#fff; }
img.ilink{border:0;}