/* 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
 
 13. Kontaktformular
 
 14. Tipp Fenster
 
 15. Info Fenster
 
 16. pager
   
 ####################################################################################################
 # 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:#02623C;
	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 {
	border: none;
}
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(http://t3.madeira1.conversis.de/fileadmin/templates_new/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;  		
}

#languageselect {
	float:right;
	padding: 8px 15px 0px 0px;
}
#languageselect a {
	padding-right: 5px;
}

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









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

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









/***************************************************************************************************/
/* 5. header */
/***************************************************************************************************/
#header{  
  float:left;
  width:942px;
  height:186px;        
  background:url(http://t3.madeira1.conversis.de/fileadmin/templates_new/images/header_background_handarbeiten.png) left no-repeat;        
}

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

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

}
/***************************************************************************************************/









/***************************************************************************************************/
/* 6. content container */
/***************************************************************************************************/
#Container {			
	width:912px;	
	height:auto;
  float:left;   
  font-size:10px;	
	background:#fff url(http://t3.madeira1.conversis.de/fileadmin/templates_new/images/bg_body2.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:28px;
	width:912px;  
	border-top:1px solid #ccc;	
	border-bottom:1px solid #ccc;
	background:url(http://t3.madeira1.conversis.de/fileadmin/templates_new/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:100px;
	height:22px;
	font-size:12px;
	text-transform:normal;
	color:#fff;	
	text-align:center;
	display:block;		
	float:left;
	padding:8px 25px 0px 25px;
	border-right:1px solid #ccc;			
	font-weight: bold;		
}

#Menu a:hover {
  text-decoration:none;
  background:url(http://t3.madeira1.conversis.de/fileadmin/templates_new/images/menu_over.gif) top repeat;
  	height:20px;
  	color: #fff !important;
}
/***************************************************************************************************/









/***************************************************************************************************/
/* 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:220px;			
	padding:20px 5px 0px 33px;    			  
  float:left;	
margin-bottom: 45px;
}
#Content_Left h3 {
	color: #666666 !important;
}

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

* html #Content_Left .SubMenu{
	padding-bottom:45px;
}

*+html #Content_Left .SubMenu{
	padding-bottom:60px;
}

#ImageLeft{
position: absolute;
top: 0;
background: #FFFFFF URL(http://t3.madeira1.conversis.de/fileadmin/templates_new/images/key-garne.jpg) no-repeat 0 0;
margin: -260px 0px 0px 23px;
padding: 0px 0px;
width: 224px;
height: 260px;
display: none;
}


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

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

ul.SubMenu li{
	margin-bottom:4px;
}

ul.SubMenu li a {
	font-size:12px;
	color:#666;	
	padding:8px 20px 8px 10px;
	display:block;
	border: solid 1px #A9D7F4;
	background-color: #E7F3FC;
	font-weight: bold;
}

ul.SubMenu li a:hover {
	color:#339966;

	text-decoration:none;
}




/********************************
 * submenu 2.ebene *
 *******************************/


ul.SubMenu ul {
margin-top: 6px;
  margin-bottom:0px;
  padding-bottom:5px;
  border-bottom:0;
  list-style-type:none;
}

ul.SubMenu ul li {}

ul.SubMenu ul li a{
font-size: 11px;
	padding:4px 5px 0px 25px;	
	background:none;
	border:0px;
}

/********************************
 * submenu 3.ebene *
 *******************************/


ul.SubMenu ul li.submenuACT2 ul{
margin: 6px 0px 0px 0px;
padding: 0px 0px;
  border-bottom:0;
  list-style-type:none;
}

ul.SubMenu ul li.submenuACT2 ul li{}

ul.SubMenu ul li.submenuACT2 ul a{
font-size: 11px;
	padding:4px 5px 0px 40px;
	background:none;
	border:0px;
}





/********************************
 * submenu ACT 1-3 *
 *******************************/
ul.SubMenu li.submenuACT1 a{
  color:#339966 !important;
  	font-weight: bold;
}

ul.SubMenu li.submenuACT1  li.submenuACT2 a{
  color:#339966 !important;
  	font-weight: normal;
}


ul.SubMenu li.submenuACT1 ul li a, ul.SubMenu li.submenuACT2 ul li a{
  color:#666666 !important;
  	font-weight: normal;
}

ul.SubMenu li.submenuACT1 li.submenuACT2 ul li a{
  color:#666666 !important;
  	font-weight: normal;
}

ul.SubMenu li.submenuACT1 li.submenuACT2 li.submenuACT3 a{
  color:#339966 !important;
  	font-weight: normal;
}

#Content_Left ul.SubMenu li.submenuACT1 ul li a:hover{
  color:#339966 !important;
	text-decoration:none;
	font-weight: normal;
}

/********************************
 * formular felder *
 *******************************/
form.suche{
  border-bottom:1px solid #ccc;
  margin-bottom:5px;
  padding-bottom:5px;
  float:left;
  width:220px;
} 
 
form.suche label{
  background:url(http://t3.madeira1.conversis.de/fileadmin/templates_new/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(http://t3.madeira1.conversis.de/fileadmin/templates_new/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;
}
/***************************************************************************************************/









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

* html #Content_Center{ 
  position:relative;
  	width:374px;
}
/***************************************************************************************************/









/***************************************************************************************************/
/* 11. contentRight */
/***************************************************************************************************/
#Content_Right {
  width:185px;
        float:right;
        padding:20px 0px 80px 13px;
}

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



.boxshadow{
position: relative;
z-index: 99;
width: 115%;
float:left;
background: URL(http://t3.madeira1.conversis.de/fileadmin/templates_new/images/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 -20px !important;
margin: 10px 0 0 -20px;
padding:0;
}


* +html .boxshadow{
padding: 0px 0px 6px 0px;
}

* html .boxshadow{
padding: 0px 0px 6px 0px;
}



.boxshadow .boxteaserright{
position: relative;
z-index: 99;
background: URL(http://t3.madeira1.conversis.de/fileadmin/templates_new/images/shadow2.gif) no-repeat left top;
padding: 0 !important;
padding: 0px 6px 6px 0;
border-top: solid 6px #FFFFFF;
}


.boxshadow .boxteasertext{
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 10px;
margin: -6px 6px 6px -6px !important;
margin: 0px 0px 0px 0px;
float: left;
width: 191px;
}

* html .boxshadow .boxteaserright{
border-top: 0;
padding-top: 6px;
}

* html .boxshadow .boxteasertext{
margin-top: -6px;
width: 190px;
}

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

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

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









/***************************************************************************************************/
/* 12. footer */
/***************************************************************************************************/
#footer{
  text-align:left;
  margin:0 auto;
  height:38px;          
  margin-top:-38px;      
  position:relative;
  padding:0 12px;
  display:block;  
  width:912px;
  background:url(http://t3.madeira1.conversis.de/fileadmin/templates_new/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:8px 5px 0px 8px;
  color:#fff;
}




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





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


/*
#tx-rggooglemap-poiNest h1 {
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   color: #666666;
   background-color: #FBFBFB;
   margin: 0px;
   padding: 5px;
   border: 1px solid #E3E3E3;
   font-weight: bold;
}
#tx-rggooglemap-poiNest ul {
   padding: 0px 0px 0px 10px;
   margin-top: 5px;
   margin-right: 0px;
   margin-bottom: 15px;
   margin-left: 0px;
   list-style-type: none;
}
#tx-rggooglemap-poiNest li {
   padding: 3px 0px 3px 15px;
   background-image:  url("images/doppel_pfeile.png");
   background-repeat: no-repeat;
   background-position: 0px 5px;
   margin: 0px;
}
 */
 #tx-rggooglemap-poiNest  {
  margin-top:10px;
} 
 #tx-rggooglemap-poiNest h1 {
 font-size: 14px;
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 background-color: #FBFBFB;
 margin: 0px 0px 1px;
 padding: 5px;
 border: 1px solid #E3E3E3;
 font-weight: bold;
 cursor:pointer;
}
#tx-rggooglemap-poiNest ul {
 padding: 0px 0px 0px 10px;
 margin-top: 5px;
 margin-right: 0px;
 margin-bottom: 15px;
 margin-left: 0px;
 list-style-type: none;
}
#tx-rggooglemap-poiNest li {
 padding: 3px 0px 3px 15px;
 background-image:  url(http://t3.madeira1.conversis.de/fileadmin/templates_new/images/doppel_pfeile.png);
 background-repeat: no-repeat;
 background-position: 0px 5px;
 margin: 0px;
}
#tx-rggooglemap-poiNest h1:hover {

 font-size: 14px;
 font-family: Arial, Helvetica, sans-serif;
 color: #195530;
 background-color: #F5F5F5;
 margin: 0px 0px 1px;
 padding: 5px;
 border: 1px solid #E3E3E3;
 font-weight: bold;
 cursor:pointer;
}

/********************************
 * Kontaktformular *
 *******************************/
 
.csc-mailform {
	color:#666666;
	font-size:12px;
	font-family:arial,verdana,tahoma,sans-serif;
}

fieldset.csc-mailform {
	border: none;
}
.csc-mailform-field {
	padding-bottom: 10px;
}
.csc-mailform-field label {
	width: 100px;
	clear: both;
	float: left;
}
.csc-mailform-field input {
	width: 250px;
	border: 1px solid #666666;
	font-size:12px;
	font-family:arial,verdana,tahoma,sans-serif;
}
.csc-mailform-field textarea {
	width: 250px;
	height: 100px;
	border: 1px solid #666666;
	font-size:12px;
	font-family:arial,verdana,tahoma,sans-serif;
}
input#mailformformtype_mail {
	margin-left: 100px;
	width: 252px;
}

/********************************
 * Tipp Fenster *
 *******************************/

.tippfenster {
	height: auto;
	border-style: dashed;
	border-color: #00462C;
	border-width: 1px;
	float:left;
	margin:0px 20px 0pt 0px !important;
	padding:0pt;
	position:relative;
}
.tipptext {
	background-color: #E7F3FC;
	padding: 10px;	
	border-top-style: dashed;
	border-color: #00462C;
	border-width: 1px;

}
.tipptext p {
	padding-bottom: 5px;	
}


/********************************
 * Info Fenster *
 *******************************/

.infofenster {
	border-style: dashed;
	border-color: #00462C;
	border-width: 1px;
	float:left;
	margin:10px 0pt 0pt -25px !important;
	padding:10px 0px 0px 0px;
	position:relative;
	width: 115%;
	z-index: 99;
	background-color: #E7F3FC;
	text-align: center;
}
.infotext {
	background-color: #E7F3FC;
	padding: 10px;	

	text-align: left;

}
.infotext p {
	padding-bottom: 5px;	
}

/********************************
 * Pager Fenster *
 *******************************/
.pager {
	margin:0 auto 20px;
	width:245px;
}
.pager ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px;
	padding:0;
}
.pager ul li {
	border:2px solid #b8d9ce;
	color:#FF5A00;
	display:block;
	float:left;
	font-size:14px;
	height:17px;
	margin-right:5px;
	padding-top:2px;
	text-align:center;
	width:17px;
}
.pager .active, .pager .active a {
	background-color:#519c71;
	color:#FFFFFF;
	font-weight:bold;
}
.pager ul li a, .pager ul li a:active {
	/*color:#FFFFFF;*/
	display:block;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.pager ul li:hover {
	background-color:#519c71;
	border:2px solid #b8d9ce;
	color:#FFFFFF;
}
.pager ul li:hover a {
	color:#FFFFFF;
}