@charset "UTF-8";

/**************************************************************************************/
/***************************  STYLESHEET LAERMORAMA.CH  *******************************/
/**************************************************************************************/

/** ALLGEMEINE DEFINITIONEN **/


/* Body */

body  {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
   	background: white;
  	margin: 0; 
   	padding: 0;
	padding-bottom:20px;
   	text-align: center; 
   	color: #000000;
}

/*------------------------------------------------------------------------------------*/

/* Text */

p {
	padding: 0;
	margin: 0px 0 14px 0;
	line-height: 20px;
	color: #222;
}

#mainContent .einleitung  { font-size: 16px; line-height: 27px; margin: 0 0 8px }

#zusammenfassung p {
	margin: 10px 0 16px 0;
	font-size: 18px;
	line-height: 23px;
	color: #333;
}

#zusammenfassung p a {
	margin-top: 50px;
	font-size: .98em;
	/*background: url(../img/pfeil-unten.jpg) no-repeat 1px 2px; 
	padding-left: 18px;*/
}

/*
#mainContent .legende {
	font-size: 10px;
	line-height: 16px;
}
*/

#mainContent .legende  { color: #44; font-size: 12px; font-style: italic; line-height: 16px; padding: 8px 0 }

#mainContent .quellenangabe {
	font-size: 10px;
	color: #7F7F7F;
	font-style: italic;
	padding: 6px 0 6px 0;
}

p.rechtsbuendig {text-align: right;}

p.linksbuendig {text-align: left;}

#mainContent ul {
/*	line-height: 20px;
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -.9em;
*/
}

#mainContent ul li:before {
/*	content: "\00BB \0020";*/
}

#mainContent ul.nummerierung {
	list-style-type: decimal;
	padding-left: 1.4em;
	text-indent: 0;
}

#mainContent ul.nummerierung li:before {
	content: "";
}


/*------------------------------------------------------------------------------------*/

/* Überschriften */

h1 {
	margin:0;
	padding:0 0 4px 0;
	font-size:24px;
	line-height:28px;
	font-weight: bold;
	color: #444;
}

h2 {
	padding:12px 0 12px 0;
	margin:0;
	font-size:18px;
	line-height:22px;
	font-weight: bold;
	color: #333;
}

h3 {
	padding:8px 0 1px 0;
	margin:0;
	font-size:14px;
	line-height: 19px;
	font-weight: bold;
	color: #222;
}

/*------------------------------------------------------------------------------------*/

/* Links */

a {
	text-decoration:none;
	color:#3F3F3F;
}

a:link {
	text-decoration: none;
}

a:visited {}

a:hover, a:focus {
	color: #7F7F7F;
}

a:active {
	color: #999;
}

/*------------------------------------------------------------------------------------*/

/* Bilder, Medieninhalte, Ausrichtung, Tabellen */

img {
	padding: 12px 0 0 0;
	margin: 0;
	border: 0;
}

#mainContent.sitemap img {
	padding:0;
	margin:0;
}

.ganzebreite {
	width: 508px;
}

.zentriert {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	/*padding: 3px;*/
}

.linksumfliessen { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
  	float: right;
  	margin-left: 8px;
}

.rechtsumfliessen { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
   	float: left;
   	margin-right: 8px;
}

.umfliessenbeenden { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
   	clear:both;
}

table p{font-size: 14px;}
table tr.titelzeile td, table tr.eins td, table tr.zwei td, table tr.drei td {font-size: 14px; padding: 10px;}
table td p{margin: 0;}
table tr.titelzeile td{background-color: #555555;}
table tr.titelzeile td p{font-weight: normal; font-size: 14px}
table tr.titelzeile td p{color: white;}

table tr.eins td, table tr td.eins{background-color: #f7f7f7;}
table tr.zwei td, table tr td.zwei{background-color: #efefef;}
table tr.drei td, table tr td.drei{background-color: #e6e6e6;}


/*------------------------------------------------------------------------------------*/

/* Spezielle Links */

.toplink {
	cursor:pointer;
}

a.fremderlink {
	background: url(../img/pfeil.jpg) no-repeat 1px 2px; 
	padding-left: 18px;
}

a.fremderlink:link {text-decoration: none;}

a.fremderlink:visited {}

a.fremderlink:hover, a.fremderlink:focus {color: blue;}

a.fremderlink:active {}


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

/** BEREICHE (DIV's) **/


#container { 
   	width: 984px;
   	margin: 0 auto;
   	text-align: left;
	overflow:visible;
}

#servicenav {
	color:#999;
	position: absolute; top:8px; 
	/*margin: 8px 15px 0 0;*/
	width:160px;
	padding-left:824px;
	font-size: 11px;
}

#servicenav a, #servicenav a:link {
	color:#8C8C8C;
}

#servicenav a:hover, #servicenav a:focus {
	color:#666;
}

#servicenav div{
	display:inline-block;
	float:left;
}

#servicenav div.trennlinie {
	border-left: 1px solid #999;
	height: 11px;
	margin-left: 5px;
	padding-left: 5px;
}

#homelink {
	background-image:url(../img/header-homelink.jpg);
	position: absolute; top: 90px;
	margin-left: 12px;
	height:50px;
	width:250px;
}

#headerimage {
	height:200px;
	background-image:url(../img/header-black.jpg);
	background-repeat:no-repeat;
	overflow:visible;
	margin:0;
	padding:0;
}

#headerimage div.active {
	display:block;
}

#headerimage div.active.nover {
	display:none;
}

#headerimage div.hover {
	display:block !important;
}

#header {
	margin:0;
	padding:0;
	margin-top:-53px;
	height:50px;
} 


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

/** NAVIGATION **/

/* Hauptnav */

ul.tablist {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-left:12px;
}

ul.tablist li {
	list-style-type:none;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

ul.tablist li a {
	margin:0;
	padding:0;
	padding-top:18px;
	padding-bottom:1px;
	font-size:14px;
	text-align:center;
	width:120px;
	height:34px;
	margin-right:0px;
	background-image:url(../img/tab_inactive.gif);
	display:block;
	color:#8C8C8C;
	text-decoration:none;
	z-index:10;
}

ul.tablist li:hover a, ul.tablist li:focus a  {
	color:#777;
}

ul.tablist li:active a {
	color:#8C8C8C;
}

#headerimage div {
	height:200px;
	display:none;
	z-index:1;
}

/*------------------------------------------------------------------------------------*/

/* navigation2 / sidebar1, sidebar2 */

ul.navlist {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.navlist ul {
	list-style: none;
	margin-left: 0;
	/*padding-left: 15px;*/
	padding: 0 0 10px 0;
}

#sidebar1 {
	display:inline;
	float: left;
	width: 215px;
	padding: 15px 5px 15px 20px;
	margin-left:12px;
}

#sidebar1 ul.navlist li {
	margin-bottom:10px;
}

#sidebar1 ul.navlist ul li {
	margin: 0 0 10px 10px;
}

#sidebar1 ul.navlist li ul{
	padding: 10px 0 0 0;
	margin: 0 0 18px 0;
}

#sidebar2 {
	background:white;
	display:inline;
	float: left;
	width: 145px;
	padding: 15px 20px 15px 15px;
}

#sidebar2 h3 {
	padding:0;
	margin:0;
	margin-bottom:15px;
}


#sidebar2 ul.navlist li {
	margin-bottom: 5px;
}



#sidebar2 ul.navlist li a.ui-accordion-header {

}

#sidebar2 ul.navlist li p {
	color: #7F7F7F;
	font-size: 12px;
	padding-top: 5px;
	padding-left: 10px;
}

#sidebar2 ul.navlist li p a:link {
	color: #7F7F7F;
}

/*------------------------------------------------------------------------------------*/

#container div.anker {
	margin: 50px;
}

div.topcorner {
	margin:0;
	padding:0;
	font-size:1px;
	height:5px !important;
	background-image:url(../img/main_top.gif);
	background-repeat:no-repeat;
}

div.bottomcorner {
	margin:0;
	padding:0;
	font-size:1px;
	height:5px !important;
	background-image:url(../img/main_bottom.gif);
	background-repeat:no-repeat;
}

#mainBlock {
	padding-top:10px;
	padding-bottom:28px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#mainWrapper {
	float:left;
	display:inline;
	background-image:url(../img/main_mid.gif);
	padding-bottom:24px;
	padding-right:1px;
}

#mainContent {
	display:inline;
	float:left;
	width:508px;
	background:white;
	padding: 0px 15px 10px 15px;
	border-left:1px solid #7f7f7f;
	border-right:1px solid #7f7f7f;
	margin-top:15px;
	margin-bottom:15px;
} 

/*#mainContent h1 {
	color:#aaa;
}

#mainContent h2 {
	color:#aaa;
}*/

#mainBlock.hoerkiste #sidebar1{
	display:inline;
	float: left;
	width: 920px;
	padding: 15px 20px 15px 20px;
	margin: 0 12px 0 12px;
	border-style:hidden;
}




/*------------------------------------------------------------------------------------*/

/* Footer*/

.col {
	display:inline;
	float:left;
	padding-left:15px;
	padding-right:15px;
}

.col1 {width:30px;}
.col2 {width:90px;}
.col3 {width:150px;}
.col4 {width:210px;}
.col5 {width:270px;}
.col6 {width:330px;}
.col7 {width:390px;}
.col8 {width:450px;}
.noleftpad { padding-left:0;}
.norightpad { padding-right:0;}


#footer {
	float:left;
	display:inline;
	color:#999;
	font-size:12px;
	padding:0 0 50px;
	margin: 28px 12px 50px;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 18px;
}




#footer a, #footer a:link {
	color:#555;
}

#footer a:hover, #footer a:focus {
	color:#888;
}

#footer ul {
	margin:0;
	padding: 6px 0;
}

#footer h6 {
	color: #666;
	font-size:12px;
	margin:0;
	padding-bottom:3px;
	border-bottom: 1px solid #AAA;
}



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

/*** Differenzierung Tabs bzw Module ***/


/* Headerimage Hauptnavigation */

#headerimage div.tab1{
	width:170px;	
	background-image:url(../img/header-tab1.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
}
#headerimage div.tab2{
	width:160px;	
	background-image:url(../img/header-tab2.jpg);
	margin-left:92px;
}
#headerimage div.tab3{
	width:150px;	
	background-image:url(../img/header-tab3.jpg);
	margin-left:222px;
}
#headerimage div.tab4{
	width:200px;	
	background-image:url(../img/header-tab4.jpg);
	margin-left:292px;
}
#headerimage div.tab5{
	width:200px;	
	background-image:url(../img/header-tab5.jpg);
	margin-left:462px;
}
#headerimage div.tab6{
	width:160px;	
	background-image:url(../img/header-tab6.jpg);
	margin-left:622px;
}
#headerimage div.tab7{
	width:180px;	
	background-image:url(../img/header-tab7.jpg);
	margin-left:732px;
}
#headerimage div.tab8{
	width:142px;	
	background-image:url(../img/header-tab8.jpg);
	margin-left:842px;
}

/*------------------------------------------------------------------------------------*/

/* Tab aktiv */

#container.tab1 ul.tablist li.active a, #container.tab2 ul.tablist li.active a, #container.tab3 ul.tablist li.active a, #container.tab4 ul.tablist li.active a, #container.tab5 ul.tablist li.active a, #container.tab6 ul.tablist li.active a, #container.tab7 ul.tablist li.active a, #container.tab8 ul.tablist li.active a {
	color:#FFF;
	font-weight:bold;
}
#container.tab1 ul.tablist li.active a {background-image:url(../img/tab1_active.gif)}
#container.tab2 ul.tablist li.active a {background-image:url(../img/tab2_active.gif)}
#container.tab3 ul.tablist li.active a {background-image:url(../img/tab3_active.gif)}
#container.tab4 ul.tablist li.active a {background-image:url(../img/tab4_active.gif)}
#container.tab5 ul.tablist li.active a {background-image:url(../img/tab5_active.gif)}
#container.tab6 ul.tablist li.active a {background-image:url(../img/tab6_active.gif)}
#container.tab7 ul.tablist li.active a {background-image:url(../img/tab7_active.gif)}
#container.tab8 ul.tablist li.active a {background-image:url(../img/tab8_active.gif)}

/* Tabs Home */

#container.home ul.tablist li a.tab1 {background-image:url(../img/tab1_home.gif);color:white;font-weight:normal;}
#container.home ul.tablist li a.tab2 {background-image:url(../img/tab2_home.gif);color:white;font-weight:normal;}
#container.home ul.tablist li a.tab3 {background-image:url(../img/tab3_home.gif);color:white;font-weight:normal;}
#container.home ul.tablist li a.tab4 {background-image:url(../img/tab4_home.gif);color:white;font-weight:normal;}
#container.home ul.tablist li a.tab5 {background-image:url(../img/tab5_home.gif);color:white;font-weight:normal;}
#container.home ul.tablist li a.tab6 {background-image:url(../img/tab6_home.gif);color:white;font-weight:normal;}
#container.home ul.tablist li a.tab7 {background-image:url(../img/tab7_home.gif);color:white;font-weight:normal;}
#container.home ul.tablist li a.tab8 {background-image:url(../img/tab8_home.gif);color:white;font-weight:normal;}

#container.home ul.tablist li:hover a {color:#D6D6D6;}
#container.home ul.tablist li:active a {color:#CBCBCB;}



/*------------------------------------------------------------------------------------*/

/* Farbenzuweisung Tabs bzw Module */

#container.home #mainBlock { background-color: #efefef }
#container.home #sidebar1 h1, #container.home p.einleitung, #container.home #mainContent a, #container.home #mainContent a:link   { color: #666 }
#container.home #mainContent a:hover {
	color: #fffb8d;
}


#container.tab1 #mainBlock{
	background-color: #f3c509;
}
#container.tab1 #sidebar1 h1, #container.tab1 p.einleitung, #container.tab1 #mainContent a, #container.tab1 #mainContent a:link {
	color: #f3c509;
}
#container.tab1 #mainContent a:hover {
	color: #F6DC4C;
}



#container.tab2 #mainBlock{
	background-color: #d0551f;
}
#container.tab2 #sidebar1 h1, #container.tab2 p.einleitung, #container.tab2 #mainContent a, #container.tab2 #mainContent a:link {
	color: #d0551f;
}
#container.tab2 #mainContent a:hover {
	color: #fc7b42;
}



#container.tab3 #mainBlock{
	background-color: #a23535;
}
#container.tab3 #sidebar1 h1, #container.tab3 p.einleitung, #container.tab3 #mainContent a, #container.tab3 #mainContent a:link {
	color: #a23535;
}
#container.tab3 #mainContent a:hover {
	color: #cb5955;
}


#container.tab4 #mainBlock{
	background-color: #734774;
}
#container.tab4 #sidebar1 h1, #container.tab4 p.einleitung, #container.tab4 #mainContent a, #container.tab4 #mainContent a:link {
	color: #734774;
}
#container.tab4 #mainContent a:hover {
	color: #9b6d9c;
}


#container.tab5 #mainBlock{
	background-color: #2c5a88;
}
#container.tab5 #sidebar1 h1, #container.tab5 p.einleitung, #container.tab5 #mainContent a, #container.tab5 #mainContent a:link {
	color: #2c5a88;
}
#container.tab5 #mainContent a:hover {
	color: #567fb0;
}


#container.tab6 #mainBlock{
	background-color: #32757f;
}
#container.tab6 #sidebar1 h1, #container.tab6 p.einleitung, #container.tab6 #mainContent a, #container.tab6 #mainContent a:link {
	color: #32757f;
}
#container.tab6 #mainContent a:hover {
	color: #599ba5;
}


#container.tab7 #mainBlock{
	background-color: #30794f;
}
#container.tab7 #sidebar1 h1, #container.tab7 p.einleitung, #container.tab7 #mainContent a, #container.tab7 #mainContent a:link {
	color: #30794f;
}
#container.tab7 #mainContent a:hover {
	color: #559e72;
}


#container.tab8 #mainBlock{
	background-color: #687a31;
}
#container.tab8 #sidebar1 h1, #container.tab8 p.einleitung, #container.tab8 #mainContent a, #container.tab8 #mainContent a:link {
	color: #687a31;
}
#container.tab8 #mainContent a:hover {
	color: #8fa256;
}



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




/************************************************************************************
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*************************************************************************************/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
/*UI accordion*/
.ui-accordion {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none;
}
.ui-accordion-group {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none;
	border: 1px solid #d3d3d3;
	border-bottom: none;
}
.ui-accordion-header {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none;
	cursor: pointer;
}
.ui-accordion-header a {
	margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none; font-weight:normal;
	display: block;
}
.ui-accordion-header a:hover {
}
.ui-accordion-header:hover {
}
.selected .ui-accordion-header, .selected .ui-accordion-header:hover {
}
.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
}
.ui-accordion-content {
	overflow:hidden;
}
.ui-accordion-content p {
	margin:0;
}