/*Generelle Anweisungen-----------------------------------------------------------------------------------------------------*/
body {
    background-image: url(../images/bg.jpg);
    background-repeat: repeat-x;
    background-color:#5e5e5e;
    margin: 0px;
    padding: 0px;
     font-family: Arial,Helvetica; 
   font-size: 12px;
    color: #ffffff; 
}

td {
	font-family: Arial,Helvetica;  
   font-size: 12px;
	color: #ffffff; 
}

form{
	margin: 0px;
	padding: 0px;
}

div{
	padding: 0px;
	margin:0px;
}

a{
	font-family: Tahoma;
	color: #ffc821;
	text-decoration: underline;
    text-decoration: none;
}

a:hover{
	color: #ffffff;
}

.rahmen{
	border: 1px solid #ffffff;
}
a.bildrahmen img{
	border: 1px solid #ffffff;
}
a.bildrahmen:hover img,
a.bildrahmen img.aktiv,
a.bildrahmen:hover img.aktiv{
	border: 1px solid #ffc821;
}
a.nodeco img,a.nodeco:hover img{
	border:0px;
}

/*Grundcontent-----------------------------------------------------------------------------------------------------------------------*/
#MainFrame{
	padding: 0px;
	margin: 0px;
}
.in_abst_8{
	padding: 8px;
}
.in_abst_8808{
	padding: 8px 8px 0px 8px;
}
.in_abst_b8{
	padding-bottom: 8px;
}

.in_abst_t8{
	padding-top: 8px;
}


.out_abst_8{
	margin: 8px;
}

.out_abst_l8{
	margin-left: 8px;
}
.out_abst_r8{
	margin-right: 8px;
}
.out_abst_t8{
	margin-top: 8px;
}
.out_abst_b8{
	margin-bottom: 8px;
}
.out_abst_80{
	margin: 8px 0px;
}
.out_abst_08{
	margin: 0px 8px;
}

.out_abst_b16{
	margin-bottom: 16px;
}
.out_abst_t16{
	margin-top: 16px;
}
.out_abst_l16{
	margin-left: 16px;
}
.out_abst_r16{
	margin-right: 16px;
}
.out_abst_016{
	margin: 0px 16px;
}

.cont_1spalte{
	width: 256px;
}
.cont_2spalten{
	width: 528px;
}
.cont_3spalten{
	width: 800px;
}
.cont_4spalten{
	width: 1072px;
}

.cont_bg{
	background-color: #191919;
	padding: 16px 0px 32px 0px;
}
.float_left{
	float: left;
}
.float_right{
	float: right;
}
.ClearEnd {
	clear:both;
}
/*Header, Status----------------------------------------------------------------------------------------------------------------------*/

#support{
    
    margin: 0px;    
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position:fixed;
    top: 300px;
    left: -190px;
    width: auto;
    height: auto;
}

.support_buts{
	float:right;
}

.social_icons{
	display:inline;
	margin:2px 4px 0px 0px;
	height:16px;
	width:auto;
	float:left;
}

.social_icons img{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}


table.ContentFrame {
	margin: 16px auto;
}

.headLogo {
	width: 1104px;
	background-image: url('../images/header_bg.png'); 
	background-repeat: no-repeat;
	height: 96px;
}
.headLogoLinks {
    width:406px;
    vertical-align: middle;
}

.headLogoCMS {
    width: 400px;
    max-height: 86px;
    overflow: hidden;
    text-align: center;
}

.headLogoRechts {
	width:568px;
	vertical-align:top;
}
/*Hauptnavi----------------------------------------------------------------------------------------------------*/
.hnaviContainer {
	width:1104px;
	background-image: url(../images/hnaviBg.gif);
	background-repeat: repeat-x;
	margin-bottom: 1px;
	height: 39px;
}
.hauptnavi a span{
	margin: 8px 0px 8px 0px;
	padding: 0px 12px 0px 12px;
	display: block;
	border-left: 1px dotted #ffffff;
	width:auto;
	cursor:pointer;
}
.hauptnavi a{
	font-family: Tahoma; 
	font-size: 20px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	display: block;
	width:auto;
	float: right;
}
.hauptnavi a:hover,
 a.hauptnaviaktiv,
 a.hauptnaviaktiv:hover{
 	color: #ffc821;
}

/*?berschriften----------------------------------------------------------------------------------------------------------------------*/
h1{
    font-family: Tahoma;
    font-weight: bold;
    font-size: 20px;
	color: #990099;
	padding: 0px;
	margin: 0px;
}

h4{
	font-family: Tahoma;
	font-weight: normal;
	font-size: 14px;
	color: #990099;
	padding: 0px;
	margin: 0px;
}

h5{
	font-family: Tahoma;
	font-weight: normal;
	font-size: 12px;
	color: #990099;
	padding: 0px;
	margin: 0px;
}

.txt{
	color: #ffc821;
}
/*Links, button etc.-----------------------------------------------------------------------------------------------------------------*/
a.pf_link{
	background-image: url(../images/pfeil.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding: 0px 0px 0px 13px;
	font-family: Tahoma;
	font-weight: normal;
    font-size: 12px;
	color: #f4af00;
	text-decoration: none;
}

a.pf_link:hover{
	background-position: left -27px;
	color: #000000;
}



.box_bg .news:hover a.pf_link{
	background-image: url(../images/pfeil.gif);
	background-repeat: no-repeat;
	background-position: left -27px;
	padding: 0px 0px 0px 13px;
	font-family: Tahoma;
	font-weight: normal;
    font-size: 12px;
	color: #000000;
	text-decoration: none;	
}

.box_bg .news:hover a:hover, .box_bg a:hover{
	color: #000000;
}

.headLogoRechts a.pf_link:hover, .box_headBG a.pf_link:hover, a.pf_link.aktiv, a.pf_link.aktiv:hover{
	background-image: url(../images/pfeil_weiss.gif);
	background-position: left -27px;
	color: #ffffff;
}

a.but_124{
    background-image: url(../images/button_124.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    font-family: Tahoma; 
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 4px 0px 0px 0px;
    margin: 0px;
    height: 26px;
    width: 124px;
    cursor: pointer;
}

a.but_124:hover{
    background-position: 0px -45px;
    color: #714e00;
}

a.but_200{
	background-image: url(../images/button_200.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-family: Tahoma; 
    font-size: 16px;
	font-weight: bold;
	color: #000000;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	height: 28px;
	width: 200px;
    cursor: pointer;
}

a.but_200:hover{
	background-position: 0px -36px;
	color: #714e00;
}

.but_bg{
	background-image: url(../images/but_bg.png);
	background-repeat: repeat;
	background-position: bottom left;
	height:48px;
	padding: 0px 8px 0px 8px;
}

a.butSupport_124{
	background-image: url(../images/buttonSupport_124.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-family: Tahoma; 
   font-size: 14px;
	font-weight: bold;
	color: #000000;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 6px 0px 0px 0px;
	margin: 0px 2px 0px 0px;
	height: 26px;
	width: 124px;
	float: left;
}
a.butSupport_124:hover{
	background-position: 0px -64px;
	color: #714e00;
}
/*Boxen, Tabellen-----------------------------------------------------------------------------------------------------------------------------*/
.box_headBG{
    background-image: url(../images/box_headBG.gif);
    background-repeat: repeat-x;
    background-position: top left;
    height: 28px;
    margin-bottom: 1px;
    font-family: Tahoma;
    font-weight: normal;
    font-size: 20px;
    color: #ffffff;
    padding: 4px 8px 0px 8px
}

.box_headBG small{
	font-weight: normal;
	font-size: 16px;
	color: #999999;
}

.box_bg{
	background-color: #ffffff;
	color: #000000!important;
}

.box_bg div, .box_bg td{
	color: #000000;
}

.box_bg .news:hover{
	background-color: #efefef;
	color: #000000;
}

.box_bg .news a{
	color: #;
}



/*diverse elemente------------------------------------------------------------------------------------------------------------------*/
.pktline{
	border-bottom: 1px dotted #2f2f2f;
	padding-bottom: 8px;
}

.hr{
	border-bottom: 1px dotted #999999;
	padding: 0px;
}
.sternList{
	background-image: url(../images/32_stern.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-family: Tahoma;
	font-weight: normal;
    font-size: 14px;
	color: #ffffff;
	padding: 5px 0px 0px 48px;
	margin: 0px;
	height: 27px;
}
/*Teaser----------------------------------------------------------------------------------------------------------------------------*/
.divBildteaser_256_x{
	width:256px;
	float:left;
	display:block;
	margin: 8px;
	height: 377px;
}
.divBildteaser_384_x{
	width:384px;
	float:left;
	display:block;
	margin: 8px;
	height: 138px;
}
.divBildteaser_528_x{
	width:528px;
	float:left;
	display:block;
	margin: 8px;
	height: 377px;
}

.divBildteaser_1072_x{
	width:1072px;
	display:block;
	margin: 0px 8px 16px 8px;
	/* height: 377px; */
}

/*search------------------------------------------------------------------------------------------------------------------------------*/

/*zaehlerleiste-----------------------------------------------------------------------------------------------------------------------------*/


/*Formulare--------------------------------------------------------------------------------------------------------------------------*/
form.quicklaunch select{
	font-size: 12px;
	font-family: Tahoma;
	height: 20px;
	font-weight: normal;
}

textarea {
    resize: none;
}

.textfeld {
    font-size: 12px;
    color: #000000;
    font-family: Tahoma;
    padding: 1px 5px;
    height: 16px;
    margin:0px;
    border: 1px solid #c2c2c2;
    float: left;
}

.fehler{
    border: 1px solid #f4af00;
    float: left;
}

.infolayer{
    
    width:200px;
    display:block;
    background:url(../images/layer_pf.png) top left no-repeat;
    float:left;
    margin: 0px 0px 0px 0px;
    position: absolute;
}

.infolayer_text {
    
    padding: 4px;
    margin-left:6px;
    width:200px;
    background-color: #373737;
    font-size: 12px;
    color: #ffc821!important;
    font-family: Tahoma;
    display:block;
    border: 1px solid #373737;
}

.layer_content {

    -moz-box-shadow: 5px 5px 10px #000000; 
    -webkit-box-shadow: 5px 5px 10px #000000; 
    box-shadow: 5px 5px 10px #000000; 
    
    background:url(../images/popupBg.jpg) top left repeat-x;
}

input.button_124{
	background-image: url(../images/but_login.png);
	background-repeat: repeat-x;
	background-position: left;
	font-family: Tahoma; 
	font-weight: bold;
    font-size: 12px;
	color: #000000;
	text-align: center;
	text-decoration: none;
	padding: 0px 0px 22px 0px;
	width:124px; 
	height: 20px;
	border: 1px solid #d7bc60;
	background-color: #bf9b3c;
    cursor: pointer;
}

input.button_124clicked{
    display:none;
}

.button_200{
	background-image: url(../images/but_bg_32.png);
	background-repeat: repeat-x;
	background-position: top left;
	font-family: Tahoma; 
	font-weight: bold;
    font-size: 16px;
	color: #000000;
	text-align: center;
	text-decoration: none;
	padding: 0px 0px 2px 0px;
	width:200px; 
	height: 30px;
	border: 1px solid #d7bc60;
	background-color: #bf9b3c;
    cursor: pointer;
}

.button_200clicked{
    display:none;
}

input.button_260{
    background-image: url(../images/but_bg_32.png);
    background-repeat: repeat-x;
    background-position: top left;
    font-family: Tahoma; 
    font-weight: bold;
    font-size: 16px;
    color: #000000;
    text-align: center;
    text-decoration: none;
    padding: 0px 0px 2px 0px;
    width:260px; 
    height: 30px;
    border: 1px solid #d7bc60;
    background-color: #bf9b3c;
    cursor: pointer;
}

a.button_260{
	background-image: url(../images/but_bg_32.png);
	background-repeat: repeat-x;
	background-position: top left;
	font-family: Tahoma; 
	font-weight: bold;
    font-size: 16px;
	color: #000000;
	text-align: center;
	text-decoration: none;
	padding: 10px;
	width:260px; 
	height: 30px;
	border: 1px solid #d7bc60;
	background-color: #bf9b3c;
    margin-right: 10px;
}

input.button_260clicked{
    display:none;
}

.login_but {
	background-image: url(../images/but_login.png);
	background-repeat: repeat-x;
	background-position: left;
	font-family: Tahoma; 
	font-weight: bold;
    font-size: 12px;
	color: #000000;
	text-align: center;
	text-decoration: none;
	padding: 0px 0px 2px 0px;
	width:60px; 
	height: 20px;
	border: 1px solid #d7bc60;
	background-color: #bf9b3c;
    cursor: pointer;
}

.login_butclicked{
    display: none;
}


/*footer-------------------------------------------------------------------------------------------------------------------------------*/
.footer{
	background-image: url(../images/footerBg.png);
	height: 48px;
	text-align: center;
	margin-top: 1px;
	width: 1104px;
}
.footer a span{
	margin: 17px 0px 17px 0px;
	padding: 0px 12px 0px 12px;
	display: block;
	border-left: 1px dotted #676767;
	width:auto;
	cursor:pointer;
	float: right;
}
.footer a{
	font-family: Tahoma;
	font-weight: normal;
    font-size: 12px;
    color: #676767;
	text-decoration: none;
	display: block;
	width:auto;
}
.footer a:hover{
	color: #ffffff;
}

/*----------------TOOLTIP----------------*/

.map_layer{
	width: 296px;
	display:block;
	z-index:1000;
}

.map_top{
	background: url(../images/map_bg_top.png) top left no-repeat;
	width: 296px;
	height: 10px;
	display:block;		
}

.map_cont{
	background: url(../images/map_bg.png) top left repeat-y;
	width: 286px;
	display:block;
	padding: 0px 5px 0px 5px;	
	height: 100%;
	color: #000000;
}

.map_bottom{
	background: url(../images/map_bg_bottom.png) top left no-repeat;
	width: 296px;
	height: 24px;
	display:block;		
}

 a.close{
    background:url(../images/close.png) left 1px no-repeat;
    width: 12px;
    height:12px;
    display: inline-block;
    text-decoration: none;
    margin: 0px;
}

 a.close:hover{
    background:url(../images/close.png) left -19px no-repeat no-repeat;
    color: #000000;
    text-decoration: none;
}

.formerror {
    
    padding-top: 5px;
    color:#990099 !important;
    font-family: Tahoma;
    font-size: 12px;
}

.errorMsg {
    
    padding-bottom: 5px;
    color:#990099 !important;
    font-family: Tahoma;
    font-size: 14px;
}

.wmspecial {

    font-style: italic;
    color: #FF7700;
}

.gallery {
    
    padding: 8px 0px 8px 0px;
}

.gallery h2 {
             
    font-family: Tahoma;
    font-size: 18px;
    color: #000000;
}

.gallery p {
    
    font-size: 12px;
    color: #000000;
}

.gallery .thumbnail {
    
    background-repeat: no-repeat;
    background-position: center center;
    
    margin: 0px 3px 3px 0px;
    border: 1px solid #000000;
}

.gallery .thumbnail:hover {
    
    border: 1px solid #FF7700;
    
    cursor: pointer; 
}

.ellipsis {
    
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.RapidBLEND {
    
    background-color: black;
}

.RapidSLIDESHOW {

    font-family: Tahoma; 
    font-size: 12px;
}

.RapidSLIDESHOW .close {
    
    color: #000000;    
    text-align: right;
    margin: 0px 55px 3px 50px;
}
                 
.RapidSLIDESHOW .left {
        
    background: url(../images/last.png) transparent no-repeat center center;
    margin: 0px 5px;
    width: 45px;
    height: 45px;

    -webkit-box-shadow: 5px 5px 12px 0px #000000; /* WebKit */
    -moz-box-shadow: 5px 5px 12px 0px #000000; /* Firefox */
    box-shadow: 5px 5px 12px 0px #000000; /* Standard */ 
    
    -moz-border-radius:8px; -webkit-border-radius:8px; -opera-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;   
}
                 
.RapidSLIDESHOW .images {
    
    border: 2px solid #000000;
    
    background: url(../images/pleasewait.gif) #000000 no-repeat center center;
    
    -webkit-box-shadow: 5px 5px 12px 0px #000000; /* WebKit */
    -moz-box-shadow: 5px 5px 12px 0px #000000; /* Firefox */
    box-shadow: 5px 5px 12px 0px #000000; /* Standard */ 
}

.RapidSLIDESHOW .right {
    
    background: url(../images/next.png) transparent no-repeat center center;
    margin: 0px 5px;
    width: 45px;
    height: 45px;

    -webkit-box-shadow: 5px 5px 12px 0px #000000; /* WebKit */
    -moz-box-shadow: 5px 5px 12px 0px #000000; /* Firefox */
    box-shadow: 5px 5px 12px 0px #000000; /* Standard */ 
    
    -moz-border-radius:8px; -webkit-border-radius:8px; -opera-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;   
}

.RapidSLIDESHOW .picture {

}

.RapidSLIDESHOW .description {
    
    text-align:       center;
    background-color: #000000;
    color:            #FFFFFF;
}

.zaehlerBG{
    background-image: url(../images/zaehlerBG.gif);
    background-repeat: repeat-x;
    background-position: top left;
}

.zaehler a{
    background-image: url(../images/zaehler_but.gif);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    font-family: Arial,Helvetica; 
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 4px 0px 0px 0px;
    width: 24px;
    height: 20px;
    margin: 0px 1px;
}
.zaehler a:hover,
 a.zaehleraktiv,
 a.zaehleraktiv:hover{
     background-position: 0px -48px;
     color: #000000;
 }

 a.but_vor{
    background-image: url(../images/zaehler_vor.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 24px;
    width: 24px;
    display: block;
    margin-left: 1px;
}
a.but_vor:hover{
    background-position: 0px -48px;
}
 a.but_zurueck{
    background-image: url(../images/zaehler_zurueck.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 24px;
    width: 24px;
    display: block;
    margin-right: 1px;
}
a.but_zurueck:hover{
    background-position: 0px -48px;
}
 a.but_anfang{
    background-image: url(../images/zaehler_anfang.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 24px;
    width: 24px;
    display: block;
    margin-right: 1px;
}
a.but_anfang:hover{
    background-position: 0px -48px;
}
 a.but_ende{
    background-image: url(../images/zaehler_ende.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 24px;
    width: 24px;
    display: block;
    margin-left: 1px;
}
a.but_ende:hover{
    background-position: 0px -48px;
}

.faqcontent {
    
    background-color: #EEEEEE;
        
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    
    padding: 10px;
    margin-bottom: 10px;
}

.benefit {

    width: 164px;
    overflow: hidden;
}

.benefit:hover {
    background-color: #EEEEEE;
}