body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}ol,ul,li{list-style:none;list-style-position:outside}a img{border:0}.clear{clear:both}.hidden{display:none}

hr {border: 1px dotted #333; margin: 30px 0;}
body {background-color:#fff; font-family: 'Droid Sans', sans-serif; color: #333;}

.main {width: 920px; margin: 0 auto;}

#header {padding: 15px 0;}
#teaser {height:550px; background: url(http://static.ohnekekse.de.s3.amazonaws.com/img/business/bg1.png) repeat-x; padding: 50px 0 0 0;}
#jetztanmelden {height:1000px; background: url(http://static.ohnekekse.de.s3.amazonaws.com/img/business/bg1.png) repeat-x; padding: 50px 0 0 0;}
#infoheader { background: url(http://static.ohnekekse.de.s3.amazonaws.com/img/business/bg1.png) repeat-x; padding: 50px 0 0 0;}

#wie {background: url(http://static.ohnekekse.de.s3.amazonaws.com/img/business/bg2.png) repeat-x; text-align: center; padding: 40px 0;}
#wo {background: url(http://static.ohnekekse.de.s3.amazonaws.com/img/business/bg3.jpg) repeat-x; height: 570px;}
#footer {background-color: #111; padding:45px 0;}

#header .kontakt {float:right; text-align:right; margin:20px 20px 0 0; color: #888;}
#header .kontakt span { color: #333;}
#header .kontakt a, #anmeldebox a, #info a {color: #ff6600; text-decoration: none;}
#form {width: 330px;}
#form ul { margin: 35px 0;}
#form li {background: url(http://static.ohnekekse.de.s3.amazonaws.com/img/business/check.png) no-repeat 0 3px; padding-left: 30px; font-size: 19px; line-height: 25px; color: #777;}
#form li.trenner {border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px;}

#gruende {float:right; width:355px; height: 730px; padding: 25px 75px 0 0; text-shadow: 1px 1px 0px #ffffff;}
#gruende ul { margin: 30px 0 40px;}
#gruende li {background: url(http://static.ohnekekse.de.s3.amazonaws.com/img/business/check.png) no-repeat 0 3px; padding-left: 30px; font-size: 22px; color: #777;}
#gruende li.trenner {border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px;}
#gruende small {font-size: 14px;}

.bekannt {margin-top: 55px;}

#anmeldebox {background:url(http://static.ohnekekse.de.s3.amazonaws.com/img/business/bg-anmelden.png) no-repeat; padding:35px 0 0 35px; width:920px; height: 1000px;}
blockquote {font-family: Georgia, serif; font-style: italic; font-size: 14px; line-height: 18px;}
.autor {color: #777; font-size: 13px; margin-bottom: 25px;}
cite {font-style: normal;}
#formular {width:420px;}
#zitate {margin:40px 0; text-align: center;}
#siegel {margin-left: 90px;}

small {color: #777; margin-top: 5px;}
h1 {font-size: 34px; font-weight: normal; line-height: 35px;}
h2, h3 {font-size: 34px; font-weight: normal;}
h2 { margin-bottom: 50px;}
h3 {color: #fff; margin-bottom:30px;}
#anmelden h1, #anmelden h2 {text-align: center;}
#anmelden h2 {font-size: 28px; color: #888; margin-bottom: 25px;}
#bilder {height: 342px; width: 546px; background: url(http://static.ohnekekse.de.s3.amazonaws.com/img/business/teaserbg.png) no-repeat; float: right;}
#bilder img {margin:0 0 0 18px;}

#wie ol {margin: 20px 0 360px 0;}
#wie ol p {font-size: 15px; margin-top: 15px;}
#wie li {width: 266px; text-align: center; float: left;}
#wie .next {width: 40px; height: 7px; background: url(http://static.ohnekekse.de.s3.amazonaws.com/img/business/wie/punkt.png) no-repeat; display: block; margin: 100px 10px 0 10px;}
#wie a {color: #ff6600; font-weight: bold;}
#wo li {height: 108px; width: 522px; margin-bottom: 20px; display: block;}
#wo li a {background: url(http://static.ohnekekse.de.s3.amazonaws.com/img/business/reiter.png) no-repeat; height: 108px; width: 522px; display: block; text-indent: -9999px; opacity: 0.3;}
#wo a:hover{opacity: 1!important;}
#wo .apps {background-position: 0 -127px;}
#wo .plazaa {background-position: 0 -255px;}

#wo .activeSlide a.suchen {background-position: -645px 0px!important; opacity: 1;}
#wo .activeSlide a.apps {background-position: -645px -128px!important; opacity: 1;}
#wo .activeSlide a.plazaa {background-position: -645px -255px!important; opacity: 1;}
#reiter {position:absolute; margin-top:70px;}

#iphone {background: url(http://static.ohnekekse.de.s3.amazonaws.com/img/business/iphone.png) no-repeat; width: 337px; height: 535px; position:absolute; margin:35px 0 0 588px;}
#iphone img {padding: 132px 0 0 27px;}

#infos {width: 570px; color: #eee; font-size: 15px; line-height: 21px; background: url(http://static.ohnekekse.de.s3.amazonaws.com/img/business/pfeil.png) no-repeat 480px 18px;}
#infos p {width: 475px;}
#infos small {color: #999;}

#clock {position:absolute; width: 50px; font-family:Helvetica, Arial, sans-serif; font-size:11px; font-weight:bold; color:#111; text-shadow:1px 1px 0 #f1f1f1; margin: 152px 0 0 743px; z-index: 999;}

#footer .registrieren {float:right;}
#footer ul {width:200px; float:left; color:#555; font-size:13px; line-height: 17px;}
#footer ul strong {color:#f1f1f1;}
#footer li a {color:#555; text-decoration: none;}

#kontakt li {background: url(http://static.ohnekekse.de.s3.amazonaws.com/img/business/kontakt.png) no-repeat; padding-left: 15px;}
#footer .headline {background: none;}
#footer .fon {background-position: 0 4px;}
#footer .mail {background-position: 0 -24px;}
#footer .callback {background-position: 0 -54px;}

#footer #branchen {width: 100%; margin-bottom: 20px;}
#footer #branchen li {width:145px; height:84px; background:url(http://static.ohnekekse.de.s3.amazonaws.com/img/business/branche/bg.png) no-repeat; text-align:center; padding-top:15px; float: left; margin-right: 10px; color: #fff;}
#footer #branchen li.last {margin-right: 0!important;}
#footer #branchen a {display: block; text-decoration: none;}
#footer #branchen a:hover {color:#fff; text-decoration: none;}
#footer #branchen li:hover {background-position: 0 -116px;}
#footer .logo {opacity: 0.3;}
#footer .logo:hover {opacity: 1;}

#nav {position: absolute; margin: 355px 0 0 625px;}
#nav a { height: 10px; width: 10px; display: block; float: left; text-indent: -9999px; font-size: 9px; margin-right: 5px; background: #ccc; color: #ccc; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  }
#nav a.activeSlide { background: #444; color: #444; }
#nav a:focus { outline: none; }

#navi {position: absolute; margin: 350px 0 0 392px;}
#navi li { display: block; float: left; margin-right: 6px; opacity: 0.2; }
#navi li.activeSlide { opacity: 1!important; }
#navi a:focus { outline: none; }

.button:hover {position: relative; top:1px;}

#info p, #info h1, #infoheader li {margin-bottom: 20px;}
#infoheader li {margin-left: 30px; list-style-type: disc;}
#subnavi {float:right; width:100px; background-color:#fff; border-radius:5px; padding:10px 30px;}
#subnavi li {margin: 0px; list-style-type: none;}