
html, body {
	margin:0;
	padding:0;
	position:left;
	top: 0;	
	left:0;
	right:0;
	background-image:url(../images/bg.jpg); 
	background-repeat:repeat;
}




/******************************************    TABELLEN    **********************************************/



.navi {
	border-width:7px;
	border-style:solid;
	border-color:#ffffff;
}



td {
	font-family: Verdana,Arial,  Helvetica, sans-serif; 
	font-size:10pt; 
	color:#ffffff;	
}

.table_right {
	font-family: Verdana,Arial,  Helvetica, sans-serif; 
	font-size:9pt; 
	border-left: 4px solid #ffffff;	
}



/******************************************    DIV BEREICHE ALLGEMEIN    **********************************************/


/* ----------container zentriert-------------- */


#container {
	width: 1020px;
	margin-left: 0px;
	margin-top: 0px;
	border:0px solid #000000;
	background:#ffffff;
}



/* ----------header logo-------------- */
#head {
	height:105px;
	text-align: right;
	padding: 0px;
	margin: 0px;
	background:#ffffff;
	
}


/* ----------content-------------- */



#content2 {
	position:absolute;
	clear:none;
	float: top;
	margin: 0 330px;
	width:570px;
	height:500px;	
	border:0px solid;
	background:#5f656d;

}







/* --------------linke navigavtion------------- */
#left {
	position:absolute;
	float: left;
	width: 320px;
	height:500px;
	margin: 0px;
	padding: 0px;
	background:#565d65;
	border-left: 12px solid #ffe500;


}

/* --------------rechte navigavtion------------- */
#right {
	float: right;
	position: relative;
	min-width: 120px;
	height:500px;
	margin-left: 6px;
	padding: 0;
	background:#565d65;


}

/* --------------teaser------------- */
#teaser {
	position: absolute;
	top:105px;
	left:905px;
	margin: 0;
	padding: 0;


}

#teaser2 {
	position: absolute;
	top:230px;
	left:700px;
	margin: 0;
	padding: 0;


}


#addthis {
	position: absolute;
	top:575px;
	left:915px;
	margin: 0;
	padding: 0;


}



/* ----------content mit scrollbar -------------- */

p, div {
        padding: 0;
        margin: 0;
      }  
      
      
#content {
        clip: rect(0 570px 500px 0);
        width: 570px;
        margin: 0 330px;
        position: absolute;
        background:#5f656d;
       
      }
      .scroller {
        float: right;
        width: 10px;
        background:#5f656d;
        position:absolute;
		margin: 0 880px;
		border:0px solid;
         
      }
      .scroller .arrow_up {
        background-image:url(../images/scrollup.gif);
		background-repeat:no-repeat;
        cursor: pointer;
        padding: 4px; 
        margin-top:8px;
      }
      
      .scroller .arrow_down {
        background-image:url(../images/scrolldown.gif);
		background-repeat:no-repeat;
        cursor: pointer;
        padding: 4px;
        margin-bottom:8px;
        
        
      }
      .scroller .bar {
        height: 460px;
        margin: 2px;
        border: 1px solid #5f656d;
        padding: 0 2px;
        background:#5f656d;
      }



/******************************************    LINKS    **********************************************/





a:link { color:#ffe500; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:normal;}
a:visited { color:#ffe500; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:normal;}
a:hover { color:#ffe500; text-decoration:underline;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:normal;}
a:focus { color:#ffe500; text-decoration:none;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:normal;}


a.white:link { color:#ffffff; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:normal;}
a.white:visited { color:#ffffff; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:normal;}
a.white:hover { color:#ffffff; text-decoration:none;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:normal;}
a.white:focus { color:#ffffff; text-decoration:none;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:normal;}

a.meta:link { color:#898e94; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:normal;}
a.meta:visited { color:#898e94; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:normal;}
a.meta:hover { color:#898e94; text-decoration:none;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:normal;}
a.meta:focus { color:#898e94; text-decoration:none;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:normal;}

a.subnavi:link { color:#ffffff; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold;}
a.subnavi:visited { color:#ffffff; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold;}
a.subnavi:hover { color:#ffe500; text-decoration:none;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold;}
a.subnavi:focus { color:#ffe500; text-decoration:none;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold;}


/******************************************    FONTS    **********************************************/


.standard {
	font-family: Verdana,Arial,  Helvetica, sans-serif; 
	font-size:10pt; 
	color:#ffffff;	
}

h2 {
	font-family: Verdana,Arial,  Helvetica, sans-serif; 
	font-size:10pt; 
	color:#ffffff;	
	font-weight:bold;
	margin-top:5px;
	margin-bottom:-10px;
}

h1 {
	font-family: Verdana,Arial,  Helvetica, sans-serif; 
	font-size:11pt; 
	color:#ffffff;	
	font-weight:bold;
	margin-top:5px;
	margin-bottom:-10px;
}


.metanavi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt; 
	color:#898e94;	
}

.rechtstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt; 
	color:#ffffff;	
}

.subnavi_a {
	font-family: Verdana,Arial,  Helvetica, sans-serif; 
	font-size:10pt; 
	color:#ffe500;	
	font-weight:bold;
}



/******************************************    LISTEN    **********************************************/




.liste_bullet_white{

	padding: 0px;
   	margin: 20px;
	list-style-type:square;
	color:#ffffff;
	margin-top:0px;
	margin-bottom:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10pt; 
}

.liste_bullet_yellow{

	padding: 0px;
   	margin: 15px;
	list-style-type:disc;
	color:#ffe500;
	margin-top:0px;
	margin-bottom:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10pt; 
}

.liste_strich{

	padding: 0px;
   	margin: 0px;
	list-style-type:none;
	color:#ffffff;
	margin-top:0px;
	margin-bottom:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10pt; 
}







/******************************************    SLIDER    **********************************************/
#wrapper {
    width: 510px;
    margin: 100px 29px;
 
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 510px;
    margin: 0 auto;
    position: relative;
	border: 2px solid #565d65;
	background:#ffffff;
}

.scroll {
	overflow: hidden;
	width: 510px;
    margin: 100 auto;
    position: absolute;
    background:#ffffff;
    height:380px;
}

.scrollContainer {
	position: relative;

}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 328px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height:380px;
	bottom: 0;
	background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height:380px;
	bottom: 0;
	background: url(../images/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: 1px solid #565d65;
	background:#5f656d;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h3 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff;
	font-size: 12px;
	margin: 0 0 8px 0;
}


.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -29px;
}

.scrollButtons.right {
    right: -29px;
}

.hide {
    display: none;
}




