* {
    margin: 0;
    padding: 0;
    
    font-family: Arial;
    color: #333;
    font-size: 12px;
    line-height: 18px;
}

img { border-width: 0; }

a {
    text-decoration: none;
}
a:active, a:hover, a:focus {
    text-decoration: underline; outline:none;
}

span.dci { color: #1F4495 !important; }

sup {
    font-size: 0.9em;
    line-height: 100%;
    vertical-align: top;
}


div.gallery_thickbox {
    float: right;
    margin: 0 -18px 0 0;
    padding: 0 0 15px 15px;
    text-align: right;
}
* html div.gallery_thickbox { margin-right: -16px; }

div#container div.screen div.gallery_thickbox a.preview {
    position: relative;
    display: block;
    background: none;
}
div.gallery_thickbox img.full {
    position: absolute;
    top: 0px;
    right: 0px;
}
div#TB_closeWindow {
    float: none;
    padding: 0;
}
div#TB_closeWindow {
    padding: 20px 15px 0 85px;
    color: #666666;
    font-weight: bold;
    
    text-align: center;
}
div#TB_closeAjaxWindow {
    padding: 10px 20px 0 0;
    color: #666666;
    height: auto;
    font-weight: bold;
    
    text-align: center;
}
div#TB_closeWindow a#TB_closeWindowButton {
    float: right;
    margin-top: -10px;
}

div#TB_caption { float: none; }
div#TB_secondLine {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#TB_window div#TB_secondLine span a, #TB_window span.TB_next a, #TB_window span.TB_prev a {
    color: #FE9007;
    font-weight: bold;
    font-size: 16px;
    padding: 5px 10px;
    text-decoration: none;
}

body #TB_window img#TB_Image {
    margin-top: 5px;
}
body #TB_window {
    z-index: 99999;
}
body #TB_overlay {
    z-index: 99998;
}

body #TB_window #TB_title.iframe {
    display: none;
}

/* t3 überschreiben 
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px !important; }
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image { margin-left: 0 !important; }
*/
div.csc-header { display: none; }
div.promobar div.csc-textpic { margin-top: 20px; margin-right: 4px; }


body {
    background: url(../img/bg_body.png) repeat-x;
    overflow-y: scroll;
}

div#container {
    width: 1015px;
    min-height: 780px;
    
    position: absolute;
    left: 50%;
    margin-left: -502px;
    
    background: url(../img/bg_container.gif) no-repeat;
}
* html div#container {
    height: 780px;
}

div#header {
    margin-top: 24px;
    height: 63px;
    
    background: url(../img/bg_header.gif) no-repeat;
}
div#header img {
    margin: 3px 0 0 34px;
}

div.ajax_include {
    margin-left: 0px;
}
div#container_menu div.ajax_include {
    margin-left: 22px;
    margin-top: -30px;
}


div.promobar div.ajax_include {
    margin: 15px 7px 0 0;
    float: right;
    line-height: auto;
    
}
div.promobar div.ajax_include div#waiEmailAd_spage3 * {
    /*line-height: 16px !important;*/
}
div.promobar div.ajax_include a * {
    line-height: 16px !important;
}
div.hoverSubject {
    color: #ffffff !important;
}


/**********************************************************************
 *
 * Subhead Menü
 *
 *********************************************************************/
div#subhead {
	margin: 0px 0 0 40px;
	float: left;
}
* html div#subhead { margin-left: 20px; }

div#subhead a {
	display: block;
	float: left;
	margin-right: 2px;
	padding-top: 2px;
	width: 114px;
	height: 21px;
	text-align: center;
	font-size: 11px;
	
	text-decoration: none;
	background: transparent url(../img/bg_navi_top_button.gif) 0 2px no-repeat;
}
div#subhead a:active, div#subhead a:hover, div#subhead a:focus {
	color: #000;
	text-decoration: none;
}

div#subhead a.active {
	font-weight: bold;
	background: transparent url(../img/bg_navi_top_button_active.gif) 0 0 no-repeat;
}
div#subhead a.active:active, div#subhead a.active:hover, div#subhead a.active:focus {
	color: #6E6E6E;
	text-decoration: none;
}

/**********************************************************************
 *
 * Metamenü
 *
 *********************************************************************/
ul#menu_meta {
    display: block;
    list-style-type: none;
    float: right;
    
    height: 20px;
    margin: 0px 50px 4px 0;
    
    background: transparent url(../img/bg_navi_top_y.gif) 0 1px repeat-x;
}
* html ul#menu_meta { margin-right: 25px; }

ul#menu_meta li {
    display: block;
    float: left;
    padding-left: 13px;
}

ul#menu_meta li a {
    font-size: 11px;
    line-height: 16px;
}
* html ul#menu_meta li a { display: block; padding-top: 3px; }
* + html ul#menu_meta li a { display: block; padding-top: 3px; }

ul#menu_meta li.active a {
    font-size: 11px;
    line-height: 16px;
    text-decoration: underline;
}
ul#menu_meta li a:active, ul#menu_meta li a:hover, ul#menu_meta li a:focus {
	color: #000;
	text-decoration: none;
}

ul#menu_meta li input {
		margin-right: 5px;
		font-size: 11px;
		border: 1px solid #dedede;
		padding-left: 3px;
}

ul#menu_meta li input.inlineLabel { height: 16px; padding-top: 2px; margin-bottom: 4px; }
* html ul#menu_meta li input.inlineLabel { height: 16px; padding-top: 1px; margin-bottom: 4px; }
* + html ul#menu_meta li input.inlineLabel { height: 17px; padding-top: 0px; margin-bottom: 4px; }

ul#menu_meta li input.submit { border-width: 0; }
* html ul#menu_meta li input.submit { margin-bottom: 6px; }
* + html ul#menu_meta li input.submit { margin-bottom: 6px; }

ul#menu_meta li.search {
		padding-left: 0;
}
ul#menu_meta li.search form{
		display: inline;
}

ul#menu_meta li.search span { font-size: 11px; }

ul#menu_meta li.border_left, ul#menu_meta li.border_right{
		padding-left: 0;
		width: 1px;
}


/**********************************************************************
 *
 * Footermenü
 *
 *********************************************************************/
ul#footer {
    clear: both;
    float: left;
    width: 931px;
    margin: 40px 0 15px 30px;
    border-top: 1px solid #cfcfcf;
    list-style-item: none;
    text-align: right;
}
* html ul#footer {
    margin-left: 15px;
}

ul#footer li {
    display: inline;
    padding-left: 26px;
}
ul#footer li a {

    font-size: 11px;
}

/**********************************************************************
 *
 * Haupt- / Submenü
 *
 *********************************************************************/
div#container_menu {
    float: left;
    clear: both;
    margin: 24px 0 0 16px;
    width: 222px;
}
* html div#container_menu { margin-left: 8px; }

/*
 * MAIN
 *
 */
ul#menu_main {
    list-style-type: none;
    margin-left: 22px;
    /*height: 400px;*/
    margin-bottom: 75px;
    margin-top: 0px;
}

ul#menu_main li {
    display: block;
    margin-bottom: 2px;
    margin-left: 2px;
}
ul#menu_main li.spacer {
    /*color: #DEDEDE;*/
    background: transparent url(/fileadmin/img/bg_navi_left_closed_off.gif) 0 bottom no-repeat;
    /*border-bottom: 1px solid #E5E5E5;*/
    
    margin: 20px 30px 4px 0;
    font-size: 11px;
    padding-left: 3px;
}

ul#menu_main li a {
    display: block;
    height: 20px;
    margin-bottom: 0px;
    padding-left: 10px;
    
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    
    background: url(../img/arrow.png) 0 6px no-repeat;
}
ul#menu_main li a:active, ul#menu_main li a:hover, ul#menu_main li a:focus {
    background: url(../img/arrow_active.png) 0 6px no-repeat;
    text-decoration: none;
}
/* root - active */
ul#menu_main li.active a, ul#menu_main li.current a { background: url(../img/arrow_active.png) 0 6px no-repeat; }
ul#menu_main li.active ul li a, ul#menu_main li.current ul li a { background-image: url(../img/arrow.png); }


ul#menu_main li ul {
    list-style-type: none;
    /*margin-bottom: 20px;*/
    padding-left: 12px;
    display: none;
}
ul#menu_main li.active ul, ul#menu_main li.current ul {
		display: block;
}

ul#menu_main li ul li {
    margin-bottom: 0;
}

ul#menu_main li ul li a {
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    
    height: 18px;
    margin-bottom: 0;
    
    background: url(../img/arrow.png) 0 6px no-repeat;
}
ul#menu_main li ul li a:active, ul#menu_main li ul li a:hover, ul#menu_main li ul li a:focus {
    background-image: url(../img/arrow_active.png);
}

ul#menu_main li ul li ul { margin-bottom: 5px; }

/* root - active */
ul#menu_main li.current ul li.active a { background-image: url(../img/arrow_active.png); font-weight: bold; }
ul#menu_main li.current ul li.current a { background-image: url(../img/arrow_active.png); font-weight: bold; }
ul#menu_main li.current ul li.active ul li a, ul#menu_main li.current ul li.current ul li a { background-image: url(../img/arrow.png); font-weight: normal; }

ul#menu_main li.current ul li.current ul li.active a { background-image: url(../img/arrow_active.png); font-weight: bold; }
ul#menu_main li.current ul li.current ul li.current a { background-image: url(../img/arrow_active.png); font-weight: bold; }


/*
 * SUB
 *
 */
ul#menu_sub {
    list-style-type: none;
    margin-top: 25px;
    margin-left: 23px;
}
ul#menu_sub li {
    display: block;
}

ul#menu_sub li a {
    display: block;
    background: url(../img/arrow.png) 1px 6px no-repeat;
    padding-left: 10px;
    margin: 2px 0;
}
ul#menu_sub li a:active, ul#menu_sub li a:hover, ul#menu_sub li a:focus {
    background-image: url(../img/arrow_active.png);
    text-decoration: none;
}
/* root - active */
ul#menu_sub li.active a { background: url(../img/arrow_down_active.png) 0 8px no-repeat; font-weight: bold; } /**/
ul#menu_sub li.active ul li a { background: url(../img/arrow.png) 1px 6px no-repeat; font-weight: normal; }

/* root - current */
ul#menu_sub li.current a { background: url(../img/arrow_down.png) 0 8px no-repeat; }
ul#menu_sub li.current ul li a { background: url(../img/arrow.png) 1px 6px no-repeat; }


ul#menu_sub li ul {
    list-style-type: none;
    padding-left: 10px;
    display: none;
}
ul#menu_sub li.active ul, ul#menu_sub li.current ul {
		display: block;
}
ul#menu_sub li.active ul li ul, ul#menu_sub li.current ul li ul {
		display: none;
}
ul#menu_sub li.current ul li.active ul, ul#menu_sub li.current ul li.current ul {
		display: block;
}

ul#menu_sub li ul li a:active, ul#menu_sub li ul li a:hover, ul#menu_sub li ul li a:focus {
    background-image: url(../img/arrow_active.png);
}
/* sub - active */
ul#menu_sub li.current ul li.active a { background-image: url(../img/arrow_active.png); font-weight: bold; }
ul#menu_sub li.current ul li.active ul li a { background: url(../img/arrow.png) 1px 6px no-repeat; font-weight: normal; }

/* sub - current */
ul#menu_sub li.current ul li.current a { background: url(../img/arrow_down.png) 0 8px no-repeat; }
ul#menu_sub li.current ul li.current ul li a { background: url(../img/arrow.png) 1px 6px no-repeat; }
ul#menu_sub li.current ul li.current ul li.active a { background-image: url(../img/arrow_active.png); font-weight: bold; }
ul#menu_sub li.current ul li.current ul li.current a { background-image: url(../img/arrow_active.png); font-weight: bold; }

ul#menu_sub li.current ul li ul li a:active, ul#menu_sub li.current ul li ul li a:hover, ul#menu_sub li.current ul li ul li a:focus { background-image: url(../img/arrow_active.png); }





/**********************************************************************
 *
 * CONTENT
 *
 *********************************************************************/

div.screen {
   float: left;
   width: 729px;
   margin: 24px 0 0 5px;
}

div.screen embed {
    margin-bottom: 20px;
    margin-top: 30px;
}


div.screen img.header {
    margin-bottom: 10px;
}

div.screen h1 {
    margin-top: 2px;
    margin-bottom: 10px;
    width: 475px; 
    
    font-size: 14px;
    color: #1f4495;
}
* html div.screen h1 { margin-top: -4px; }

div.screen h1.textheader {
    float: left;
    width: auto;
    min-width: 475px;
    margin-bottom: 20px;
}
div.screen h1.textheader img {
    float: left;
    margin-top: -6px;
    margin-right: 10px;
}

div.screen h2 {
    margin-top: 20px;
    width: 475px;

}


div.screen h3 {
    font-size: 12px;
    color: #1f4495;
}

div.screen h4 {
    font-size: 12px;
    color: #980000;
}


div.screen p {
    width: 450px;
    margin: 4px 0 6px 0;
    line-height: 18px;
}

div#container div.screen a.thickbox{
		color: #1F4495;
		background: url(../img/arrow.png) right 4px no-repeat;
		padding-right: 8px;
}

div#container div.screen a.thickbox:hover {
		color: #1F4495;
		background: url(../img/arrow_active.png) right 4px no-repeat;
		padding-right: 8px;
}


 
div.screen p a, div.screen a.arrow {
		color: #1F4495;
		background: url(../img/arrow.png) right 4px no-repeat;
		padding-right: 8px;
}

div.screen p a:active, div.screen p a:hover, div.screen p a:focus, div.screen a.arrow:active, div.screen a.arrow:hover, div.screen a.arrow:focus {
		text-decoration: none;
		background-image: url(../img/arrow_active.png);		
}


div.screen ul {
    width: 450px;
    margin: 10px 0 25px 0;
}

div.screen ul li {
    width: 450px;
    padding:5px 0 0 15px;
		background: url(../img/content_list_type.gif) 2px 14px no-repeat;
		list-style: none;
    line-height: 20px;
}

div.screen ul li a {
		color: #1F4495;
		background: url(../img/arrow.png) right 4px no-repeat;
		padding-right: 8px;
}

div.screen ul li a:active, div.screen ul li a:hover, div.screen ul li a:focus {
		text-decoration: none;
		background-image: url(../img/arrow_active.png);		
}


/*
 * Ausklappbereich
 */
div.screen h4.content_klapper{
	  color: #6E6E6E;
	  margin-top: 30px;
	  width: 460px;
}

div.screen span.content_klapper {
		width: 460px;
		display: block;
}

div.screen div.content_klapper {
		width: 460px;
		margin-bottom: 20px;
}

div.screen a.content_klapper {
		display: none;
		margin: 3px 0 8px 0px;
		
		background: url(../img/arrow.png) right 4px no-repeat;
    padding: 0 10px 0 0;
    color: #1f4495;
}



div.screen div.content_klapper div.tabbox {
    margin-left: 0px;
}

div.screen div.content_klapper div.tabbox div {
    padding-bottom: 30px;
}

div.screen div.content_klapper div.tabbox ul {
    width: 400px;
    margin: 10px 0 25px 0;
}

div.screen div.content_klapper div.tabbox ul li {
    width: 420px;
    padding-left: 15px;
		background: url(../img/content_list_type.gif) 2px 8px no-repeat;
		list-style: none;
    line-height: 20px;
}




/*
 * PROMOBOXEN
 *
 */
div.screen div.promobar {
		float: right;
		width: 240px;
		margin-top: -14px;
}
div.screen div.promobar div.promobar { margin-top: 0; }

div.screen div.promobox, div.screen div.promobar div.tabbox {
    float: right;
    /*clear: right;*/
    margin-top: 15px;
    width: 226px;
    padding: 1px 0 12px 1px;
    background: url(../img/bg_promobox_bottom.gif) 1px bottom no-repeat;
}
* html div.screen div.promobar { margin-right: 1px; }
* html div.screen div.promobar div.tabbox  { overflow: hidden; }

div.screen div.promobox h3, div.screen div.promobar div.tabbox h3 {
    color: #ffffff;
    line-height: 16px;
    height: 28px;
    padding: 8px 14px 2px 20px;
    background: url(../img/bg_promobox_top.gif) no-repeat;
    width: 186px;	
}

div.screen div.promobox div, div.screen div.promobar div.tabbox div {
    background: url(../img/bg_promobox_y.gif) repeat-y;
    width: 222px;	
    margin-top: -10px;
}


div.screen div.promobox div p {
    margin-top: 0px;
    padding: 10px 0 6px 20px;
    margin-bottom: 0px;
    margin-right: 20px;
    width: 180px;
}

div.screen div.promobox div ul {
    width: 150px;
    margin: -10px 0 0px 10px;
}

div.screen div.promobox div ul li {
    width: 150px;
    padding:5px 0 0 15px;
		background: url(../img/content_list_type.gif) 2px 14px no-repeat;
		list-style: none;
    line-height: 16px;
}

div.screen div.promobox div p strong{
    display: block;
    padding: 0px 0 5px 0px;
    width: 200px;
    margin-top: 10px;
}

div.screen div.promobox p a {
    color: #1f4495;
    background: url(../img/arrow.png) right 4px no-repeat;
    padding:0 10px 0 0;
}
div.screen div.promobox p a:active, div.screen div.promobox p a:hover, div.screen div.promobox p a:focus {
    background-image: url(../img/arrow_active.png);
    text-decoration: none;
}

div.screen div.promobox p input{
		margin: 0 0 10px 0;
}

/* referenzen box */
div.screen div.promobar div.referenzen {
    float: right;
    /*clear: right;*/
    /*
    width: 226px;
    padding: 1px 0 12px 1px;
    background: url(../img/bg_promobox_bottom.gif) 1px bottom no-repeat;
    */
		margin: 15px 0 0 0px;
		height: 110px;
		width: 226px;
		background: url(../img/startbox_referenzen.gif) 0 4px no-repeat;
		
		position: relative;
		
}
div.screen div.promobar div.referenzen a {
    position: absolute;
}
div.screen div.promobar div.referenzen a img {
		margin: 15px 0 0 7px;
}

div.screen div.promobar div.referenzen a.prev {
    top: 47px;
    left: 6px;
    display: none;
    font-size: 15px;
    color: #fe9007;
    font-weight: bold;
}
div.screen div.promobar div.referenzen a.next {
    top: 47px;
    right: 12px;
    display: none;
    font-size: 15px;
    color: #fe9007;
    font-weight: bold;
}
div.screen div.promobar div.referenzen a:active, div.screen div.promobar div.referenzen a:hover, div.screen div.promobar div.referenzen a:focus {
    text-decoration: none;
}



/* kontakt formular */
* + html div.screen div.promobox div.contact {
    margin-top: 0;
}
* html div.screen div.promobox div.contact {
    padding-top: 5px;
}

* html div.screen div.promobar div.promobox div.contact {
    width: 226px;
    overflow: hidden;
}

div.screen div.promobar div.promobox div.contact input, div.screen div.promobar div.promobox div.contact textarea {
    border: 1px solid #dedede;
    width: 175px;
    padding: 2px;
    margin-bottom: 0;
}
div.screen div.promobar div.promobox div.contact input.submit {
    width: auto;
    float: right;
    background-color: #ffffff;
    font-size: 11px;
    
    border-width: 0;
    cursor: pointer;
}
div.screen div.promobar div.promobox div.contact textarea {
    height: 80px;
}

div.screen div.promobar div.promobox div.contact label {
    font-size: 11px;
    padding-bottom: 5px;
}
div.screen div.promobar div.promobox div.contact label span { font-size: 11px; }



/* news in promobox */
div.screen div.promobar div.tabbox h3 span {
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
}
div.screen div.promobar div.tabbox div div.frame {
    width: 222px;	
    margin: 0;
    padding: 0;
}

div.screen div.promobar div.tabbox div.frame h2 {
    width: 180px;
    margin-top: 5px;
    padding-left: 20px;
}
div.screen div.promobar div.tabbox div.frame img.logo {
    float: right;
    margin: 5px 5px 5px 0;
    display: none;
}
div.screen div.promobar div.tabbox div.frame img.news {
    display: none;
}
div.screen div.promobar div.tabbox div.frame p {
    margin-top: 0px;
    padding: 10px 0 6px 20px;
    margin-bottom: 0px;
    margin-right: 20px;
    width: 180px;
}
div.screen div.promobar div.tabbox div.frame a {
    position: absolute;
    top: 0;
    left: 2px;
    width: 217px;
    height: 150px;
}


/*
 * Newsleteranmeldung Promobox
 */
div.screen div.promobar div.newsletter {
    float: right;
    /*clear: right;*/
    margin: 15px 5px 0 0;
    width: 220px; /*226*/
    height: 95px;
    padding: 1px 0 12px 1px;
    /*background: url(../img/bg_promobox_bottom.gif) 1px bottom no-repeat;*/
    background-image: url(../img/startbox_newsreg.png);
    background-position: 0px 0;
		background-repeat: no-repeat;
		
		font-size: 11px;
		font-weight: bold;
		
}
* html div.screen div.promobar div.newsletter { margin-right: 3px; }

div.screen div.promobar div.newsletter form.defform {
    margin: 0;
    padding: 0;
}

div.screen div.promobar div.newsletter p{
		margin: 0px 0 0 0;
		padding: 15px 20px 0 20px;
		font-size: 11px;
		font-weight: normal;
		width: auto;
}

div.screen div.promobar div.newsletter p strong{
		font-size: 11px;
}

div.screen div.promobar div.newsletter input{
		margin: 7px 0 0 0;
		font-size: 11px;
		font-weight: normal; 
		border: 1px solid #6E6E6E;
    padding: 2px;
    width: 171px;
}
div.screen div.promobar div.newsletter input.submit {
		margin: 10px 0 0 0;
		border-width: 0;
    float: right;
    width: auto;
}






/*
 * TEASERBOXEN
 *
 */
div.screen div.teaserbox {
    margin-top: 14px;
    padding-top: 20px;
    width: 479px;
    /*background: url(../img/start_line.gif) 1px 0 no-repeat;*/
    border-top: 1px solid #E5E5E5;
    /*height: 75px;*/
}

div.screen div.teaserbox img {
    float: left;
    margin: 0px 0 0 0px;
}
div.screen div.teaserbox h3 {
    margin: 0px 14px 4px 115px;
    width: 350px;
}
div.screen div.teaserbox p {
    margin: 0 14px 12px 115px;
    width: 350px;
}

div.screen div.teaserbox p a {
    color: #1f4495;
   
    background: url(../img/arrow.png) right 4px no-repeat;
    padding-right: 10px;
}

div.screen div.teaserbox p a:hover {
    text-decoration: none;
    background-image: url(../img/arrow_active.png);
}



/*
 * TABBOXEN
 *
 */
div.screen div.tabbox {
    margin: 20px 0 20px 0;
    width: 479px;
    padding: 0;
    background: url(../img/bg_tabbox_y.gif) repeat-y;
    position: relative;
    
}
div.screen div.tabbox_grey { margin-top: 5px; background-image: url(../img/bg_tabbox_y_grey.gif); }

div.screen div.tabbox h3 {
    padding: 20px 30px;
    background: url(../img/bg_tabbox_top.gif) 0 0 no-repeat;
}
div.screen div.tabbox_grey h3 { background-image: url(../img/bg_tabbox_top_grey.gif); }
div.screen div.tabbox h3 span {
    font-weight: normal;
}

div.screen div.tabbox div {
    background: url(../img/bg_tabbox_bottom.gif) 0 bottom no-repeat;
    position: relative;
    padding: 0 30px 30px 30px;
}
div.screen div.tabbox div.low { height: 114px; }
div.screen div.tabbox div.med { height: 250px; }
div.screen div.tabbox div.high { height: 380px; }
div.screen div.tabbox div.video { height: 260px; }
div.screen div.tabbox_grey div { background-image: url(../img/bg_tabbox_bottom_grey.gif); }

div.screen div.tabbox div div {
    position: absolute;
    background: none;
    top: 0;
    left: 0;
    
    width: 419px;
}

div.screen div.tabbox div div div.gallery_thickbox {
    float: right;
    margin: 0 -18px 0 0;
    padding: 0 0 15px 15px;
    text-align: right;
    position: static;
    left: auto;
    top: auto;
    width: auto;
}
* html div.screen div.tabbox div div div.gallery_thickbox { margin-right: -8px; }
* + html div.screen div.tabbox div div div.gallery_thickbox { margin-right: -19px; }

div.screen div.tabbox div div div.gallery_thickbox a.arrow {
    margin-right: 20px;
}
div.screen div.tabbox div div div.gallery_thickbox img { float: none; margin-right: 12px; }
div.screen div.tabbox div div div.gallery_thickbox img.full { right: 10px; }

div.screen div.tabbox div div p {
    width: auto;
}

div.screen div.tabbox div div img {
    float: left;
    margin-right: 20px;
}

div.screen div.tabbox a.prev {
    top: 47px;
    left: 6px;
    display: none;
    font-size: 15px;
    color: #fe9007;
    font-weight: bold;
    position: absolute;
}
div.screen div.tabbox a.next {
    top: 47px;
    right: 12px;
    display: none;
    font-size: 15px;
    color: #fe9007;
    font-weight: bold;
    position: absolute;
}
div.screen div.tabbox a:active, div.screen div.tabbox a:hover, div.screen div.tabbox a:focus {
    text-decoration: none;
}



/*
 * NEWS
 *
 */
div.user-jsnews-pi1 {
    width: 475px;
}
* html div.user-jsnews-pi1 { overflow: hidden; width: 482px; }

div.user-jsnews-pi1 img.newscenter {
    padding: 4px 0 0 4px;
}

div.user-jsnews-pi1 ul {
    display: block;
    width: 455px;
    text-align: right;
    margin: 0 0 5px 0;
    
}
div.user-jsnews-pi1 ul li {
    width: auto;
    display: inline;
    
    background-image: none;
    padding: 0;
    margin-left: 20px;
}
div.user-jsnews-pi1 ul li a {
    background: url(../img/arrow.png) 0 4px no-repeat;
    padding-left: 10px;
}
div.user-jsnews-pi1 ul li.active a {
    background-image: url(../img/arrow_active.png);
    font-weight: bold;
}
div.user-jsnews-pi1 ul li a:active, div.user-jsnews-pi1 ul li a:hover, div.user-jsnews-pi1 ul li a:focus {
    background-image: url(../img/arrow_active.png);
    text-decoration: none;
}

div.user-jsnews-pi1 div.tabbox h3 {
    height: 0px;
    overflow: hidden;
    padding: 10px 30px 5px;
    margin: 0;
}
div.user-jsnews-pi1 div.reiter div.img_bottom {
    padding: 12px 40px 25px 20px;
}

div.user-jsnews-pi1 div.reiter div.img_bottom select {
    width: 150px;
    border: 1px solid #6E6E6E;
}
div.user-jsnews-pi1 div.reiter div.img_bottom input {
    float: right;
    padding-top: 2px;
}

div.user-jsnews-pi1 img.logo {
    float: right;
    margin: 20px 0 15px 15px;
}
div.user-jsnews-pi1 h3 {
    padding-left: 4px;
    margin-top: 20px;
    color: #1F4495;
}
div.user-jsnews-pi1 img.news {
    float: left;
    margin: 4px 20px 15px 0;
}

div.user-jsnews-pi1 h4 {
    font-weight: bold;
    
    margin: 30px 0 15px 0;
    padding-bottom: 10px;
    width: 475px;
    padding-left: 4px;
    background: url(../img/start_line.gif) 0 bottom no-repeat;
}

div.user-jsnews-pi1 p {
    margin-bottom: 20px;
    padding-right: 50px;
    padding-left: 4px;
    width: 421px;
}
div.user-jsnews-pi1 p.bodytext {
    padding-right: 0px;
    width: 471px;
}

div.user-jsnews-pi1 p input {
    float: right;
    margin-right: -40px;
}

div.user-jsnews-pi1 input.show {
    float: right;
}



/*
 *
 * KONTAKTFORMULAR
 *
 */
div.screen div.tabbox form.defform p {
    width: 205px;
    float: left;
    margin-left: 0px;
}

* + html div.screen div.tabbox form.defform p span{
    display: block;
    margin-top: -10px;
}

div.screen div.tabbox form.defform p.right {
    float: right;
    width: 200px;
}

* + html div.screen div.tabbox form.defform p.right {
    float: right;
    width: 220px;
}

div.screen div.tabbox form.defform input, div.screen div.tabbox form.defform textarea {
    border: 1px solid #6E6E6E;
    width: 187px;
    padding: 2px;
    margin-bottom: 8px;
    margin-top: 0px;
}
div.screen div.tabbox form.defform input.callback { border-width: 0; margin: 4px 0; }
div.screen div.tabbox form.defform textarea { height: 100px; }
div.screen div.tabbox form.defform span textarea { margin-top: 0; margin-bottom: 24px; }
div.screen div.tabbox form.defform select {
    border: 1px solid #6E6E6E;
    width: 193px;
    margin-bottom: 8px;
    margin-top: 0px;
    
}

div.screen div.tabbox form.defform label, div.screen div.tabbox form.defform label span {
    font-size: 11px;
}

* html div.screen div.tabbox form.defform label.callback { display: inline; float: none; margin: 0; padding: 0; }
* html div.screen div.tabbox form.defform input.callback { display: inline; float: none; margin: 0; padding: 0; }

div.screen div.tabbox form.defform input.submit {
    width: auto;
    float: right;
    background-color: #ffffff;
    font-size: 11px;
    border-width: 0;
    cursor: pointer;
    margin-top: 275px;
}

div.screen div.tabbox form.defform input.reset {
    width: auto;
    background-color: #ffffff;
    font-size: 11px;
}

/*
 * NEWSLETTER
 */
span.sliderSpan {
    float: right;
    background: url(../img/arrow.png) right 14px no-repeat;
    padding: 8px 10px 0 0;
    font-size: 11px;
    color: #1F4495;
    cursor: pointer;
}
span.sliderSpan:hover { background-image: url(../img/arrow_active.png); }
span.sliderSpanActive { background: url(../img/arrow_down.png) right 16px no-repeat; }
span.sliderSpanActive:hover { background-image: url(../img/arrow_down_active.png); }

span.sliderInfo {
    display: block;
    padding: 0 0 0 15px;
    margin: 0;
}







/*
 * REFERENZEN
 *
 */
div.user-jsclientlogos-pi2 {
    width: 475px;
}
* html div.user-jsclientlogos-pi2 { overflow: hidden; width: 482px; }

div.user-jsclientlogos-pi2 img.referenzen {
    padding: 4px 0 0 4px;
}

div.user-jsclientlogos-pi2 div.teaserbox {
    clear: left;
}

div.user-jsclientlogos-pi2 div.tabbox h3 {
    height: 0px;
    overflow: hidden;
    padding: 15px 30px;
}

div.user-jsclientlogos-pi2 div.tabbox div select {
    width: 150px;
    border: 1px solid #6E6E6E;
}
div.user-jsclientlogos-pi2 div.tabbox div input {
    float: right;
    padding-top: 2px;
}

div.user-jsclientlogos-pi2 img.top {
    float: right;
    margin-top: 20px;
}

div.user-jsclientlogos-pi2 div.teaserbox h3, div.user-jsclientlogos-pi2 div.teaserbox p.bodytext {
   margin-left: 215px;
   width: 250px;
}

div.user-jsclientlogos-pi2 input.show {
    float: right;
}



/*
 * Suche
 */
div.tx-indexedsearch { width: 475px; }
div.tx-indexedsearch-rules, td.tx-indexedsearch-info { display: none; }
div.tx-indexedsearch-res td { border-bottom-width: 0 !important; }
div.tx-indexedsearch-res table { margin: 0 !important; }
div.tx-indexedsearch td { border-bottom-width: 0 !important; padding: 4px 1px !important; }

input.tx-indexedsearch-searchbox-button {
    background: transparent url(../img/arrow.png) right 5px no-repeat !important;
    border-width: 0 !important;
    padding: 0 5px 0 0 !important;
    width: auto !important;
    cursor: pointer;
    font-size: 11px;
}
input.tx-indexedsearch-searchbox-button:hover {
    background-image: url(../img/arrow_active.png) !important;
}

div.screen div.tx-indexedsearch-whatis {
    padding-top: 20px;
    background: url(../img/start_line.gif) 0 0 no-repeat;
    padding-left: 5px;
    width: 474px;
}
div.screen div.tx-indexedsearch-browsebox {
    margin: 0;
}
div.screen div.tx-indexedsearch-browsebox p {
    padding-bottom: 20px;
    padding-left: 5px;
    margin-bottom: 10px;
    
    background: url(../img/start_line.gif) 0 bottom no-repeat;
    width: 474px;
}
div.screen div.tx-indexedsearch-browsebox ul.browsebox {
    float: left;
    width: 482px;
    
}

div#container div.screen div.tx-indexedsearch-browsebox ul.browsebox li {
   background-image: none;
   margin: 0 10px 0 3px;
   padding: 0;
   width: auto;
}
div#container div.screen div.tx-indexedsearch-browsebox ul.browsebox li a {
   display: block;
   float: left;
   background-image: none;
   margin: 0 10px 0 3px;
   padding: 0;
}

div#container div.screen table td.tx-indexedsearch-result-number {
    width: 0;
    overflow: hidden;
    padding: 4px 0 !important;
    margin: 0;
}

div.tx-indexedsearch div.tx-indexedsearch-res {
    clear: left;
}
div.tx-indexedsearch div.tx-indexedsearch-res td {
    padding: 0 !important;
}
div#container div.screen table td.tx-indexedsearch-icon {
    width: 0;
    overflow: hidden;
    padding: 4px 0 !important;
    margin: 0;
}
div#container div.screen table td.tx-indexedsearch-icon img {
   display: none; 
}

div.tx-indexedsearch div.tx-indexedsearch-res td.tx-indexedsearch-descr {
    font-style: normal !important;
    padding-left: 4px !important;
}
div.tx-indexedsearch div.tx-indexedsearch-res td.tx-indexedsearch-title {
    font-weight: bold;
}
div.tx-indexedsearch div.tx-indexedsearch-res td.tx-indexedsearch-percent {
    visibility: hidden;
}

div.tx-indexedsearch-searchbox form table {
    margin: 20px 0 0 0;
}
div.tx-indexedsearch-searchbox form table td input.tx-indexedsearch-searchbox-button {
    position: absolute;
    top: 190px;
    left: 480px;
}
* html div.tx-indexedsearch-searchbox form table td input.tx-indexedsearch-searchbox-button {
    top: 197px;
    left: 547px;
}
* + html div.tx-indexedsearch-searchbox form table td input.tx-indexedsearch-searchbox-button {
    top: 192px;
    left: 545px;
    width: 41px !important;
    text-align: left;
}

div.screen p.tx-indexedsearch-noresults {
    text-align: left;
    margin: 15px 0 0 5px;
    font-weight: normal;
    white-space: pre;
}

div#container td strong.tx-indexedsearch-redMarkup {
    color: #fe9007;
}





/**********************************************************************
 *
 * BASISTEMPLATE 50/50 Aufteilung (keine Promobar in diesem Sinne)
 *
 *********************************************************************/
div.page_left {
    width: 355px;
    float: left;
}


div.page_left ul li{
    width: 335px;
}

div.page_left p{
    width: 345px;
}


div.page_right {
    width: 355px;
    float: right;
}
div.screen div div.box div.page_left, div.screen div div.box div.page_right { width: 150px; }

/*
 * Boxen Content (50% || 100%)
 *
 */
div.box {
    width: 729px;
    margin-bottom: 20px;
    background: url(../img/bg_box_y_wide.gif) 0 repeat-y;
}
div.box span.img_top {
    display: block;
    overflow: hidden;
    height: 11px;
    
    background: url(../img/bg_box_top_wide.gif) 0 0 no-repeat;
}
div.box div.img_bottom {
    padding: 8px 20px 20px 10px;
    background: url(../img/bg_box_bottom_wide.gif) 0 bottom no-repeat;
}

div.box div.img_bottom embed {
    width: 328px;
    height: 313px;
    margin-left: 3px;
}


div.page_left div.box, div.page_right div.box {
    width: 355px;
    background-image: url(../img/bg_box_y.gif);
}
div.page_left div.box span.img_top, div.page_right div.box span.img_top     { background-image: url(../img/bg_box_top.gif); }
div.page_left div.box div.img_bottom, div.page_right div.box div.img_bottom { background-image: url(../img/bg_box_bottom.gif); }


div.promobar div.box {
    width: 226px;
    background-image: url(../img/bg_box_y_promo.gif);
    margin: 20px 0 0 0;
    float: right;
}
div.promobar div.box span.img_top     { background-image: url(../img/bg_box_top_promo.gif); }
div.promobar div.box div.img_bottom { background-image: url(../img/bg_box_bottom_promo.gif); }


/*
 * Tabboxen (50% || 100%) Content 
 *
 */
div.screen div.page_left div.tabbox, div.screen div.page_right div.tabbox {
    width: 355px;
    background-image: url(../img/bg_box_y.gif);
    margin-top: 0;
    margin-bottom: 20px;
}
div.screen div.page_left div.tabbox h3, div.screen div.page_right div.tabbox h3 {
    background-image: url(../img/bg_box_top.gif);
    padding: 20px;
}
div.screen div.page_left div.tabbox div, div.screen div.page_right div.tabbox div {
    background: url(../img/bg_box_bottom.gif) 0 bottom no-repeat;
    padding: 0 20px 30px;
}
div.screen div.page_left div.tabbox div div, div.screen div.page_right div.tabbox div div {
    width: 315px;
}

div.screen div.box div.img_bottom p {
    width: auto;
    margin-top: -5px;
    
}



/*
 * Produktmatrix
 *
 */
div.matrix { width: 315px; }

div.matrix h2 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 20px 0;
}
div.matrix h4 {
    color: #1F4495;
    font-weight: bold;
    padding: 20px 0 10px 10px;
}

div.matrix div.head {
    background: url(../img/bg_matrix_head_x.gif) 0 0 repeat-x;
    height: 26px;
    margin: 0;
    padding: 0 7px 0 10px;
}
div.matrix div.dark, div.matrix div.light {
    height: 19px;
    margin: 0;
    padding: 0 7px 0 10px;
}
div.matrix div.dark { background-color: #f5f5f5; }

div.matrix div span {
    display: block;
    float: left;
    line-height: 19px;
    margin: 0;
    padding: 0;
}
div.matrix div.head span {
    padding: 3px 0 4px 0;
    line-height: 19px;
    
    color: #ffffff;
    font-weight: bold;
}

div.matrix div span.label { width: 192px; }
div.matrix div span.value_def { width: 51px; margin-right: 25px; text-align: center; font-weight: bold; }
div.matrix div span.value_maxi { width: 26px; text-align: center; font-weight: bold; }

div.matrix div span span.info {
    position: relative;
    display: inline;
    float: none;
}
div.matrix div span span.info img {
    padding-left: 3px;
}
div.matrix div span span.info span {
    display: none;
    position: absolute;
    left: 20px;
    top: -75px;
    width: 150px;
    
    background-color: #dfdfdf;
    border: 1px solid #707070;
    padding: 12px;
    line-height: 16px;
}
div.matrix div span:hover span.info span {
    display: inline;
}
div.matrix div span span.info span p {
    width: 150px;
    line-height: 16px;
}


/*
 * Tabs Boxen Vertikal
 *
 */
div.box_tab_vert {
    width: 479px;
    margin-bottom: 20px;
    background: url(../img/bg_box_tabs_y.gif) 0 repeat-y;
    float: left;
}
div.box_tab_vert h3.img_top {
    display: block;
    overflow: hidden;
    height: 18px;
    padding: 15px 20px 25px 20px;
    
    background: url(../img/bg_box_tabs_top.gif) 0 0 no-repeat;
}
div.box_tab_vert div.img_bottom {
    padding: 0 20px 30px 20px;
    background: url(../img/bg_box_tabs_bottom.gif) 0 bottom no-repeat;
    float: left;
    width: 439px;
}

/* ALTE VERSION
div.box_tab_vert div.img_bottom a.tab {
    display: block;
    width: 108px;
    z-index: 50;
    cursor: default;
    
    line-height: 18px;
    height: 18px;
    padding: 6px 0 9px 11px;
    text-decoration: none;
}
div.box_tab_vert div.img_bottom a.tab_active {
    padding: 5px 0 8px 10px;
    
    border: 1px solid #dedede;
    border-width: 1px 0 1px 1px;
    background-color: #ffffff;
}
div.box_tab_vert div.img_bottom a.tab_link {
    background: url(../img/arrow.png) 6px 12px no-repeat;
    padding-left: 15px;
    width: 104px;
    cursor: pointer;
}
div.box_tab_vert div.img_bottom a.tab_active.tab_link {
    padding-left: 14px;
    background-color: #ffffff;
}
*/
div.box_tab_vert div.img_bottom a.tab {
    display: block;
    width: 104px;
    z-index: 50;
    cursor: pointer;
    
    line-height: 18px;
    /*height: 18px;*/
    padding: 3px 0 5px 15px;
    text-decoration: none;
    
    background: url(../img/arrow.png) 6px 9px no-repeat;
}
div.box_tab_vert div.img_bottom a.tab:active, div.box_tab_vert div.img_bottom a.tab:hover, div.box_tab_vert div.img_bottom a.tab:focus {
    background: url(../img/arrow_active.png) 6px 9px no-repeat;
}
div.box_tab_vert div.img_bottom a.tab_active {
    padding: 2px 0 4px 14px;
    background: url(../img/arrow_active.png) 5px 8px no-repeat;
    
    border: 1px solid #dedede;
    border-width: 1px 0 1px 1px;
    background-color: #ffffff;
}
div.box_tab_vert div.img_bottom a.tab_active:active, div.box_tab_vert div.img_bottom a.tab_active:hover, div.box_tab_vert div.img_bottom a.tab_active:focus {
    background: #ffffff url(../img/arrow_active.png) 5px 8px no-repeat;
}

div.box_tab_vert div.img_bottom div.tab {
    width: 271px;
    padding: 25px 25px 25px 0;
    float: right;
    display: none;
}
div.box_tab_vert div.img_bottom div.tab p, div.box_tab_vert div.img_bottom div.tab ul { width: auto; margin-left: 24px; }
div.box_tab_vert div.img_bottom div.tab a:active, div.box_tab_vert div.img_bottom div.tab a:hover, div.box_tab_vert div.img_bottom div.tab a:focus {
    background: url(../img/arrow_active.png) right 4px no-repeat;
}
div.box_tab_vert div.img_bottom span.tab { display: none; }
div.box_tab_vert ul li {
		background-position: 2px 8px;
		padding:0px 0 0 15px;
    line-height: 18px;
    width: auto;
}



/*
 * Tabs Boxen Vertikal in 50/50
 *
 */
div.page_left div.box_tab_vert, div.page_right div.box_tab_vert {
    width: 355px;
    background: url(../img/bg_box_tabs_y_50.gif) 0 repeat-y;
}
div.page_left div.box_tab_vert h3.img_top, div.page_right div.box_tab_vert h3.img_top {
    background: url(../img/bg_box_tabs_top_50.gif) 0 0 no-repeat;
}
div.page_left div.box_tab_vert div.img_bottom, div.page_right div.box_tab_vert div.img_bottom {
    background: url(../img/bg_box_tabs_bottom_50.gif) 0 bottom no-repeat;
    width: 315px;
}
div.page_left div.box_tab_vert div.img_bottom div.tab, div.page_right div.box_tab_vert div.img_bottom div.tab {
    width: 147px;
}



/**********************************************************************
 *
 * Tabellen
 *
 *********************************************************************/



div.screen div.page_left table th.td-0 {
		text-align: left;
	  color: #1f4495;
}  
 
div.screen div.page_left table td.td-0 {
		width: 110px;
		vertical-align: top;
		font-weight: bold;
		
}

div.screen div.page_left table td.td-1 {
		padding-bottom: 15px;
		
} 


div.screen table th.td-0 {
		text-align: left;
	  color: #1f4495;
}  
 
div.screen table td.td-0 {
		vertical-align: top;
		width: 150px;
}

div.screen table td.td-1 {
		padding-bottom: 10px;
		width: 200px;	
} 


/**********************************************************************
 *
 * REITER
 *
 *********************************************************************/
div.reiter {
    width: 731px;
    margin-bottom: 20px;
    background: url(../img/bg_reiter_y.gif) 0 repeat-y;
    
    float: left;
}

div.reiter div.img_top {
    display: block;
    overflow: hidden;
    height: 34px;
    padding-left: 20px;
    
    background: #ffffff url(../img/bg_reiter_top.gif) 0 24px no-repeat;
}
div.reiter div.img_top a {
    /*width: 146px;*/
    height: 19px;
    padding: 5px 20px 0;
    display: block;
    float: left;
    background: url(../img/bg_reiter.gif) 0 2px repeat-x;
    border-top: 1px solid #ffffff;
    position: relative;
    font-size: 10px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    color: #6E6E6E;
}

div.reiter div.img_top a:hover {
    color: #FFF;
}
div.reiter div.img_top a.active, div.reiter div.img_top a.active:hover {
    /*background: url(../img/bg_reiter_active.gif) 0 0 no-repeat;*/
    background: #fcfcfc none;
    border: 1px solid #e8e8e8;
    border-width: 1px 1px 0 1px;
    color: #6E6E6E;
}
div.reiter div.img_top a img.left  { position: absolute; left: 0; top: 2px; }
div.reiter div.img_top a img.right { position: absolute; right: 0; top: 2px; }

div.reiter div.img_bottom {
    padding: 9px 20px 20px 20px;
    background: url(../img/bg_reiter_bottom.gif) 0 bottom no-repeat;
    
    float: left;
    width: 691px;
}
div.reiter div.img_bottom p { width: auto; }

div#container div.reiter div.box_tab_vert a.download {
    background-image: none;
    padding: 0px;
}


div.reiter_small { width: 479px; background-image: url(../img/bg_reiter_small_y.gif); }
div.reiter_small div.img_top { background-image: url(../img/bg_reiter_small_top.gif); }
div.reiter_small div.img_bottom { width: 438px; background-image: url(../img/bg_reiter_small_bottom.gif); }



div.reiter div.box_tab_vert {
    background: url(../img/bg_reiter_tabs_y.gif) 155px 0 repeat-y;
    width: 673px;
    padding: 0 7px 0 9px;
}
div.reiter div.box_tab_vert h3 {
    width: 673px;
    background: url(../img/bg_reiter_tabs_x_top.gif) 146px 0px no-repeat;
    padding: 0;
}
div.reiter div.box_tab_vert div.img_bottom {
    background: url(../img/bg_reiter_tabs_x.gif) 146px bottom no-repeat;
    padding: 0;
    width: 689px;
}
div.reiter div.box_tab_vert div.img_bottom a.tab {
    width: 132px;
    border-color: #DFDFDF;
}
div.reiter div.box_tab_vert div.img_bottom div.tab {
    padding: 25px 33px 33px 0;
    margin-right: 17px;
    width: 459px;
}
/*
div.reiter div.box_tab_vert div.img_bottom a.tab_link {
    width: 207px;
}
div.reiter div.box_tab_vert div.img_bottom a.tab_active.tab_link {
    padding-left: 14px;
    background-color: #ffffff;
}
*/


/**********************************************************************
 *
 * KALKULATOR!
 *
 *********************************************************************/
input#calc_budget, div.calculator input {
    border: 1px solid #DEDEDE;
    text-align: right;
    padding: 1px 3px;
    width: 70px;
}
* + html input#calc_budget, * + html div.calculator input { padding: 0 3px 2px; }

div.calculator {
    background: transparent url(../img/bg_calc.gif) 0 0 no-repeat;
    width: 697px;
    height: 432px;
    margin: -15px 0 0 5px;
    padding-left: 17px;
    float: left;
}

div.calculator div.bar {
    float: left;
    width: 159px;
    height: 271px;
    margin: 0 39px 0 36px;
    position: relative;
    
    font-weight: bold;
}
div.calculator div.bar2 { margin: 0 35px 0 35px; }
div.calculator div.bar3 { margin: 0 33px 0 41px; }

* html div.calculator div.bar1 { margin-left: 18px; }

div.calculator div.bar span.desc {
    position: absolute;
    display: block;
    bottom: 0;
    width: 159px;
    text-align: center;
}
div.calculator div.bar span.bar {
    position: absolute;
    display: block;
    bottom: 20px;
    height: 7px;
    width: 159px;
    
    /* fuer ie6 */
    overflow: hidden;
}

div.calculator div.bar span.score {
    position: absolute;
    bottom: 30px;
    right: 0;
    font-size: 14px;
    display: block;
}

div.calculator div.bar1 span.bar { background-color: #c4cfe3; }
div.calculator div.bar2 span.bar { background-color: #bababa; }
div.calculator div.bar3 span.bar { background-color: #1f4495; }


div.calculator div.bar_sub {
    margin-top: 29px;
    font-weight: normal;
    height: 115px;
}

div.calculator div.bar_sub label {
    display: block;
    width: 100px;
    height: 18px;
    float: left;
    clear: left;
    position: relative;
    cursor: pointer;
}
div.calculator div.bar_sub label span.right { float: right; font-weight: bold; margin-right: 5px; }

div.calculator div.bar_sub input { width: 50px; margin-bottom: 10px; }
* html div.calculator div.bar_sub input { width: 48px; margin-bottom: 10px; }

/* checkboxes && radiobuttons */
div.calculator div.bar_sub input.sel { width: auto; float: none; margin: 4px 2px 0 0; clear: none; border-width: 0; }
div.calculator div.bar_sub label.sel { width: auto; float: none; clear: none; display: inline; }
* + html div.calculator div.bar_sub input.sel { margin-top: 0; }
* html div.calculator div.bar_sub input.sel { margin-top: 0; }

div#calculator div.reiter span { float: right; width: 225px; }
div#calculator div.reiter span input.sel { float: left; margin: 4px 2px 0 10px;  }
div#calculator div.reiter span label.sel { float: left; margin-right: 5px; }

* + html div#calculator div.reiter span input.sel { margin-top: 0; }
* html div#calculator div.reiter span input.sel { margin-top: 0; }

/* body + #calc damit thickbox padding überschrieben wird */
body div#calculator div.calculator div.bar_sub p { width: 153px; margin: 0 0 10px 0; position: relative; padding: 0; }
div.calculator div.bar_sub p span.right {
    float: right;
}

div.calculator div.bar_sub p span.info, div.calculator div.bar_sub label span.info {
    float: none;
    display: none;
    position: absolute;
    z-index: 10;
    
    left: -174px;
    top: -25px;
    width: 150px;
    
    background-color: #dfdfdf;
    border: 1px solid #707070;
    padding: 12px;
    line-height: 16px;
    font-weight: normal;
}
div.calculator div.bar_sub label span.mouseover, div.calculator div.bar_sub p span.mouseover {
    cursor: pointer;
}

/**********************************************************************
 *
 * iFrame Landing Page
 *
 *********************************************************************/





/**********************************************************************
 *
 * Smoothgallery
 *
 *********************************************************************/
div.screen div.tx-rgsmoothgallery-pi1 {
    margin-left: 2px;
    margin-bottom: 30px;
}

div.screen div.jdGallery {
	padding: 50px 0 0 0;
	border-color: #e8e8e8;
	background-color: #fcfcfc;
}

div.screen div.jdGallery div.slideElement {
	background-color: #fcfcfc;
}

div.screen div.jdGallery div.carouselContainer {
    opacity: 0.8;
    /*margin-top: 115px;*/
}
div.screen div.jdGallery div.carousel {
	background-color: #f1f1f1;
	height: 100px;
}
div.screen div.jdGallery a.carouselBtn {
	background-color: #f1f1f1;
	color: #6E6E6E;
	font-size: 12px;
	height: 19px;
	padding-top: 1px;
	
	display: none;
}
div.screen div.jdGallery div.carousel p.label {
    display: none;
}

div.screen div.jdGallery a.left {
    top: 60px;
    left: 10px;
}
div.screen div.jdGallery a.right {
    top: 60px;
    right: 10px;
}
div.screen div.jdGallery a.open {
    top: 60px;
}



div.screen div.jdExtCarousel {
    margin-top: 20px;
}
div.screen div.jdExtCarousel p.label {
    height: 20px;
    width: auto;
    padding-left: 10px;
}
div.screen div.jdExtCarousel div.carouselInner div.thumbnail {
    float: left;
    cursor: pointer;
}












div.screen div.galerie_container{
		float: left;
		width: 223px;
		margin:14px 0 0 10px;
		background-image:url(../img/startbox_zielgruppe.gif);
		background-repeat: no-repeat;	
	  height: 226px;
}
* html div.screen div.galerie_container { margin: 14px 5px 0 5px; }





div.screen div.galerie_container div{
	  position: relative;
	  top: 5px;
	  left: 0px;
	  width: 220px;
	  height: 220px;
}

div.screen div.galerie_container div h2{
	  position: absolute;
	  top: 122px;
	  left: 4px;
		color: #1F4598;
	  width: 200px !important;
		background-image: none !important;
		font-weight: bold !important;
		font-size: 12px !important;
		margin: 0px 0 0 13px !important;
		padding: 0 !important;
}


div.screen div.galerie_container div p{
	  position: absolute;
	  bottom: 28px;
	  left: 4px;
	  width: 160px !important;
		background-image: none !important;
		font-weight: normal !important;
		font-size: 12px !important;
		height: 40px !important;
		margin: 0px 0 0 13px !important;
		padding: 0 !important;
}


* html div.screen div.galerie_container div p{
	  position: absolute;
	  top: 152px;
	  left: 4px;
	  width: 160px !important;
		background-image: none !important;
		font-weight: normal !important;
		font-size: 12px !important;
		height: 40px !important;
		margin: 0px 0 0 13px !important;
		padding: 0 !important;
}



div.screen div.galerie_container div a.galerie{
	  display: block;
	  position: relative;
	  top: -115px;
	  left: 0px;
	  width: 220px;
	  height: 220px;
		background: url(../img/start_button_off.gif) 190px 191px no-repeat;	
}

div.screen div.galerie_container div a.galerie:hover{
		background: url(../img/start_button_on.gif) 190px 191px no-repeat;	
}	  


div.screen div.galerie_container div img{
	 margin: 10px 0 0 10px;
}


a.galerie_back {
    position: absolute; 
    top: 138px; 
    right: 50px;
    color: #1f4495;

    background: url(../img/arrow.png) right 6px no-repeat;
    padding-right: 10px;
}

a.galerie_back:hover{
    text-decoration: none;
    background-image: url(../img/arrow_active.png);
}



/**********************************************************************
 *
 * Content Statistik
 *
 *********************************************************************/
/*
div.screen table.content_stats {
    margin-left: -20px;
}
div.screen table.content_stats tr {
    border-bottom: 1px solid #E5E5E5;
}
div.screen table.content_stats td.th {
    font-weight: bold;
    color: #1F4495;
    font-size: 14px;
    
    padding-left: 20px;
}
div.screen table.content_stats td.th2 {
    font-weight: bold;
}

div.screen table.content_stats td.x {
    text-align: right;
    padding-left: 5px;
    padding-right: 20px;
    font-weight: bold;
}

div.screen table.content_stats td.y font {
    color: #fe9007;
}
*/

div.screen table.content_stats {
    margin-top: 10px;
}
div.screen table.content_stats tr {
    margin-bottom: 3px;
    display: block;
}
div.screen table.content_stats td {
    width: 200px;
    padding-right: 40px;
    font-size: 11px;
    line-height: 16px;
}




/**********************************************************************
 *
 * Werbung - INfoboards
 *
 *********************************************************************/
div.screen div.reiter div.img_bottom div.werbung div div.ticker img, div.screen div.reiter div.img_bottom div.werbung div div.ticker p, div.screen div.reiter div.img_bottom div.werbung div div.ticker div {
    margin: 0;
    padding: 0;
}
div.werbung_ticker {
    position: absolute;
     top: 1595px;
     left: 265px;
     z-index: 4444;
}


div.screen div.reiter div.img_bottom div.werbung {
    /*margin: -17px -16px 0 -16px;*/
    /*height: 1720px;*/
}

div.screen div.reiter div.img_bottom div.werbung div {
    margin-top: 30px;
    background-repeat: no-repeat;
}

div.screen div.reiter div.img_bottom div.werbung h1{
    margin: 30px 0 0 24px;
}

div.screen div.reiter div.img_bottom div.werbung h1 i{
    color: #6E6E6E;
    font-size: 20px;
    line-height: 22px;
}

div.screen div.reiter div.img_bottom div.werbung p i{
    color: #8F8F8F;
    margin-left: 24px;
    font-size: 14px;
    line-height: 22px;
}

div.screen div.reiter div.img_bottom div.werbung ul li{
	  padding: 0 0 0 10px;
	  background-position: 0 10px;
}


div.screen div.reiter div.img_bottom div.werbung div h1 {
    color: #6E6E6E;
    margin: 0 0 0 24px;
    color: #333;
    font-size: 13px;
    line-height: 22px;
}

/*div.screen div.reiter div.img_bottom div.werbung div img, div.screen div.reiter div.img_bottom div.werbung div p {*/
div.reiter div.img_bottom div.werbung div img, div.reiter div.img_bottom div.werbung div p {
    margin-left: 24px;
    margin-top: 0px;
}


div.screen div.reiter div.img_bottom div.werbung div.right { float: right; margin-right: 30px; }
div.screen div.reiter div.img_bottom div.werbung div.right h1 { margin-left: 0; width: auto; }
div.screen div.reiter div.img_bottom div.werbung div.right p { margin-left: 0; width: auto; }

div.screen div.reiter div.img_bottom div.werbung div.icon p { width: 500px; float: left; }
div.screen div.reiter div.img_bottom div.werbung div.icon h1 { width: 500px; float: left; }
div.screen div.reiter div.img_bottom div.werbung div.icon img { float: left; }
div.screen div.reiter div.img_bottom div.werbung div.icon .right { float: right; margin: 0 33px 0 0; }

div#container div.screen div.reiter div.img_bottom div.werbung div.right a.button{ 
    display: block;
    margin: 20px 0 0 70px;
    background: url(/fileadmin/media/werbung/button_angebot.gif) 0 0 no-repeat;
    width: 190px;
    height: 32px;
    padding: 0;
}

div#container div.screen div.reiter div.img_bottom div.werbung div.right a.button:hover{ 
    background-image: url(/fileadmin/media/werbung/button_angebot_over.gif);
}


div.screen div.reiter div.img_bottom div.werbung h3 {
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 10px 33px;
    color: #333333;
}


div.screen div.reiter div.img_bottom div.werbung div.contentbox {
    border: 1px solid #e8e8e8;
    width: 182px;
    height: 80px;
    padding: 15px;
    background-color: #fff;
    float: left;
    margin: 0 -23px 10px 33px;
    position: relative;
}
div.screen div.reiter div.img_bottom div.werbung div.contentbox img {
    margin-left: 0;
    display: block;
}
div.screen div.reiter div.img_bottom div.werbung div.contentbox a.arrow {
    display: block;
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  width: 100%;
	  height: 100%;
	  padding: 0;
		background: url(../img/start_button_off.gif) 187px 86px no-repeat;	
}
div.screen div.reiter div.img_bottom div.werbung div.contentbox a.arrow:hover {
    background-image: url(../img/start_button_on.gif);
}



/**********************************************************************
 *
 * Infoboards
 *
 *********************************************************************/
div.reiter div.img_top a.infoboards_tab {
    margin-left: 1px;
    margin-top: 3px;
    padding-top: 2px;
    
    background: transparent url(../img/bg_infoboards_tab.gif) repeat-x 0 0;
    text-transform: none;
    
    border: 1px solid #e3e3e3;
    border-width: 1px 1px 0 1px;
    
    font-size: 11px;
}
div.reiter div.img_top a.infoboards_tab:hover {
    color: #333333;
}

div.reiter div.img_top a.infoboards_tab.active {
    margin-top: 0;
    padding-top: 5px;
    background: #fcfcfc none;
}

div.reiter div.img_top a.infoboards_parent {
    margin-left: 30px;
}

/**********************************************************************
 *
 * Infoboards Themenwelten
 *
 *********************************************************************/

div.werbung div.themenwelten {
		margin: 0px 0px 0px 15px;
		border-bottom: 1px solid #E8E8E8;
		width: 695px;
		height: 170px; 	
}


 
div.werbung div.themenwelten div.left{
		float: left;
		margin: 0px 0 15px 0 !important;
}


div.werbung div.themenwelten div.right{
		float: left !important;
		margin: 10px 0 15px 25px !important;
}

div.werbung div.themenwelten div.right p{
		width: 400px;
}

div.werbung div.themenwelten div.right a{
		font-weight: bold;		
}

div.werbung div.themenwelten a.button_small_view{
		display: block;
		float: left;
		width: 100px;
		height: 20px;
		background-image: url(/fileadmin/img/button_jetzansehen.jpg);
		background-position: 0 0;
		margin: 20px 0 0 0px;
		
}

div.werbung div.themenwelten a.button_small_order{
		display: block;
		float: left;
		width: 100px;
		height: 20px;
		background-image: url(/fileadmin/img/button_buchen_small.jpg);
		background-position: 0 0;
		margin: 20px 0 0 0px;
		
}

/**********************************************************************
 *
 * Infoboards Vorteile
 *
 *********************************************************************/

div.werbung div.vorteile div.linkblock{
		margin: -40px 0 -20px 14px !important; 
		
}


div.werbung div.vorteile div.linkblock a{
		padding-right: 12px;  
		background-image: url(../img/arrow.png);
		background-position: right 4px;
		background-repeat: no-repeat;
		line-height: 28px;
		margin-bottom: 15px;
		color: #1F4495;
}

div.werbung div.vorteile div.linkblock a:hover{

		background-image: url(../img/arrow_active.png);
    text-decoration: none;
}

div.werbung div.vorteile div.linkblock img{
    margin-left: 0px !important;
    margin-right: 5px;
    padding-bottom: 3px
}

div.werbung div.vorteile div.linkblock p{
    margin-left: 0px !important;
    font-weight: bold;
}








/**********************************************************************
 *
 * SLIDER
 *
 *********************************************************************/
div.screen div.reiter div.img_bottom div.werbung div.jso_Slides div {
    margin-top: 0 !important;
}

/*
div.screen div.reiter div.img_bottom div.werbung div.jso_Slides div img,
div.screen div.reiter div.img_bottom div.werbung div.jso_Slides div p,
div.screen div.reiter div.img_bottom div.werbung div.jso_Slides div h1 {
    margin-left: 0;
}

div.werbung .jso_Slides {
    position: relative;
    margin: 33px;
    padding: 0;
    margin-top: -20px important;
}

div.werbung .jso_Slides .jso_slidesHead {
    margin: 0 0 10px;
    padding: 0;
    font-size: 14px;
}

div.werbung .jso_Slides .jso_slideContainer {
    border: 1px solid #e8e8e8;
    position: relative;
    margin: 0;
    padding: 0;
}

div.werbung .jso_Slides .jso_slideContainer .jso_Slide {
    padding: 21px;
    width: 616px;
    height: 350px;
    margin: 0;
    
    background-position: 0 0;
    background-repeat: no-repeat;
}

div.werbung .jso_Slides .jso_slideContainer .jso_Slide h1 {
    margin: 20px 0 10px;
    padding: 0;
    width: 320px;
}

div.werbung .jso_Slides .jso_slideContainer .jso_Slide p,
div.werbung .jso_Slides .jso_slideContainer .jso_Slide ul {
    width: 320px;
    padding: 0;
    margin: 0 0 10px;
}
*/

div.screen div.reiter div.img_bottom div.werbung .jso_Slides {
    position: relative;
    margin: 20px 0;
    padding: 0;
}
div.werbung div.jsc_Slides ul.jsc_Slides-Nav {
    background-color: #FCFCFC;
}
div.reiter div.img_bottom div.werbung div.jsc_Slides ul.jsc_Slides-Nav img {
    margin-left: 0;
}

div.werbung .jso_Slides .jso_slidesHead {
    margin: 0 0 10px;
    padding: 0;
    font-size: 14px;
}

div.werbung .jso_Slides .jso_slideContainer {
    border: 1px solid #e8e8e8;
    position: relative;
    margin: 0;
    padding: 0;
}

div.werbung .jso_Slides .jso_slideContainer .jso_Slide {
    padding: 21px;
    width: 616px;
    height: 392px;
    margin: 0;
    
    background-position: 0 0;
    background-repeat: no-repeat;
}

div.screen div.werbung .jso_Slides .jso_slideContainer .jso_Slide h1 {
    color: #1F4495;
    margin: 25px 0 0 0px;
    font-style: italic;
    font-size: 22px;
}
div.screen div.werbung .jso_Slides .jso_slideContainer .jso_Slide h2 {
    color: #6E6E6E;
    margin: 8px 0 0 0px;
    font-style: italic;
    font-size: 13px;
    font-weight: bold;
}

div.werbung .jso_Slides .jso_slideContainer .jso_Slide span.important {
    color: #1F4495;
    font-weight: bold;
}

div.screen div.werbung .jso_Slides .jso_slideContainer .jso_Slide p {
    margin: 0 0 10px 0px;
}

* html div.screen div.werbung .jso_Slides .jso_slideContainer .jso_Slide p {
    margin: -25px 0 10px 0px !important;
}

* + html div.screen div.werbung .jso_Slides .jso_slideContainer .jso_Slide p {
    margin: -25px 0 10px 0px !important;
}

div.werbung .jso_Slides .jso_slideContainer .jso_Slide ul {
    padding: 0;
    margin: 26px 0 10px 2px;
}
div.werbung .jso_Slides .jso_slideContainer .jso_Slide ul li {
    padding: 0 0 0 10px !important;
    width: auto;
    line-height: 18px;
    
    background-position: 0 9px !important;
    
}








div.reiter div.jsc_subtabBox div.jso_Slide h1{
    margin: 0px 0 0 15px;
}

div.reiter div.jsc_subtabBox div.jso_Slide h6{
    margin-left: 15px !important;
    width: 500px;
}

div.reiter div.jsc_subtabBox div.jso_Slide h6 i{
		color: #1F4495;
}

div.reiter div.jsc_subtabBox div.jso_Slide p{
    margin: 0px 0 0 15px !important;
    width: 500px;
}

* html div.reiter div.jsc_subtabBox div.jso_Slide p.bodytext{
    margin: 20px 0 0px 50px !important;
}

* + html div.reiter div.jsc_subtabBox div.jso_Slide p{
    margin: 10px 0 0 15px !important;
}

div.reiter div.jsc_subtabBox div.jso_Slide div p{
    margin: 0px 0 0 0px !important;
    width: 400px;
}



div.reiter div.img_bottom p {
    width:550px;
    margin-left: 23px;
}

div.reiter div.img_bottom p b a{
		background-image: none;
}

div.reiter div.img_bottom h4 {
    margin-top: 3px;
}

div.reiter div.img_bottom div.werbung h2 {
    margin: 0px 0 -20px 22px;
    font-size: 13px;
}