/* CSS Document */
/*
 editorial stylesheet madeira
 this css file contains the basic stylez for the templates (not the stylez for the content elements )
 #################################################################################################### 
 ### TOC ############################################################################################
 
 1. basic ma
 
 2. page (main container)
 
 3. quickmenu (static menu upper left)
 
 4. headergrafik (balken)
 
 5. header
 
 6. content container
 
 7. menu (mainMenu)
 
 8. pathway (rootline)
 
 9. contentLeft
 
 10. contentCenter
 
 11. contentRight
 
 12. footer
   
 ####################################################################################################
 # default colors ### 
 ####################################################################################################

*/


/***************************************************************************************************/
/* 1. basic */
/***************************************************************************************************/
* {
	margin:0px;
	padding:0px;
}

html , body{
  height:100%;
  width:100%;
}

body{
	font-family:arial, verdana, tahoma, sans-serif;
	font-size:100.01%;	  
	background-color:#abaaa4;
	text-align:center;
}

/* hyperlinks */
a {
	color:#479AE2;
	text-decoration:none;
}

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

/* the clearer */
div.clearer{
  clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

/* headings */
img.Headers {	
	margin:0px 0px 15px 0px;	
	display:block;	
}


/* newsKasten */
.newsKasten {
	background-color:#FBFBFB;
	margin:0px 0px 15px 0px;
	padding:3px;	
	border:1px solid #E3E3E3;
	font-size:9px;
	color:#000;
}

/***************************************************************************************************/









/***************************************************************************************************/
/* 2. page */
/***************************************************************************************************/
#page{
  width:942px;
  min-height:100%;
  position:relative;
  text-align:left;
  margin:0 auto;  
  background:#abaaa4 url(../images/bg_body.png) top repeat-y;
}

* html #page{
  height:100%; 
}
/***************************************************************************************************/









/***************************************************************************************************/
/* 3. quickmenu */
/***************************************************************************************************/
#QuickMenu{  
  width:942px;  
  background-color:#ABAAA4;
  height:30px;     
}

* html #QuickMenu{
  width:945px; 
}

#QuickMenu ul{
  float:right;
  padding:10px 15px 0px 0px;
}

#QuickMenu li{
  display:inline;
}

#QuickMenu li a{	
	font-size:10px;
	color:#fff;				
	text-align:right;  		
}
/***************************************************************************************************/









/***************************************************************************************************/
/* 4. toppic (balken grafik) */
/***************************************************************************************************/
#TopPic {
	width:942px;
	height:10px;
  background:url(../images/top_container.jpg) top no-repeat;				    
}

* html #TopPic{
  margin-left:2px; 
}
/***************************************************************************************************/









/***************************************************************************************************/
/* 5. header */
/***************************************************************************************************/
#header{  
  float:left;
  width:942px;
  height:186px;        
  background:url(../images/header_background.png) left no-repeat;        
}

* html #header{  
  margin-left:1px;
}

#header #infoKasten{
  text-align:left;
  float:right;
  font-size:10px; 
}

#madeiralogo{
  position: absolute;
  top: 70px;
  left: 70px;
  height: 1px;
  padding: 0 0;
  margin: 0 0;
}
#madeiralogo img {
  border: none;
  padding: 0 0;
  margin: 0 0;
}
/***************************************************************************************************/









/***************************************************************************************************/
/* 6. content container */
/***************************************************************************************************/
#Container {			
	width:912px;	
	height:auto;
  float:left;   
  font-size:10px;	
	background:#fff url(../images/bg_body.png) repeat-y;  
  padding-bottom:20px;		
}

* html #Container{    
  margin-left:1px;  
}
/***************************************************************************************************/








/***************************************************************************************************/
/* 7. menu (mainMenu) */
/***************************************************************************************************/
#MenuContainer{  
  width:912px;
  padding:0px 15px;  
}

* html #MenuContainer{
  margin-left:2px; 
}

#Menu {  
	height:56px;
	width:912px;  
	border-top:1px solid #ccc;	
	border-bottom:1px solid #ccc;
	background:url(../images/bg_menu.png) repeat-x;			
	list-style-type:none;               
	display:block;
	float:left;
}

#Menu ul{
  list-style-type:none;
}

#Menu li{
  display:inline;
}

#Menu a {	
  width:120px;
	height:24px;
	font-size:11px;
	text-transform:uppercase;
	color:#fff;	
	text-align:right;
	display:block;		
	float:left;
	padding:32px 5px 0px 0px;
	border-right:1px solid #ccc;			
	font-weight: bold;		
}

#Menu a:hover {
  text-decoration:none;
  background:url(../images/menu_over.gif) top no-repeat;
}
/***************************************************************************************************/









/***************************************************************************************************/
/* 8. pathway */
/***************************************************************************************************/
#Pathway {  
  width:897px;			
	height:15px;
	padding:5px 0px 0px 15px;
	margin:0px 15px;	
	border-top:1px solid #fff;
  border-bottom:1px solid #dedfe1;				
	background-color:#f3f5f4;	
	list-style-type:none;	
}

#Pathway a {
	font-size:10px;
	color:#666;
}

* html #Pathway{
  width:912px;
  w\idth:897px; 
}
/***************************************************************************************************/









/***************************************************************************************************/
/* 9. contentLeft */
/***************************************************************************************************/
#Content_Left {	  
  width:210px;			
	padding:20px 15px 20px 35px;    			  
  float:left;	
}

* html #Content_Left{
  position:relative;
  height:auto; 
  width:270px; /* ie5.5 hack */
  w\idth:210px;
}



/********************************
 * submenu 1.ebene *
 *******************************/
ul.SubMenu {
	text-transform: uppercase;
	margin-bottom:20px;
  list-style-type:none;  
}

* html ul.SubMenu li {
  height:1px;
}

ul.SubMenu li a {
  background:url(../images/doppel_pfeile.png) 0px 7px no-repeat;
	font-size:10px;
	color:#666;	
	padding:5px 5px 5px 15px;
	border-bottom:1px solid #ccc;
	display:block;
}

ul.SubMenu li a:hover {
	color:#479AE2;
	text-decoration:none;
}




/********************************
 * submenu 2.ebene *
 *******************************/
ul.SubMenu ul {
  margin-bottom:0px;
  padding-bottom:5px;
  border-bottom:1px solid #ccc;
  list-style-type:none;
}

ul.SubMenu ul li {}

ul.SubMenu ul li a{	
	color:#479AE2;
	padding:5px 5px 0px 25px;	
	background:url(../images/einzel_pfeil.png) 15px 7px no-repeat;
	border:0px;
}

ul.SubMenu ul li a:hover{
	text-decoration:underline;
}




/********************************
 * submenu ACT *
 *******************************/
ul.SubMenu li.submenuACT1 a, ul.SubMenu li.submenuACT2 a{
  color:#479AE2 !important;
}




/********************************
 * formular felder *
 *******************************/
form.suche{
  border-bottom:1px solid #ccc;
  margin-bottom:5px;
  padding-bottom:5px;
  float:left;
  width:220px;
} 
 
form.suche label{
  background:url(../images/doppel_pfeile.png) 0px 2px no-repeat;
  padding-left:15px;
  text-transform: uppercase;
}

form.suche br{
  clear:left;
}

form.suche input{
  float:left;
  margin-right:5px;
}

input.Formular_Textfeld{
	font-size:10px;
	color:#000;
	background-color:#F5F5F5;	
	height:15px;
	width:125px;
	border:1px solid #C0C0C0;
	margin-left:15px;
}

input.Formular_Button{
	font-size:11px;
	width:60px;
	height:17px;
	color:#fff;
	background:#2B6946 url(../images/bg_form_button.png) repeat;	
	border-top:1px solid #627665;
  border-right:1px solid #26482a;	
  border-bottom:1px solid #26482a;
  border-left:1px solid #627665;
}
/***************************************************************************************************/





/* Styles für Kontaktformular */


label {
clear: left;
float: left;
font-weight:bold;
width: 200px;
}


fieldset.csc-mailform{
border: 0;
}

.csc-mailform-field {
padding-top: 5px;
border: 0px;
clear: left;
margin-bottom: 1px;
}


.csc-mailform-label{
clear: both;
}

.csc-mailform-field input{
  width: 320px;
  height:15px;
  color:#27547a;
  border:1px solid #27547a;
  padding: 2px 4px;
  margin-bottom: 8px;
}

.csc-mailform-field textarea{
  width: 320px;
  height:150px;
  color:#27547a;
  border:1px solid #27547a;
  clear: both; 
    padding: 2px 4px;
}

.csc-mailform-field .csc-mailform-submit{
	font-size:11px;
	height:20px;
	color: #FFFFFF;
	background:#003366 url(../images/bg_form_button_blau.png) repeat;	
	border-top:1px solid #003366;
  border-right:1px solid #003366;	
  border-bottom:1px solid #003366;
  border-left:1px solid #003366;
clear: both;
float: left;
cursor: pointer;
}

/***************************************************************************************************/




/***************************************************************************************************/
/* 10. contentCenter */
/***************************************************************************************************/
#Content_Center {	
	width:418px;
	float:left;	
	padding:20px 15px 80px 15px;	
}

* html #Content_Center{ 
  position:relative;
}
/***************************************************************************************************/









/***************************************************************************************************/
/* 11. contentRight */
/***************************************************************************************************/
#Content_Right {		
  width:187px;	
	float:right;
	
}

* html #Content_Right{
  position:relative;
  height:auto; 
  width:200px; /* ie5.5 hack */
  w\idth:187px;
}



/********************************
 * auflistung *
 *******************************/
ul.Auflistung {
	color:#000;
	margin-bottom:20px;
}

ul.Auflistung li{
  font-size:10px;
	padding:3px 0px 3px 15px;
	background:url(../images/doppel_pfeile.png) 0px 5px no-repeat;
}

span.Marker_dunkelgruen {
	color:#2c6c49;
}
/***************************************************************************************************/









/***************************************************************************************************/
/* 12. footer */
/***************************************************************************************************/
#footer{
  text-align:left;
  margin:0 auto;
  height:66px;          
  margin-top:-66px;      
  position:relative;
  padding:0 15px;
  display:block;  
  width:912px;
  background:url(../images/footer_bg.gif) top no-repeat;
}

* html #footer{   
}


/********************************
 * footer menu *
 *******************************/
#footer ul{
  display:none;
}

#footer ul li{
  display:inline;
}

#footer ul li a{
  font-size:11px;
  padding:15px 5px 0px 15px;
  color:#fff;
}




/********************************
 * copyright *
 *******************************/
#footer #copyright{
  color:#fff;
  font-size:11px;  
  position:absolute;
  padding:20px;
}





#footer #abstand{
  height:10px;
  w\idth:850px;
  width:912px;
  background:#fff;
  position:absolute;
  top:56px;
}
/***************************************************************************************************/