/********************************************/
	/**********  DOKUMENT  *********/
/********************************************/

html{ 
  height:				100%;
  background-color: 	#ffffff;
  padding: 				0px;
  margin: 				0px;
  color: 				#000000;
}

body{
  background-color:		#ffffff;
  color: 				#000000;
  padding: 				0px;
  margin: 				0px;
  height:				100%;  
  text-align: 			left;
  font-family:			arial, sans-serif;	
  font-size:			8pt;
  z-index:				1;
   
}



.content a img, .klima a img {
	border: 			none;
}

hr{
  height: 				1px;
  border: 				1px solid #666666;
}

a, .content td a {
  background-color: 	transparent;
  color: 				#e2001a;
  font-weight:			bold;
  text-decoration:		none;
  border:				none;
}



/********************************************/ /********************************************/
  	/*  HEADER MIT LOGO UND PICS  **/
/********************************************/ /********************************************/


.logo{
	top:				35px;
	left:				757px;
	background-color:	transparent;
	position:			fixed;
	border: 			0;
	}


/********************************************/ 
         /****** HAUPTMENÜ *****/
/********************************************/ 


.mainmenu {
	position:			fixed;
	top:				45px;
	left:				57px;
	
	z-index:			5;
	
	overflow:			hidden;
	width: 				690px;
	height:				30px;
	
	padding: 			0;
	
	background-color:	transparent;
	color:				#000000;
	border: 			0;
}


.mainmenu ul.menu {
	position:			absolute;
	list-style: 		none; 
	display: 			inline;
	float: 				left;
	margin: 			0 0 0 -4px;
	padding:            0; 
	z-index:			5;
}


.mainmenu li, .submenu li, .impressum li {
	position: 				relative; 
	float: 					left; 
	list-style:				none;
	margin:					0 1px 0 2px;
	text-transform:			uppercase;
}


.mainmenu li.active a, .impressum li.active a {
	color:					#e2001a;
	background-color:		transparent;
}



 /****** 2. Ebene  *****/
 
.submenu{
	position:			fixed;
	top:				85px;
	left:				433px;
	
	z-index:			5;
	
	overflow: 			hidden;
	width: 				450px;
	height:				30px;
	
	padding: 			0;
	
	background-color:	transparent;  
	color:				#000000;
	border: 			0;
}

.submenu ul.menu { 
	position:			absolute;
	list-style: 		none; 
	display: 			inline;
	float: 				left;
	margin: 			0 0 0 -4px;
	padding:            0; 
	z-index:			5;
	background-color:	#d4edfa;  
}

.impressum ul.menu {
	position:			absolute;
	list-style: 		none; 
	display: 			inline;
	float: 				left;
	margin: 			0 0 0 -4px;
	padding:            0; 
	z-index:			5;
	background-color:	transparent;  
	}
	
.submenu li.active a {
	color:					#e2001a;
	background-color:		transparent;
	background-image:		url(../pics/strich-aktiv.gif);
}

/********************************************/ 
         /****** 1. Ebene *****/
/********************************************/ 


.mainmenu a:link, .mainmenu a:visited { 
	display:			block;
	background-color:	#FFFFFF;
	background-image:	url(../pics/strich.gif);
	background-position:0px 0px;

	
	background-position:left;
	background-repeat:	no-repeat;
	
	width: 				auto;
	height: 			19px;

	padding:           	0px 7px 0px 13px;

	border-top: 		0;
	border-bottom: 		0;

	text-align:			left;	
	font-family: 		Arial;
	color:				#000000;
	line-height:		13pt;
	font-size:			9pt;
	text-transform:		uppercase;
	text-decoration:	none;
	font-weight:		normal;
	z-index:			7;
}

.mainmenu a:hover, #active_menu.mainmenu, #active_menu.mainmenu:hover { 
	background-color:	#FFFFFF;
	color:				#e2001a;
}

/********************************************/ 
         /****** 2. Ebene *****/
/********************************************/ 


.submenu a:link, .submenu a:visited {
	display:			block;
	background-color:	transparent;
	width: 				auto;
	
	background-image:	url(../pics/strich-sub.gif);
	background-position:0px 0px;

	
	background-position:left;
	background-repeat:	no-repeat;

	height: 			27px;

	padding:            0px 4px 0px 8px;

	border-top: 		0;
	border-bottom: 		0;

	text-align:			left;	
	font-family: 		Arial, sans-serif;
	color:				#000000;
	line-height:		23pt;
	font-size:			7pt;
	font-weight:		800;
	text-transform:		uppercase;
	text-decoration:	none;
	z-index:			5;
}

.submenu a:hover, #active_menu {
	background-color:	transparent;
	color:				#e2001a;
}


/********************************************/
      /*******  MAIN CONTENT  ********/
/********************************************/ 



.content {
	background-color: 	transparent;
	position: 			fixed;
	
	
	top:				85px;
	left:				0px;
	
	overflow: 			auto;
	width: 				465px;
	height:				294px;
	min-height:         294px;
	padding: 			51px 0 0 440px;

	border: 			0;
	z-index:			4;	
	font-size:			8pt;	
	line-height:		12pt;
}

.content p {
	font-size:			8pt;	
	line-height:		12pt;
	margin:				10px 0 2px 0;
}


.contentimg, .insulaner  {
	position:			fixed;
	top:				85px;
	left:				94px;
	border:				none;
	z-index:			1;
}

.contentvideo {
	position:			fixed;
	top:				85px;
	left:				94px;
	border:				none;
	z-index:			15;
/*	min-height:			450px;
	height:				300px;*/
	width:				400px;
	background-color:	transparent;
}

.content a {
	color:				#e2001a;
	background-color:	transparent;
}

.backblue{
	position:			fixed;
	
	top:				85px;
	left:				0px;
	height:				345px;
	width:				100%;
	
	color:				#000000;
	background-color:	#d4edfa;

	background-repeat:	no-repeat;
	z-index:			1;

}

.wetterkarte {
	position:			absolute;
	background-color:	transparent;
	top:				85px;
	left:				0px;
	height:				345px;
	width:				100%;
	
	z-index:3;
}

.wetterkarte img {
	z-index:			3;

	height:				345px;
	width:				975px;
}

/*h2{
	display:			inline;
	font-weight: 		normal;
	font-size: 			16pt;
	line-height:		24px;
	font-family: 		Arial, sans-serif;
	color: 				#e2001a;
}*/

.content h2.contentheading, .client_logo h1 {
	height:				35px;
	display:			inline;
	font-weight: 		normal;
	font-size: 			16pt;
	line-height:		24px;
	font-family: 		Arial, sans-serif;
	color: 				#e2001a;
	margin: 			0 0 35px 0;
	padding:            0;
}

.content h2.contentheading-erfahrung {
	height:				35px;
	/*display:			inline;*/
	font-weight: 		normal;
	font-size: 			16pt;
	line-height:		24px;
	font-family: 		Arial, sans-serif;
	color: 				#e2001a;
	margin: 			0 0 30px 0;
	padding:            0;
	width:				395px;
}


.content .client_texte h2 {
	display:			inline;
	font-weight: 		normal;
	font-size: 			16pt;
	line-height:		24px;
	font-family: 		Arial, sans-serif;
	color: 				#e2001a;
}
/***************** INSEL BEWOHNER **************/

.einwohner {
	font-weight: 		bold;
	color:				#000000;
}

.einwohner a {
	text-decoration:	none;
	color:				#000000;
}


.einwohner a:hover {
	text-decoration:	underline;
	color:				#e2001a;
}


/************* ARBEITEN ***************/

.client {
	background-color: 	transparent;
	position: 			fixed;
	
	
	top:				85px;
	left:				0px;
	
	overflow: 			auto;
	width: 				785px;
	height:				294px;
	min-height:         294px;
	padding: 			51px 0 0 95px;

	border: 			0;
	z-index:			4;	
	font-size:			8pt;	
	line-height:		12pt;
}

.client_logo {
	background-color: 	transparent;
	position: 			fixed;
	
	
	top:				85px;
	left:				0px;
	
	overflow: 			auto;
	width: 				785px;
	height:				294px;
	min-height:         294px;
	padding: 			45px 0 0 95px;

	border: 			0;
	z-index:			4;	
	font-size:			8pt;	
	line-height:		12pt;
}

.client_logo h1 {
	color:				#e2001a;
}

.client_texte {
	position: 			fixed;
	
	top:				225px;
	left:				440px;
	
	overflow: 			auto;
	width: 				450px;
	height:				294px;
	min-height:         294px;
	padding: 			51px 0 0 0px;

	border: 			0;
	z-index:			4;	
	font-size:			8pt;	
	line-height:		12pt;
}

.client ul {
	display:			block;
	margin: 			0px;
	padding: 			0;
}

.client li, .content .client li { 
	float:				left;
	list-style: 		none;
	margin: 			0px;
	padding: 			0px;
	height:				56px;
	width:				84px;
	overflow:			hidden;
}

.client a, .content .client img, .content .client_logo img {
	margin:				0px;
	padding:            0px;
}

/************* ARBEITEN DETAIL ******************/

#client_details {
	background-color: 	transparent;
	position: 			fixed;
	
	top:				85px;
	left:				0px;
	
	overflow: 			auto;
	width: 				785px;
	height:				294px;
	min-height:         294px;
	padding: 			51px 0 0 95px;

	border: 			0;
	z-index:			4;	
	font-size:			8pt;	
	line-height:		12pt;
}

#client_gallery {
	position:			fixed;
	top:				85px;
	left:				94px;
	border:				none;
	z-index:			1;
}

.client_navigation {
	position:			fixed;
	top:				310px;
	left:				366px;
	border:				none;
	z-index:			1;
}


.client_navigation img{
	margin-right:  		-2px;
	cursor:				pointer;
	
}
#client_text {
	position: 			fixed;
	
	top:				85px;
	left:				440px;
	
	overflow: 			auto;
	width: 				450px;
	height:				294px;
	min-height:         294px;
	padding: 			51px 0 0 0px;

	border: 			0;
	z-index:			4;	
	font-size:			8pt;	
	line-height:		12pt;
}

#client_name {
	height:				35px;
	display:			inline;
	font-weight: 		normal;
	font-size: 			16pt;
	line-height:		24px;
	font-family: 		Arial, sans-serif;
	color: 				#e2001a;
	margin: 			0 0 35px 0;
	padding:            0;
}



.client_logo img {
	float:				left;
	list-style: 		none;
	margin: 			0px;
	padding: 			0px;
	height:				56px;
	width:				84px;
	overflow:			hidden;
}


/********************************************/
         /******  FOOTER   *******/
/********************************************/ 


.impressum {
	position:			fixed;
	top:				434px;
	left:				72px;
	width: 				125px;
	height:				24px;
	text-align:			left;
	padding:            0;
	color:				#000000;
	background-color:	#FFFFFF;
}

.impressum a{
	font-size:			7pt;
	line-height:		9pt;
	color:				#000000;
	background-color:	transparent;
	text-decoration:	none;
	vertical-align:		top;
	margin-right:		15px;
}	

.impressum a:hover{
	background-color:	transparent;
	color:				#e2001a;
}


.network {
	position:			fixed;
	top:				434px;
	left:				135px;
	width: 				120px;
	height:				14px;
	text-align:			left;
	padding:            0;
	color:				#000000;
	background-color:	#FFFFFF;
	border-left:		1px solid #000;
	padding-left:		10px;
	z-index:			99;
}

.network a img{
	border:				none;
	float:				left;
	margin-right:		5px;
}	




.klima {
	position:			fixed;
	top:				430px;
	left:				733px;
	width: 				175px;
	height:				24px;
	text-align:			center;
	padding:            0;
	color:				#000000;
	background-color:	#FFFFFF;
}


/********************************************/
     /******  JOOMLA KLASSEN  *******/
/********************************************/ 

.contentpaneopen{
  background: 		transparent;
  font-family: 		arial, sans-serif;	
  line-height:		12pt;
  width:			450px;
  margin:			0;
  padding:          0;
  z-index:			2;
}

.contentpane{
  background: 		transparent;
  font-family: 		arial, sans-serif;	
  font-size:			8pt;	
  line-height:		12pt;
  z-index:			2;
}

.content ul {
	display:			block;
	margin-left: 		4px;
	padding: 			0;
}

.content li, .content ul li {
	list-style: 		url(../../../images/list2.gif);
	margin-left: 		16px;
	padding-left: 		2px;
}

/*.contentheading {
	font-weight: 		bold;
	font-family: 		Arial, sans-serif;
	color: 				#000000;
	margin: 			0;
	padding:            0 0 4px 0px;
	z-index:			2;
}*/

/*.componentheading {
	margin: 			0 0 4px 0;
	font-weight: 		bold;
	font-family: 		Arial, sans-serif;
	color: 				#000000;
	z-index:			2;	
}*/

.contentdescription{
	font-weight: 		normal;
	line-height: 		12px;
}

.back_button{
	margin: 			0; 
}

.moduletable {
	width: 				auto;
	z-index:			2;
}

.buttonheading a img{
	text-align:			right;
	margin: 			0;
	padding: 			0;
	border: 			0;
}

.latestnews {
	color:				#000000;
	background-color:	transparent;
}

.minifp-introtitle, .minifp-introtitle a {
	color:				#e2001a;
	font-weight:		bold;
}

a.minifp-full-link, td a.minifp-full-link {
	color:				#000000;
	
}


/*.minifp td a {
	color:				#e2001a;
} */


/***********    Kontakt-Formular START   **************/

.content th {
	width:					120px;
	vertical-align:			middle;
}

.content .inputbox, .content td .inputbox {
	background-color:	#FFFFFF;
	color:				#1a171b;
	margin: 			3px 3px 2px 0;
	padding:			1px;
	border: 			1px solid #000000;
	font-size: 			8pt;
}
.content .textbox {
	background-color:	#FFFFFF;
	color:				#1a171b;
	margin: 			3px 3px 0px 0;
	padding:			1px;
	border: 			1px solid #000000;
	font-size: 			8pt;
}
.content .button {
	background-color:	#405e78;
	border: 			1px solid #000000;
	height: 			22px;
	padding: 			1px 3px 1px 3px;
	margin: 			0px 3px 0px 0;
	width:				120px;
	color: 				#FFFFFF;	
	font-size:			8pt;
	line-height: 		11px;
	cursor:				pointer;
}

.popup {
	width:				515px;
	height:				100%;
	padding:            25px;
}

/***********    Kontakt-Formular ENDE    **************/