body {font-family: "HelveticaNeue-Light", "Helvetica Neue Light",sans-serif;}

.header {}
.logo {margin-top: 15px;}


.headergrafik {margin-top: 20px; margin-bottom: 0px; position: relative;}
.headergrafik img{border-bottom: 5px solid #434343;}
.startseite .headergrafik {margin-bottom: 20px;}
.startpage .headergrafik img {border: none; margin-bottom: 20px;}

.navigation {}
.navigation ul {margin: 0px 0px 0px 20px; padding: 0px 0px 0px 2px; list-style: none; height: 125px; background: #ffffff url(../img/gerstacker_navigation_bg.gif) bottom left no-repeat;}
.navigation ul li {margin: 0; padding: 0; display: inline;}
.navigation ul li a {display: block; float: left; padding: 95px 6px 12px 6px; color: #232434; text-decoration: none; font-size: 13px; background: #ffffff url(../img/gerstacker_navigation_bg.gif) bottom right no-repeat;}
.navigation ul li a:hover {display: block; float: left; padding: 86px 6px 17px 6px; color: #232434; text-decoration: none; font-size: 13px; background: #ffffff url(../img/gerstacker_navigation_bg.gif) bottom right no-repeat; border-bottom: 3px solid #ccb754;}
.navigation ul li.rex-current a {display: block; float: left; padding: 91px 6px 12px 6px; color: #232434; text-decoration: none; font-size: 13px; background: #ffffff url(../img/gerstacker_navigation_bg.gif) bottom right no-repeat; border-bottom: 3px solid #ccb754;}
.navigation ul li.rex-current a:hover {display: block; float: left; padding: 86px 6px 17px 6px; color: #232434; text-decoration: none; font-size: 13px; border-bottom: 3px solid #ccb754;}

.navi2nd ul {list-style: none; margin: 0; padding: 0; clear: both; margin-bottom: 45px;}
.navi2nd ul li {margin: 0; margin-left: 10px; padding: 0;}
.navi2nd ul li a{display: block; background:url(../img/gerstacker_pfeile.gif) top left no-repeat; padding: 3px 10px 3px 30px; margin: 0px; margin-bottom: 6px; color: #434343; text-decoration: none; overflow: hidden;}
.navi2nd ul li a:hover, .navi2nd ul li a.rex-current, .navi2nd ul li a.rex-current:hover{display: block; background: #434343 url(../img/gerstacker_pfeile_hover.gif) top left no-repeat; padding: 3px 10px 3px 30px; margin-bottom: 6px; color: #fff; text-decoration: none;}

a.back{display: block; background:url(../img/gerstacker_pfeileback.gif) top left no-repeat; padding: 3px 10px 3px 30px; margin: 0px; margin-bottom: 6px; color: #434343; text-decoration: none; overflow: hidden; width: 30%; float: left;}
a.back:hover, .navi2nd ul li a.rex-current, .navi2nd ul li a.rex-current:hover{display: block; background: #434343 url(../img/gerstacker_pfeileback_hover.gif) top left no-repeat; padding: 3px 10px 3px 30px; margin-bottom: 6px; color: #fff; text-decoration: none;}

a.next{display: block; background:url(../img/gerstacker_pfeile.gif) top left no-repeat; padding: 3px 10px 3px 30px; margin: 0px; margin-bottom: 6px; color: #434343; text-decoration: none; overflow: hidden; width: 50%; float: right;}
a.next:hover, .navi2nd ul li a.rex-current, .navi2nd ul li a.rex-current:hover{display: block; background: #434343 url(../img/gerstacker_pfeile_hover.gif) top left no-repeat; padding: 3px 10px 3px 30px; margin-bottom: 6px; color: #fff; text-decoration: none;}


.content { background: #fff; margin-top: 60px; margin-bottom: 60px; border-bottom: 5px solid #434343; margin-top: 0px;}
.content h2 {font-weight: normal; color: #ccb754;}
.content h3, .content h4, .content h5, .content h6 {font-weight: normal; color: #ccb754;}
.content h3.ui-accordion-header { margin: 10px 0px; font-size: 14px; color: #333; font-weight: bold; padding-right: 50px; padding-bottom: 5px; border-bottom: 1px dotted #eee;}
.content h3.ui-accordion-header:hover { background: url('../img/pfeil.gif') right center no-repeat; padding-right: 50px; padding-bottom: 5px; border-bottom: 1px dotted #eee;}
.content a { color: #434343; text-decoration: none; border-bottom: 1px dotted #434343}
.content a:hover { color: #ccb754; text-decoration: none; border-bottom: 1px solid #ccb754;}

.footer {color: #fff;}
.footer h2 {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif; color: #ccb754; font-weight: normal;}
.footer h3 {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif; color: #ccb754; font-weight: normal;}
.footer a {text-decoration: none; color: #fff;}

.kontakt {border-right: 1px solid #333; height: 400px;}

.sitemap {position: relative; }
.sitemap ul { padding-top: 0px;}
.sitemap ul li {display: block; width: 200px; float: left; margin: 0; margin-bottom: 16px; padding: 0; }
.sitemap ul li ul {margin-top: 4px;}
.sitemap ul li ul li {display: block; width: 200px; float: left; margin: 0; margin-bottom: 8px; padding: 0; line-height: 1.2em;}
.sitemap ul li ul li::before, .sitemap ul li ul li:before {content: "» "; display: inline;}
.sitemap ul li:hover a{text-decoration: underline;}

.keyviztext {position: absolute; top: 40px; left: 100px;}
.keyviztext h1 {font-family: "HelveticaNeue-Light", "Helvetica Neue Light",sans-serif; font-size: 24px; font-weight: normal; color: #ccb754;}
.keyviztext h1 span {font-family: "HelveticaNeue-Light", "Helvetica Neue Light",sans-serif; font-size: 18px; font-weight: normal; display: block; margin-left: 20px; color: #434343}


#startseiteTabFrame {position: absolute; top: 345px; left: 0; width: 100%;}

#startseiteLinks {position: absolute; top: 0; left: 0px; width: 170px; margin-right: 1px;  margin-top: 25px; background: #242424; height: 123px; margin-left: 40px;}
#startseiteLinks h1 {margin: 20px 0px 0px 10px;;font-weight: normal; font-size: 14px; color: #fff;}
#startseiteLinks h1 span {display: block; margin-left: 10px; font-weight: normal; font-size: 24px;}
#startseite {position: absolute; top: 0; left: 211px; width: 674px; display: block; float: left; position: relative; clear: right;}

#startseite ul { list-style: none; display: block; width: 674px;}
#startseite ul li {margin-left: 0; margin-top: 10px; display: inline;}
#startseite ul li a { display: block; padding: 4px; color: #ccb754; }
#startseite ul li a:hover { background: #242424; color: #ccb754; }

#startseite .list-wrap { color: #fff; background: #242424; padding: 10px; margin: 0; height: 96px; min-height: 96px; width: 679px;}
#startseite .list-wrap .features { min-height: 90px}


#startseite .nav { overflow: hidden; margin: 0;}
#startseite .nav li { float: left; margin: 0 1px 0 0;}
#startseite .nav li.last { margin-right: 0; }
#startseite .nav li a { display: block; padding: 6px 8px; background: #343434; color: white; font-size: 12px; text-align: center; border: 0; text-decoration: none; color: #ccb754; border-top: 2px solid #343434;}

#startseite li a.current,#startseite li a.current:hover { background-color: #242424 !important; color: #ccb754; border-top: 2px solid #ccb754;}
#startseite .nav li a:hover, #startseite .nav li a:focus { background: #242424; border-top: 2px solid #ccb754;}

.product {background: #fff; height: 175px; position: relative; border-bottom: 5px solid #434343; margin: 15px; margin-bottom: 60px;}
.product p {padding: 10px;}
.product p a {text-decoration: none; color: #ccb754;}
.productlink {position: absolute; bottom: 0px; left: 0px; padding: 10px 30px; background: #434343; color: #ccb754; font-size: 16px;text-decoration: none;}

table tr td {border: 2px solid white; background: #eeeeee; padding: 5px;}
table tr.odd td {background: #dedede;}
table even td {background: #eeeeee;}
table thead td {background: #434343; color: #fff;}

table#altersvorsorge {font-size: 12px;}

label.text {width: 80px; display: inline-block;}

input.text{position: absolute; right: 150px; }
select#el_7 {position: absolute; right: 120px; }
select#el_9 {position: absolute; right: 140px; }
.formlabel-betreuer label, .formlabel-versicherungsart label {font-weight: bold;}
.formdate label, label.textarea {font-weight: bold; display: block;}

#accordion {margin-bottom: 48px;}
.ui-accordion-header { cursor: s-resize; border-bottom: 1px solid #999; padding-bottom: 12px; background: url(../img/pfeil.gif) right top no-repeat;}
.ui-accordion-content {margin-bottom: 24px;}

.black { padding: 6px 10px;; width: 850px !important; font-size: 18px;  }

table.asp p {margin: 0 0 6px 0;}