body {
	background-color: #FFFFFF;
	margin: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303030;
}

h2, h3 {
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #A4CC38;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h4 {
	margin: 0px;
	padding-top: 12px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
	font-weight: normal;
	color: #7C9827;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h5 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
	color: #7C9827;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #CCCCCC;
}

.clear {
	clear: both;
	font-size: 1px;
}

#info {
	margin-top: -2px;
	margin-left: -2px;
	width: 232px;
}

#header {
    background-image: url(../images/epass.png);
    background-repeat: no-repeat;
    background-position: 10px 0;
    height: 188px;
    padding-top: 45px;
    padding-left: 14px;
}

#info .box-top {
	background-image: url(../images/bg_info_top.gif);
	background-repeat: no-repeat;
	height: 6px;
	font-size: 1px;
}

#info .box-middle {
	background-image: url(../images/bg_info_middle.gif);
	background-repeat: repeat-y;
	padding: 5px 12px;
}

#info .box-bottom {
	background-image: url(../images/bg_info_bottom.gif);
	background-repeat: no-repeat;
	height: 6px;
	margin-bottom: 10px;
	font-size: 1px;
}

#info table {
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 197px;
}

#info td {
	font: normal 12px Arial, Helvetica, sans-serif;
}

.active-step {
	color: #000000;
	font-weight: bold;
}

.inactive-step {
	color: #707070;
	font-weight: bold;
}

b {
	color: #606060;
}

#info td p {
	margin-bottom: 5px;
}

#info td.headline {
	vertical-align: top;
}

#content td.formlabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 5px;
}

#info td.infoicon {
	width: 21px;
	text-align: left;
	padding-left: 1px;
}

#info a {
	color: #303030;
	text-decoration: none;
}

#content {
	margin-left:2px;
	width: 605px;
}

#content a, #details a {
	color: #7C9827;
	text-decoration: none;
}

#content a.mail, #content a.download, #content a.external-link, #content a.external-link-new-window, #content a.internal-link, #content a.internal-link-new-window {
	border-bottom: 1px dotted #303030;
}

#details a.mail, #cdetails a.external-link, #details a.external-link-new-window {
    border-bottom: 1px dotted #303030;
}

#content a.mail, #details a.mail {
	padding-left: 14px;
	background-image: url(../images/envelope.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
}

#content a.download {
	padding-left: 14px;
	background-image: url(../images/download.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
}

#content #content a.external-link, #content a.external-link-new-window, #details a.external-link, #details a.external-link-new-window {
	padding-left: 14px;
	background-image: url(../images/external.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
}

#content a.internal-link, #content a.internal-link-new-window {
	padding-left: 14px;
	background-image: url(../images/internal.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
}

a img {
	border: 0px;
}

#details {
	margin-left:2px;
	width: 800px;
}

#details .box-top {
	background-image: url(../images/bg_content_top2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 36px;
	vertical-align: bottom;
}

#details .box-middle {
	background-image: url(../images/bg_content_middle2.gif);
	background-repeat: repeat-y;
}

#details .box-bottom {
	background-image: url(../images/bg_content_bottom2.gif);
	background-repeat: no-repeat;
	height: 22px;
	margin-bottom: 14px;
	font-size: 1px;
}

table.tab {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
}

.tab td {
	height: 36px;
	vertical-align: bottom;
}

.tab.tab-active {
	z-index: 2;
}

.tab.tab-inactive {
	z-index: 1;
}

.tab.tab-active .tab-link {
	background-image: url(../images/atab_center.png);
	background-repeat: repeat-x;
}

.tab.tab-inactive .tab-link {
	background-image: url(../images/itab_center.png);
	background-repeat: repeat-x;
	background-position: 0 7px;
}

.tab.tab-active td.left-tab {
	background-image: url(../images/atab_left.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 10px;
}

.tab.tab-active td.right-tab {
	background-image: url(../images/atab_right.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 10px;
}

.tab.tab-inactive td.left-tab {
	background-image: url(../images/itab_left.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 10px;
}

.tab.tab-inactive td.right-tab {
	background-image: url(../images/itab_right.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 10px;
}

.tab a {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.tab.tab-active a {
	padding-top: 6px;
	padding-bottom: 7px;
	color: #FFFFFF !important;
}

.tab.tab-inactive a {
	padding-top: 4px;
	padding-bottom: 4px;
	color: #888888 !important;
}

.tab.tab-inactive a:hover {
    color: #DD7733 !important;
}

#content .box-top {
	background-image: url(../images/bg_content_top.gif);
	background-repeat: no-repeat;
	height: 10px;
	font-size: 1px;
}

#content .box-middle {
	background-image: url(../images/bg_content_middle.gif);
	background-repeat: repeat-y;
}

#content .box-middle.white {
    background-image: url(../images/bg_content_middle_white.gif);
    background-repeat: repeat-y;
}

#content .box-middle-borderless {
	background-image: url(../images/bg_content_middle.gif);
	background-repeat: repeat-y;
	line-height: 0px;
	font-size: 0px;
}

#content img.borderless {
	margin-left: 10px;
}

#content .box-bottom {
	background-image: url(../images/bg_content_bottom.gif);
	background-repeat: no-repeat;
	height: 22px;
	margin-bottom: 14px;
	font-size: 1px;
}

#content .box-bottom.white {
    background-image: url(../images/bg_content_bottom_white.gif);
    background-repeat: no-repeat;
    height: 22px;
    margin-bottom: 14px;
    font-size: 1px;
}

#content .box-bottom-borderless {
	background-image: url(../images/bg_content_bottom_borderless.gif);
	background-repeat: no-repeat;
	height: 10px;
	margin-bottom: 14px;
	font-size: 1px;
}

#content p, #details p {
	margin: 0px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 12px;
	line-height: 1.5em;
}

#details p.col-1 {
    margin: 0px;
    margin-left: 20px;
    margin-right: 5px;
    padding-top: 12px;
    line-height: 1.5em;
}

#details p.col-2 {
    margin: 0px;
    margin-left: 5px;
    margin-right: 20px;
    padding-top: 12px;
    line-height: 1.5em;
}

.nowrap {
    white-space: nowrap; 
}

.vmiddle {
	vertical-align: text-bottom;
}

#content form {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#content form td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#content table.layout td {
	border: 0px;
	padding: 0px;
	margin: 0px;
	background: none;
	color: #303030;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#content table.layout td h4 {
	margin-left: 0px;
	margin-right: 20px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#content table.layout td p {
	margin: 0px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 3px;
}

.infospacer {
	margin-top: 6px;
	border-top: 1px dotted #CCCCCC;
	height: 4px;
}

.info-divider {
	padding-bottom: 2px;
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 2px;
}	

.rowspacer2 {
	height: 2px;
}

.rowspacer3 {
	height: 3px;
}

.rowspacer5 {
	height: 5px;
}

.rowspacer10 {
	height: 10px;
}

#content table, #details table.layout {
	border: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 12px;
	margin-left: 20px;
	margin-right: 20px;
}

#content th {
	font: bold 11px Arial, Helvetica, sans-serif;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 10px 5px 9px;
	background: #FFFFFF url(../images/tableheader.jpg) no-repeat;
	color: #606060;
}

#content td {
	font: normal 12px Arial, Helvetica, sans-serif;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background: #fff;
	padding: 6px 10px 5px 10px;
	color: #303030;
}

#content tbody tr.listrow-odd td {
	background: #F4F4F4;
	color: #303030;
}

#content tbody tr.row-hilite td, #content tbody tr.row-hilite th, #content tbody tr.listrow-odd.row-hilite td, #content tbody tr.listrow-odd.row-hilite th {
    background-color: #FFF5AA;
}

.row-hilite td, .row-hilite th {
    background-color: #FFF5AA;
}

.row-hilite td b, .row-hilite th b {
    color: #cc0000;
}

#content tbody tr th {
	border-left: 1px solid #DDDDDD;
	border-top: 0px;
	background: #fff url(../images/tablebullet1.gif) no-repeat;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-transform: none;
	letter-spacing: 0px;
	color: #303030;
}

#content tbody tr.listrow-odd th {
	border-left: 1px solid #DDDDDD;
	border-top: 0px;
	background: #F4F4F4 url(../images/tablebullet2.gif) no-repeat;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-transform: none;
	letter-spacing: 0px;
	color: #303030;
}

ul {
	border: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 12px;
	margin-left: 20px;
	margin-right: 20px;
	list-style: none;
}

.textlist li, li {
	background-image: url(../images/bullet_textlist.gif);
	background-repeat: no-repeat;
	padding-left: 31px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.linklist li {
	background-image: url(../images/bullet_linklist.gif);
	background-repeat: no-repeat;
	padding-left: 31px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.filelist li {
	background-image: url(../images/bullet_filelist.gif);
	background-repeat: no-repeat;
	padding-left: 31px;
	padding-top: 5px;
	padding-bottom: 10px;
}

input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;
}

.sinput {
	width: 80px !important;
}

.minput {
	width: 170px !important;
}

.linput {
	width: 300px;
}

select {
	width: 306px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.button {
	background-color: transparent;
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	color: #AAAAAA;
	height: 27px;
	width: 105px;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	line-height: 27px;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	text-align: center;
}

.button a {
    color: #AAAAAA !important;
    border: 0 !important;
    padding: 4px 15px !important;
}

.button.prev {
    background-image: url(../images/prev.png);
}

.button.next {
    background-image: url(../images/next.png);
}

#content .coolform {
	margin: 0px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 12px;
}

#content .coolform form {
	background: url(../images/bg_form.png);
	padding: 15px;
	border: 1px dotted #AAAAAA;
	font-size: 11px;
}

#content .coolform form h4 {
	margin: 0px;
	padding: 0px;
}

#content .coolform input, #content .coolform textarea, #content .coolform select {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
}

#content .coolform textarea {
	width: 300px;
	margin: 0px;
    margin-top: 2px;
	height: 150px;
}

#content .coolform select {
	width: 305px;
	margin: 0px;
    margin-top: 2px;
}

#content .coolform form .textfield {
	width: 300px;
}

#content .coolform form .description {
	text-align: justify;
}

#content .coolform form .entry-set .description {
    background-color: #FFF5AA;
	line-height: 1.1em;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
    text-align: left;
}

#content .coolform form .entry-segment {
	background-color: #FFFFFF;
	padding-bottom: 5px;
	padding-top: 0px;
	padding-left: 40px;
	padding-right: 15px;
}

#content .coolform form .entry-segment.odd {
	background-color: #F4F4F4;
}

#content .coolform form .entry-segment.even {
	background-color: #FFFFFF;
}

#content .coolform form .label {
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 5px;
}

.errmsg {
	color: #DD3300 !important;
	font-weight: bold !important;
}

#content .coolform form .spec-label {
	padding-left: 1px;
	padding-top: 5px;
	padding-bottom: 2px;
}

#content .coolform form .title, .panel-title {
	margin: 0px;
	margin-top: 15px;
	padding: 1px 5px 0px 40px;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #724809;
	letter-spacing: 2px;
	text-transform: uppercase;
	background: #FC0 url(../images/effect4.gif) repeat-x;
	background-position: 0 0;
	border-left: 1px solid #FFD62F;
	border-bottom: 1px solid #D89701;
	border-right: 1px solid #D89701;
	line-height: 16px;
}

.panel-title {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 6px;
}

#content .coolform form .entry-set {
	margin-top: 5px;
	border: 1px solid #DDDDDD;
}

#content .coolform form .radiobutton, #content .coolform form input[type=radio] {
	margin-top: 3px;
	margin-bottom: 3px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

#content .coolform form .checkbox, #content .coolform form .tx-srfeuserregister-pi1-checkbox {
	margin-top: 3px;
	margin-bottom: 3px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

#content .coolform form .label img, #content .coolform form .spec-label img {
	position: relative;
	top: 1px;
	left: 0px;
	margin-right: 5px;
}

.col-left {
	text-align: left;
}

.col-center {
	text-align: center;
}

.col-right {
	text-align: right !important;
}

#content a.link-button {
	background-color: transparent;
	background-image: url(../images/button150.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 11px;
	color: #ffffff;
	height: 20px;
	width: 150px;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	display: block;
	text-align: center;
}

*+html #content a.link-button, * html #content a.link-button {
	background-position: 0px 1px;
}

#content table.hidden {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: none;
}

#content table.hidden td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: none;
}

#nadel {
	padding-top: 5px;
    display: block;
    width: 150px;
}

#nadel img {
    vertical-align: bottom;
}

#kennzahl {
	font-size: 21px;
    font-weight: bold;
    color: #999999;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}	

#ergebnis {
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.hilite {
    font-weight: bold;
    color: #cc0000;
}

td.sum, th.sum {
    font-weight: bold !important;
    color: #606060 !important;
}

#content .divider, #details .divider {
    margin-top: 5px;
    border-top: 1px dotted #AAAAAA;
    margin-bottom: 5px;
}

.slider-area {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.trigger_down {
    background-image: url(../images/trigger_down.gif);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-color: #DDDDDD;
    color: #555555;
    padding: 4px;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #bbbbbb;
    cursor: pointer;
}

.trigger_up {
    background-image: url(../images/trigger_up.gif);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-color: #DDDDDD;
    color: #555555;
    padding: 4px;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #bbbbbb;
    cursor: pointer;
}

*+html .trigger_up, * html .trigger_up, *+html .trigger_down, * html .trigger_down {
    padding-top: 3px;
}

.slider {
    margin: 0;
    padding: 0;
    border: 0;
}

.slider-box {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 9px;
    background-color: #FFFFFF;
}

.berater-pic {
	margin-right: 10px;
	padding: 1px;
	border: 1px solid #AAAAAA;
}

.berater-logo {
}

.tooltip {
	position: absolute;
	border: 5px solid #a1a1a1;
	width: 250px;
}

.tooltip .head, #help .head {
	background: #ff6666;
	color: #fff;
	font: italic 17px Georgia, serif;
	padding: 5px;
}

.tooltip .content {
	background: #fff;
    color: #444444;
	padding: 5px;
	font-size: 11px;
}

#help-button {
    position: absolute;
    top: 231px;
    left: 816px;
    cursor: pointer;
}

#help {
	position: absolute;
    width: 242px;
}

#help .box-top {
    background-image: url(../images/helptop.png);
    background-repeat: no-repeat;
    height: 5px;
    font-size: 1px;
}

#help .box-bottom {
    background-image: url(../images/helpbot.png);
    background-repeat: no-repeat;
    height: 5px;
    font-size: 1px;
}

#helparea {
    border-left: 5px solid #a1a1a1;
    border-right: 5px solid #a1a1a1;
}

.help-slider-area {
	padding-left: 1px;
    padding-right: 1px;
	padding-bottom: 1px;
	font-size: 11px;
}

.help-slider-box {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 5px;
    background-color: #FFFFFF;
    color: #444444;
}

.rating {
    position: relative;
    top: -1px;
    left: -7px;
}

.rating a {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    border: 0;
    background-image: url(../images/rating.gif);
}
    
.rating a.rating_off {
    background-position: 0 0px;
}

.rating a.rating_half {
    background-position: 0 -25px;
}

.rating a.rating_on {
    background-position: 0 -50px;
}

.rating a.rating_selected {
    background-position: 0 -75px;
}

.comment-box {
    border: 0px;
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 12px;
    margin-left: 20px;
    margin-right: 20px;
}

table.comment-head {
    background-color: #DDDDDD;
    color: #555555;
    margin: 0px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #bbbbbb;
    width: 100%;
}

table.comment-head td {
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.comment-body {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 9px;
    background-color: #FFFFFF;
}

.logo {
	text-align: center;
	vertical-align: top;
	padding-top: 21px;
	padding-right: 10px;
}

