/*** 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;}
fieldset {padding:.5em;}
img {border:0;}

/*** Generelles ***************************************************************/
/******************************************************************************/
body {font-family:Helvetica, Arial, Verdana sans-serif;font-size:100%;color:#333;}
body.home {background:url(../../images/skyline_big.gif) repeat-x center top;}
body.innen {background:url(../../images/skyline_small.gif) repeat-x center top;}
h1, h2, h3, h4, h5, h6 {font-family:Helvetica, Arial, Verdana sans-serif;font-weight:normal;color:#7b8d9d;text-transform:uppercase;}
a {text-decoration:underline;color:#6f8294;outline:none;}
a:hover {text-decoration:none;color:#485b6c;}
a.button {display:inline-block;margin:20px 0 0 0;padding:1px 10px;background:#e5ebf1;border:1px solid #e5ebf1;font-size:11px;color:#374859;text-decoration:none;}
a.button:hover {background:none;border-color:#ccc;}

/* Formulare **************/
input, select, textarea {margin:5px 0;padding:7px 10px;background:#fafafa;border:1px solid #ccc;border-top:1px solid #999;width:400px;color:#999;font-size:12px;font-family:Helvetica, Arial, Verdana sans-serif;}
input:hover, select:hover, textarea:hover {border:1px solid #999;}
input:focus, select:focus, textarea:focus {background:#fff;border:1px solid #999;color:#333;}
input {width:300px;}
textarea {width:500px;}
select {width:322px;height:33px;padding:7px;border:1px solid #ccc;border-top:1px solid #999;}
select .option {padding:3px;position:relative;}
.submit {width:150px;margin:20px 0 0 0;background:#e5ebf1;border:1px solid #e5ebf1;cursor:pointer;color:#374859;}
.submit:hover {background:none;border:1px solid #ccc;}

/* Nützliche Classes **************/
.fl {float:left;}
.fr {float:right;}
.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}
.trenner-klein {margin:5px 0 0 0;}
.trenner-mittel {margin:10px 0 0 0;}
.trenner-gross {margin:20px 0 0 0;}
.trenner-groesser {margin:40px 0 0 0;}
.trenner-riesig {margin:60px 0 0 0;}
.trenner-line {margin:10px 0;border-top:1px dotted #ccc;}
.nobr {white-space:nowrap;}
.hide {display:none;}

/* Umschließt alles (ausser .footer) **************/
.wrapper {margin:0 auto;padding:0;width:820px;}



/*** Header *******************************************************************/
/******************************************************************************/
.home .header {height:430px;margin:0 0 20px 0;text-align:center;}
.innen .header {height:190px;margin:0 0 50px 0;}
.header .trenner {clear:both;height:3px;margin:0;background:url(../../images/trenner_head.gif) repeat-x;}

/* Logo **************/
.header h1 {margin:0;float:right;text-indent:-999em;}
.header h1 a {width:96px;height:26px;padding:20px 40px 0 40px;display:block;background:url(../../images/logo.gif) no-repeat center bottom;border-top:5px solid #e9f2f9;}
.header h1 a:hover {border-color:#fff;}

/* Navigation **************/
.nav {float:left;margin:22px 0;}
.nav a {float:left;padding:9px 25px;line-height:6px;font-size:11px;font-weight:bold;text-transform:uppercase;text-decoration:none;text-shadow:0 1px 0 #eff7ff;}
.nav a.aktiv, .nav a.aktiv:hover {color:#333;}

/* Sprachswitcher **************/
.header .sprache {float:left;margin:0 0 0 25px;text-indent:-999em;}
.header .sprache a {float:left;width:61px;height:24px;display:block;padding:0;background:url(../../images/sprache.gif) no-repeat;}
.header .sprache a.de, .header .sprache a.en:hover {background-position:top center;}
.header .sprache a.en, .header .sprache a.de:hover {background-position:bottom center;}

/* Headline + Tower **************/
.home .header h2 {display:block;margin:23px 0 0 0;font-size:36px;line-height:42px;text-align:center;letter-spacing:3px;color:#48657c;text-shadow:0 1px 0 #eff7ff;}
.home .header .tower {position:relative;top:18px;margin:0 auto;}
.innen .header .tower {position:relative;top:30px;margin:0 3px 0 0;float:right;}



/*** Content ******************************************************************/
/******************************************************************************/
.content {margin:0 0 80px 0;font-size:12px;line-height:18px;}
.content img {padding:2px;border:1px solid #ccc;}
.content h2 {margin:0 0 18px 0;font-size:28px;line-height:35px;color:#333;}
.content h3 {margin:0;font-size:26px;line-height:32px;color:#333;}
.content h4 {margin:0 0 20px 0;font-size:18px;line-height:25px;}
.content h5 {margin:50px 0 10px -2px;font-weight:bold;font-size:17px;line-height:25px;color:#333;}
.content i {font-size:13px;line-height:22px;}
.content ul.check {margin:0 0 20px 0;list-style:none;}
.content ul.check li {display:inline-block;margin:15px 0 0 -30px;padding:0 0 0 30px;background:url(../../images/tick.gif) no-repeat 0 2px;}

/*** PV ***********************************************************************/
/******************************************************************************/
.pv a.button {margin:0;}
.pv .header {height:75px;margin:0 0 30px 0;background:#d3dee8;}
.pv .header h1.pv a {width:159px;height:26px;padding:20px 40px 0 40px;display:block;background:url(../../images/logo-pv.gif) no-repeat center bottom;border-top:5px solid #e9f2f9;}
.pv .header a.button {margin:10px 0 0 0;background-color:#72899C;border:none;color:#fff;}
.pv .content h2 {margin:40px 0 10px 0;padding:15px 0 0 0;font-size:18px;line-height:25px;color:#7b8d9d;background:url(../../images/trenner_main.gif) repeat-x top center;}
.pv .loginbox {margin:50px auto 0 auto;width:450px;padding:40px 0 50px 60px;border:1px dotted #ccc;}
.pv .loginbox h2 {margin:0 0 20px 0;padding:0;background:none;}



/* Home **************/
.container-left, .container-center, .container-right {float:left;width:240px;padding:0 15px 0 0;}
.container-center {width:270px;padding:0 15px;text-align:center;font-size:14px;line-height:23px;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.container-right {padding:0 0 0 15px;text-align:right;}

/* Sidebar **************/
.sidebar {width:220px;float:left;padding:0 20px 0 0;}
.sidebar input {margin:10px 0 0 0;width:100%;}
.sidebar .submit {width:120px;padding:3px;}

/* Main **************/
.main {width:540px;float:right;margin:0 0 0 20px;line-height:20px;color:#333;}
.main ul.check li {display:block;margin:10px 0 0 0;line-height:17px;color:#33597e;}
.main .einleitung {margin:0 0 20px 0;line-height:23px;font-size:14px;color:#33597e;}
.main .einleitung i {font-style:normal;font-size:100%;color:#000;}
.main .box {padding:20px 0;background:url(../../images/trenner_main.gif) repeat-x top left;}
.main .box img {margin:-10px 0 0 20px;padding:0;border:none;}
.main .box p {margin:0 0 10px 0;}
.main .box a.button {margin:10px 0 5px 0;}
.main .box .more {margin:20px 0 0 0;}
.main .more p {margin:0;}

#map_canvas {width:100%;height:500px;font-size:11px;line-height:17px;} /* GoogleMaps Container */
.googledir img {padding:5px 0 5px 5px;border:none;}


/*** Footer *******************************************************************/
/******************************************************************************/
.footer {clear:both;padding:15px 0;background:url(../../images/footer_line.gif) repeat-x top center #d3dee8;font-size:10px;text-transform:uppercase;color:#848f98;}
.footer-content {width:820px;margin:0 auto;}
.footer-content a {padding:10px 10px;text-decoration:none;}

.footer-content .pvlogin input {width:103px;margin:0 0 20px 0;padding:5px;font-size:10px;background:#ebf4fb;border:1px solid #c3d1de;border-top:1px solid #94a2af;color:#94a2af;}
.footer-content .pvlogin input:focus {color:#485b6c;background:#f9fcff;}
.footer-content .pvlogin input.submit {width:33px;margin:0;font-weight:bold;border:none;background-color:#d3dee8;color:#848f98;}
.footer-content .pvlogin input.submit:hover {color:#485b6c;}

.footer-content .menu {margin-top:28px;}

/* Sprachswitcher **************/
.footer .sprache {float:right;margin:5px 0 0 10px;text-indent:-999em;}
.footer .sprache a {width:61px;height:24px;display:block;padding:0;background:url(../../images/sprache.gif) no-repeat;}
.footer .sprache a.de, .footer .sprache a.en:hover {background-position:top center;}
.footer .sprache a.en, .footer .sprache a.de:hover {background-position:bottom center;}