/* At-Rules */
@charset "iso-8859-1";

/****************************************************************************************************************************************************/
/******************************************************************     Basis     *******************************************************************/
/****************************************************************************************************************************************************/ 

body {
	background: #ffffff;	
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: arial,helvetica;
	font-size: 11px;
	color: #808080;
	letter-spacing: 0.05em;
}
br { 
letter-spacing: normal;
}


td {

	font-family: helvetica;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.05em;
}

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

h2 {
	MARGIN-TOP: 0;
	font-size: 11px;
	color: #0470bb;
	font-weight: bold;
	
}
h1 {
	line-height: 22px;  
    font-size:20px;	
}
h3 {
	font-family: arial,helvetica;
	MARGIN: 0;	 
	padding: 0;
	font-size: 11px;
	color: #0470bb;
	display: inline;    
    font-weight: normal;
}

a:link, a:visited {
	font-family: arial,helvetica;
	color: #808080;
	text-decoration: underline;	
}

a:hover {
	color: #FF9933;
	text-decoration: underline;	
}

#contentText a:link, a:visited {
	font-family: arial,helvetica;
	font-size: 21px;
	color: #ffffff;
	text-decoration: none;	
}
/****************************************************************************************************************************************************/
/******************************************************************     Bereiche  *******************************************************************/
/****************************************************************************************************************************************************/ 

#master {
	position: relative;
	margin-left: auto;
    margin-right: auto;
	margin-top: 100px;
	width: 1000px;
	
	z-index:1;
	/*background-image: url(../images/master_bg.jpg)	;*/

}

#top {
	text-align: left;  
	margin-left:auto;
	margin-right:auto;
} 

#top img{
	margin-left: 50px;

}

#middle {
	clear: both;
	padding-top: 20px;
	height: 402px;
           
}

#left {	
    width: 50px;
    float: left;
}

#left img {
	margin-bottom: 10px;
	padding-left: 15px;
}

#right {
	width: 50px;
	float: right;
	margin-top:190px;  

 
    
}
#right img {
	padding-bottom: 5px;
	padding-right: 20px;  


}

#content { 
	float: left;
	width: 897px;
    /*border: 1px solid #000000;*/
    height: 400px; 
    background: #000000;
    color: #ffffff;
    font-family: verdana, arial;
    font-size: 10px;
	position: absolute;
	left: 50px;
    
}

#footer {
	clear:both;
	padding-top: 13px;
	font-family: verdana,arial;
	font-size: 10px;
	color: #50514a; 
    margin-left: 50px;
}


/* Navigation */
ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
} 
 
/****************************************************************************************************************************************************/
/******************************************************************     Blocks    *******************************************************************/
/****************************************************************************************************************************************************/ 



/**************************************************************************/
/*																		  */
/*						Block 1											  */
/*																		  */
/**************************************************************************/

#block1{
	font-family: Verdana,Arial,Helvetica;	
    margin-left: 30px;   
   	padding-top: 63px;

}



div#block1 a#activetop,div#block1 a#activesub {
	color: #f1c526;
}

div#block1 a.menu_top:link,
div#block1 a.menu_top:visited {
	font-family: Arial,Verdana,Helvetica;
	font-size: 11px;
	text-decoration: none;
	color: #000000;	
	letter-spacing: 1px;
	margin-left: 20px;  
    font-weight: bold;
}

div#block1 a.menu_top:hover {
	color: #f1c526;
}

div#block1 a.menu_sub:link,
div#block1 a.menu_sub:visited {
	font-family: Arial,Verdana,Helvetica;
	font-size: 11px;
	text-decoration: none;
	color: #818386;	
	letter-spacing: 1px;
}

div#block1 a.menu_sub:hover {
	color: #f1c526;

}
#block1 span#trenner {
	padding-left: 5px;
	padding-right: 5px;
}

#block1 .templ_menu {
	float: left;
	margin-right: 7px;
	background: #ffffff;
	width: 122px;
	height: 61px;
	position: relative;
	padding-top: 0px;
	border-left: 1px solid black;

	
	
}

span.sub {
	bottom: 0px;
	position: absolute;
	margin-left: 20px;
	}

/**************************************************************************/
/*																		  */
/*						Block 2											  */
/*																		  */
/**************************************************************************/

#block2{  
    font-family: arial,helvetica;
   	font-size: 11px;
   	color: #60615a	;  
    width: 700px;   
    display: insite;     
    float: left;
}

div#block2 a {
	text-decoration: none;	
    color: #60615a;	 

}

div#block2 a:hover {
	color: #f4af07;
}

div#block2 #active_menu {
	background-image: url(../images/bg_left.gif)	;
	background-repeat: no-repeat;  
	color: #0470bb;
}

div#block2 a.menu:link,
div#block2 a.menu:visited {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #808080;	
}

div#block2 a.menu:hover {
	text-decoration: underline;	
}

div#block2 p {
	padding-left: 0px;
}

div#block2 h3 {
	padding-left: 20px;
}

.blocktext {	
   font-size: 10px;
   padding-left: 20px;
   padding-top: 10px;
   padding-bottom: 10px;
   letter-spacing: 0.0em;
	
}

/**************************************************************************/
/*																		  */
/*						Block 3											  */
/*																		  */
/**************************************************************************/

#block3{

}



div#block3 a#activetop,div#block1 a#activesub {
	color: #f1c526;
}

div#block3 a.menu_top:link,
div#block3 a.menu_top:visited {
	font-family: Arial,Verdana,Helvetica;
	font-size: 11px;
	text-decoration: none;
	color: #cbcbcb;	
	letter-spacing: 1px;
	margin-left: 20px;  
    font-weight: normal;
}

div#block3 a.menu_top:hover {
	color: #f1c526;
}

div#block3 a.menu_sub:link,
div#block3 a.menu_sub:visited {
	font-family: Arial,Verdana,Helvetica;
	font-size: 11px;
	text-decoration: none;
	color: #818386;	
	letter-spacing: 1px;
}

div#block3 a.menu_sub:hover {
	color: #f1c526;

}
#block3 span#trenner {
	padding-left: 5px;
	padding-right: 5px;
}


#block3 .templ_menu {
	float: left;
	margin-left: 378px;
	background: #ffffff;
	width: 102px;
	height: 61px;
	position: relative;
	padding-top: 0px;
	border-right: 1px solid #cbcbcb;
	padding-right: 12px;
	
}

#block3 span.sub {
	bottom: 0px;
	position: absolute;
	margin-left: 20px;
	}

/**************************************************************************/
/*																		  */
/*						Block 4											  */
/*																		  */
/**************************************************************************/

#block4 {
	float:right;
}


#block4 ul {
	margin: 0; padding-right: 20px;
    text-align: right;
}  

#block4 ul li{
	display: inline;
	margin: 0; padding: 0;
}

div#block4 #active_menu {

}

div#block4 a.menu:link,
div#block4 a.menu:visited {
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	color: #808080;		
}
div#block4 a.menu:hover {
	text-decoration: underline;	
}
#block4 span#trenner {
	padding-left: 10px;
	padding-right: 10px;
}

/****************************************************************************************************************************************************/
/******************************************************************     Elemente  *******************************************************************/
/****************************************************************************************************************************************************/ 

	  

#logo {
	float:right;
	padding-right: 30px;
	padding-top: 9px;
	
		
}

#rahmen_ol {
	position: absolute;
	top:-1px;
	left: -1px;
	z-index:10;
}
#rahmen_or {
	position: absolute;
	top:-1px;
	right: -1px;
	z-index:10;
}    
#rahmen_ur {
	position: absolute;
	bottom:-1px;
	right: -1px;
	z-index:10;
}    
#rahmen_ul {
	position: absolute;
	bottom:-1px;
	left: -1px;
	z-index:10;
}

#opacityImg {
	position: absolute;
	top: 0px;
	left: 0px;
	background: black;
	z-index: 0;
}

div#malerei a {
	float:right; 
    margin-right: 53px;
	padding-top: 4px;
}

div#malerei a:hover {
	text-decoration: underline;	
}
/****************************************************************************************************************************************************/
/******************************************************************     Speziell  *******************************************************************/
/****************************************************************************************************************************************************/ 




       

/**************************************************************************/
/*																		  */
/*						Flexcroll										  */
/*																		  */
/**************************************************************************/

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
z-index: 9000;
}

.vscrollerbase {
width: 12px;
z-index: 9000;
background: #ffffff url(../images/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}




.vscrollerbar {
width: 12px;
padding: 20px;
background: #000000 url(../images/basebarcaps_verticalbarbody.png) -14px 0px repeat-y;
z-index: 9000;
}

.vscrollerbarbeg {
background: url(../images/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(../images/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.vscrollerbasebeg {
background: url(../images/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(../images/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}

/****************************************************************************************************************************************************/
/****************************************************************** FCK Vorlagen  *******************************************************************/
/****************************************************************************************************************************************************/ 

#contentText{		  
    font-family: arial,helvetica;
   	font-size: 11px;   	
	padding: 18px;
	padding-left: 20px;
	line-height: 15px;
	overflow: none;
	z-index: 10;
}

#abgesetzterText{	
    font-family: arial,helvetica;
   	font-size: 11px;
   	color: #808080	; 
	padding-top: 97px;
	padding-left: 20px;
	line-height: 17px;		 
	width: 670px;

}

#ImageText{	
	height: 100%;
}
                   
td.Imagetext-image{
	vertical-align: bottom;
}

td.Imagetext-text {
	vertical-align: top;
	padding-top: 97px;
	padding-left: 20px;
}


     
/****************************************************************************************************************************************************/
/******************************************************************     Module    *******************************************************************/
/****************************************************************************************************************************************************/ 
 
/**************************************************************************/
/*																		  */
/*						Referenzen										  */
/*																		  */
/**************************************************************************/

div#leftimage {
	position: absolute;
	height: 430px;
	width: 32px;
	top: 0px;
	left: 5px;
	z-index: 6000;
	filter:alpha(opacity=30);
	-moz-opacity:.3;
	opacity:.3;

}

div#leftimage img{
	position: relative;
	top: 50%;
	right: 3px;
    

}

div#rightimage {
	position: absolute;
	height: 430px;
	width: 32px;
	top: 0px;
	right: 5px;
	z-index: 6000;
	filter:alpha(opacity=30);
	-moz-opacity:.3;
	opacity:.3;

}

div#rightimage img{
	position: relative;
	top: 50%;
	left: 3px;
    z-index: 6000;

}	 

div#alttext {   
	font-family: Arial,Verdana,Helvetica;
	font-size: 11px;
	position: absolute;
	bottom: 47px;
	left: 250px; 
    color: #006eb9;
	width: 300px;
}

span#alttext a {   
	font-family: Arial,Verdana,Helvetica;
	font-size: 11px;
	
}

span#desc {   
	font-family: Arial,Verdana,Helvetica;
	font-size: 11px;
	position: absolute;
    z-index: 100;
   
    padding: 15px;

    
}  
#left_arrow {
	padding-top: 100px;
}

/**************************************************************************/
/*																		  */
/*						Kontakte										  */
/*																		  */
/**************************************************************************/

#kontakt_table {
	margin-left: 30px;
    padding-top: 45px;
    
}
#kontakt_form {

    width: 510px;
 
    z-index: 500;

	font-family: arial,helvetica;
	font-size: 11px; 

    
}
#kontakt_trenner {
	clear:both;
    line-height: 10px;
}

.kontakt_label{
	width: 65px;
    float:left;        

}

.kontakt_layer_small{
	width: 481px;
    float:left; 
    margin-bottom: 15px;
}    
.kontakt_layer_wide{
	width: 685px;
    margin-bottom: 15px;
}


.kontakt_text_small,.kontakt_text_smallHovered{
   	width:400px;
	height:23px;
	border:none;
	padding:4px 8px;   
    font-size:11px;
    color: #000000;     
    background: #ffffff;
    border: 1px solid #808080;

} 
.kontakt_text_smallHovered {
	background-position:left bottom;
}

.kontakt_text_wide{
	width: 250px;
}
.kontakt_textarea_small{
	width: 400px;   
    height:75px;  
    background: #ffffff;
    border: 1px solid #808080;  
    font-family: arial,helvetica;  
    color: #000000;  
    font-size:11px;    
    padding:4px 8px;  

}
.kontakt_textarea_wide, .kontakt_textarea_wideHovered{
	width:602px;
	height:102px;

	border:none;
	padding:4px 8px; 
	overflow: hidden; 
	font-size:11px;
    color: #808080;  
    font-family: arial,helvetica;
}  
.kontakt_textarea_wideHovered{
	background-position:left bottom;
}

.kontakt_select_small{ 
	width: 250px;
}
.kontakt_select_wide{
 	width: 600px; 
    font-size:11px;
    color: #808080;  
    font-family: arial,helvetica;
} 


/*Button*/
.kontakt_buttonsubmit, .kontakt_buttonsubmitHovered {
	border: 1px solid #808080;
	background: #000000; 
	color: #ffffff;
	width: 70px;
	margin-left:65px;

}

.kontakt_buttonsubmitHovered {
	background-position:left bottom;
}

#messagebox {
	position: absolute;
	top: 120px;
	left: 200px;
	width: 249px;
	height: 96px;	
	padding:50px;
	background-image: url(../images/message.gif)	;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;      
    z-index: 1000;
    visibility: hidden;
}

#close {
	position: absolute;
	bottom: 5px;
	right: 10px;
    color: blue;
    font-weight: bold;
}		
	   




