/*** Global White Space Reset *************************************************/
/******************************************************************************/
* {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ol, dl, fieldset, address {margin:1em 0;}
ul, li {margin:0;padding:0;}
form {margin:0;}
img {border:0;}

/*** Generelles ***************************************************************/
/******************************************************************************/
body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%;color:#fff;}
a {text-decoration:none;color:#a2daf3;outline:none;}
a:hover {color:#fff;}
h1, h2, h3, h4, h5, h6 {color:#fff;text-align:left;}

/* Formulare *************************/
input, select, textarea {margin:4px 0;padding:12px;background:#0e2e48;border:1px solid #375f7f;border-bottom:1px solid #61819a;color:#688ca9;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:1.2em;}
input:hover, select:hover, textarea:hover {background:#061d30;}
input:focus, select:focus, textarea:focus {background:#061d30;color:#fff;}
input {width:400px;}
textarea {width:500px;}
select {width:200px;padding:2px;}
.checkbox, .checkbox:hover {width:auto;margin:0 5px 0 0;padding:0;background:none;border:none;}
.rueckruf {margin:15px 0;font-size:1.2em;}
.submit {width:195px;height:39px;display:block;text-indent:-999em;background:url(../../images/button-absenden-trans.png) no-repeat top center;border:none;cursor:pointer;}
.submit:hover {background:url(../../images/button-absenden-trans.png) no-repeat bottom center;}
.submit:active, .submit:focus {background:url(../../images/button-absenden-trans.png) no-repeat 0 -38px;}

/* Nützliche Classes **************/
.fl {float:left;}
.fr {float:right;}
.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}
.trenner-klein {height:5px;}
.trenner-mittel {height:10px;}
.trenner-gross {height:20px;}
.trenner-groesser {height:30px;}
.trenner-riesig {height:50px;}
.big {font-size:1.3em;line-height:1.7em;}

/* Umschliesst alles **************/
body.home {background:url(../../images/background_home.gif) repeat-x #1e4564;}
body.innen {background:#1e4564;}
body.home .wrapper1200 {background:url(../../images/wrapper_home.jpg) no-repeat center top;}
body.innen .wrapper1200 {background:url(../../images/wrapper_innen.jpg) no-repeat center top;}
.wrapper940 {margin:0 auto;padding:0;width:940px;font-size:.8em;line-height:1.7em;}


/*** Header *******************************************************************/
/******************************************************************************/
.header {height:48px;padding:35px 0 10px 0;}
.header h1 {float:left;margin:0;padding:0;text-indent:-999em;}
.header h1 a {width:273px;height:23px;display:block;background:url(../../images/logo-trans.png) no-repeat;cursor:pointer;}
body.innen .header {border-bottom:1px solid #477fab;}

/* Hauptnav **************/
.header ul.hauptnav {float:right;list-style:none;}
body.home .header ul.hauptnav {margin-right:25px;} /* auf Startseite bündig mit Screenshot */
.header ul.hauptnav li {float:left;margin:0 8px;text-indent:-999em;}
.header ul.hauptnav li a {display:block;height:23px;}
.header ul.hauptnav li a:active {margin:1px 0 0 0;}

.header ul.hauptnav li.homenav a {width:53px;background:url(../../images/menu.gif) no-repeat;}      /* Home */
.header ul.hauptnav li.homenav a:hover {background-position:left -23px;}
.header ul.hauptnav li.homenav a.aktiv {background-position:left -46px;}
.header ul.hauptnav li.featuresnav a {width:79px;background:url(../../images/menu.gif) -68px 0;}    /* Features */
.header ul.hauptnav li.featuresnav a:hover {background-position:-68px -23px;}
.header ul.hauptnav li.featuresnav a.aktiv {background-position:-68px -46px;}
.header ul.hauptnav li.preisenav a {width:144px;background:url(../../images/menu.gif) -168px 0;}    /* Sicherheit + Preise */
.header ul.hauptnav li.preisenav a:hover {background-position:-168px -23px;}
.header ul.hauptnav li.preisenav a.aktiv {background-position:-168px -46px;}
.header ul.hauptnav li.kontaktnav a {width:73px;background:url(../../images/menu.gif) -334px 0;}    /* Kontakt */
.header ul.hauptnav li.kontaktnav a:hover {background-position:-334px -23px;}
.header ul.hauptnav li.kontaktnav a.aktiv {background-position:-334px -46px;}
.header ul.hauptnav li.chatnav {margin:0 0 0 10px;}                                                 /* Chat */
.header ul.hauptnav li.chatnav a {width:89px;background:url(../../images/menu.gif) right top;}
.header ul.hauptnav li.chatnav a:hover {background-position:right -23px;}

/* Homebox **************/
.homebox {height:490px;padding:40px 0 30px 0;}
.homebox .left {float:left;width:300px;margin:0 20px 0 0;}
.homebox h2 {margin:10px 0 30px 0;padding:0;text-indent:-999em;}
.homebox h2 a {width:291px;height:104px;display:block;background:url(../../images/h2-vereinfachen-trans.png) no-repeat;}
.homebox .button {margin:30px 0 0 0;text-indent:-999em;}
.homebox .button a {width:298px;height:39px;display:block;background:url(../../images/button-mehr-trans.png) no-repeat;cursor:pointer;}
.homebox .button a:hover {background-position:bottom left;}
.homebox .button a:active {height:40px;}
.homebox .right {float:right;width:608px;}

/* Screenshot Slider (noobSlide) **************/
.homebox .right #sshot {position:absolute;}
.homebox .right #sshot span {display:block;float:left;}
.homebox .right .sshot-mask {position:relative;width:557px;height:480px;margin:0 0 0 25px;overflow:hidden;}
.homebox .right .sshot-controls {position:relative;margin:-280px 0 0 0;}
.homebox .right .sshot-controls span#prev1 {float:left;cursor:pointer;}
.homebox .right .sshot-controls span#next1 {float:right;cursor:pointer;}
.homebox .right .sshot-controls span:active {margin-top:1px;}
.popup {position:absolute;display:none;z-index:50;border-collapse:collapse;} /* BubbleInfo */


/*** Content ******************************************************************/
/******************************************************************************/
.content {font-size:.85em;line-height:1.7em;}
.content h2 {margin-top:60px;font-size:3em;line-height:48px;}
.content h3 {font-size:3em;line-height:33px;}
.content h4 {font-size:1.2em;color:#9ddefd;}
.content .container {float:left;margin:0 20px 40px 0;width:300px;}
.content .container img {margin:0 0 5px 0;border:2px solid #fff;}
.banner-einfuehrung {margin:0;text-indent:-999em;}
.banner-einfuehrung a {width:940px;height:65px;display:block;background:url(../../images/banner-einfuehrung-trans.png) no-repeat top center;cursor:pointer;}
.banner-einfuehrung a:hover {background-position:bottom center;}

.content .box {float:left;width:460px;margin:60px 20px 40px 0;padding:20px 0 0 0;background:url(../../images/box-top.gif) no-repeat;color:#8dc6e1;}
.content .box h5 {margin:0 0 20px 20px;text-laign:left;line-height:24px;font-size:16px;color:#aac57f;}
.content .box p, .content .box ul {margin:0 20px;}
.content .box a {font-weight:bold;}
.content ul.meinungen {font-size:1.1em;list-style:none;}
.content ul.meinungen li {margin:0 0 20px 0;padding:0 0 12px 58px;background:url(../../images/icon-logo-none.gif) no-repeat 0 2px;line-height:1.4em;}
.content ul.meinungen li.hundk {background-image:url(../../images/icon-logo-hundk.gif);}
.content ul.meinungen li.pkm {background-image:url(../../images/icon-logo-pkm.gif);}
.content span.info {font-size:.8em;color:#4e839c;}
.content p.link {text-align:right;}
.content p.box-bottom {height:16px;margin:0;background:url(../../images/box-bottom.gif) no-repeat;}

ul#twitter_update_list {list-style:none;font-size:1.4em;font-style:italic;line-height:1.5em;}
ul#twitter_update_list li {background:url(../../images/icon-twitter-trans.png) no-repeat 0 5px;margin:0 0 20px 0;padding:0 0 0 50px;}
ul#twitter_update_list a.twitter_time {font-size:10px!important;font-style:normal;color:#4e839c;}
ul#twitter_update_list a.twitter_time:hover {color:#fff;}

/* Sidebar **************/
.sidebar {float:left;width:240px;}
.sidebar ul.nav {margin:10px 0 40px 0;list-style:none;font-size:1.3em;}
.sidebar ul.nav li {width:218px;border-top:1px solid #0e2e48;}
.sidebar ul.nav li a {padding:14px 0 14px 10px;display:block;}
.sidebar ul.nav li.aktiv {width:240px;border:none;background:url(../../images/sidebar-active-trans.png) no-repeat center left;}
.sidebar ul.nav li.aktiv a {color:#cff39b;}
.banner-kontakt {width:220px;height:148px;padding:85px 0 0 20px;background:url(../../images/banner-kontakt-trans.png) no-repeat;}
.banner-kontakt a {font-weight:bold;}

/* Main Content **************/
.main {float:right;width:640px;}
.main h3 {margin:0;white-space:nowrap;}
.main .container img.icon {float:left;margin:5px 15px 0 0;border:none;}
.main .bigscreen {margin:20px 0 0 0;}
.main .tariftabelle {margin:40px 0;}


/*** Footer *******************************************************************/
/******************************************************************************/
.footer {clear:both;height:23px;margin:70px 0 20px 0;padding:10px 15px;text-align:center;color:#4e839c;font-size:.85em;}
.footer a {color:#4e839c;text-decoration:underline;}
.footer a:hover {color:#678dab;}
.footer .sep {margin:0 12px;}