/* 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 
 
 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:#27547a;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#02623C;
}

/* 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;  
}
/***************************************************************************************************/









/***************************************************************************************************/
/* 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:#27547a;
	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:#27547a;
	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:#27547a !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;
}
/***************************************************************************************************/






.tx-sksimplegallery-pi1 {
/*	width:100%; */
}
.tx-sksimplegallery-pi1 p.pagebrowser span {
	padding:0 4px
}
.tx-sksimplegallery-pi1 dl.list {
	float:left;
	margin: 0 10px 10px 10px;
	border: 1px solid #000;
	background-color: #ececec;
	width: 150px;
}
.tx-sksimplegallery-pi1 dl.list dt {
	border-bottom: 1px solid #000;
	margin: 0;
}
.tx-sksimplegallery-pi1 dl.list dd {
	
	margin: 0;
	padding: 3px;
	font-size:12px;
	height:40px;
	text-align:center;
	font-weight:bold;
}

.tx-sksimplegallery-pi1 dl.single {
	float:left;
	margin: 0 10px 10px 10px;
	border: 1px solid #000;
	width: auto;
	text-align:center;
/*	height:150px; */
}
.tx-sksimplegallery-pi1 dl img {
    display:block;
    text-align: center;


}
.tx-sksimplegallery-pi1 dl.single dt {
	border-bottom: 1px solid #000;
	margin: 0;
	width:150px; 
	height:150px;
	text-align:center;

}
.tx-sksimplegallery-pi1 dl.single dd {
	background-color: #ececec;
	margin: 0px;
	padding: 3px;
	font-size:12px;
	height:40px;
	width:150px;
	text-align:center;
	font-weight:bold;
}
.tx-sksimplegallery-pi1 dl.single dd span {
    float:right;
    font-size:70%
}
.tx-sksimplegallery-pi1 h3 {
	margin:6px;
}

.tx-sksimplegallery-pi1 .description {
	margin:6px 0 12px 0;
	padding-bottom:4px;
	border-bottom:1px solid #000;
}
.tx-sksimplegallery-pi1 br.clear {
	clear:both;
}

.tx-sksimplegallery-pi1 .exifData {
	color:#ffa;
    padding-left:12px;
}

.tx-sksimplegallery-pi1 .exifData-Label {
	color:#ddd;
    padding-right:12px;
}

.tx-sksimplegallery-pi1 .exifData-Data {
	color:#999;
    padding-right:12px;
}

.tx-sksimplegallery-pi1 #eCardForm fieldset {
    padding:12px;
    width:500px;
}

.tx-sksimplegallery-pi1 #eCardForm label {
    clear:both;
    width:140px;
    float:left;
    border:none;
}
.tx-sksimplegallery-pi1 #eCardForm input, .tx-sksimplegallery-pi1 #eCardForm textarea {
    width:320px;
    float:right;
}
.tx-sksimplegallery-pi1 #eCardForm textarea { 
    height:160px;
    margin-bottom:12px;
}
.tx-sksimplegallery-pi1 #eCardForm img, .tx-sksimplegallery-pi1 p.ecard-picture img{
   margin:12px 0;
   border:4px #ddd ridge;
}
.tx-sksimplegallery-pi1 .error {
    color:red;
    font-weight:bold;
    padding:12px;
}

#madeiralogo {
height:1px;
left:50px;
margin:0pt;
padding:0pt;
position:absolute;
top:65px;
}

#madeiralogo img {
border:medium none;
margin:0pt;
padding:0pt;
}