/* CSS Document */

* {
	margin: 0;
	padding: 0;
}


body { 
	color: #000000;
	background-color:#ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	line-height:1.5em;
}


p, tr, td, h4, tr p, td p { 
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
}




a:link { 
	text-decoration: none; 
	color: #2870a8;
	}
a:visited { 
	text-decoration: none; 
	color: #5a778e;
	}
a:hover { 
	text-decoration: underline; 
	color: #0778d0;
	}
a:active { 
	text-decoration: none; 
	color: #2870a8;
	}
a:focus { 
	text-decoration: none; 
	color: #2870a8;
	}

#home h1 {
	font-family:Arial, Verdana, sans-serif;
	font-size: 1em;
	margin: 150px 0em 1em 0em;
	color:#f3f3f3;
	}

h1 {
	font-family:Arial, Verdana, sans-serif;
	font-size: 2em;
	margin: 2.1em 0px 0px 0px;
	padding-bottom:8px;
	font-weight: bold;
	text-transform:uppercase;	
	color:#666666;
	border-bottom:#eaeaea solid 1px;
	}

#home #spalte_links h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.4em;
	margin:20px 0 10px 0;
	font-weight: normal;
	text-transform:none;	
	color:#666666;
	}

h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.4em;
	margin:20px 0 0 0;
	font-weight: normal;
	text-transform:none;	
	color:#666666;
	}

h3 {
	font-size: 1.0em;
	margin: 1em 0em 0em 0em;
	padding: 0;
	font-weight: bold;
	color:#000000;
	text-transform: uppercase;
	}


img {
	border: 0;
	}
	
 
#content ol, #content ul, #content li {
	line-height: 1.9em;
	list-style-position:outside;
	margin-left:7px;
	}
	
#content li {
	border-bottom:1px solid #eaeaea;

}

#content li ul li{
	margin-left:20px;
	border:none;
}

strong, b {
	font-weight: bold;
	}


.klein {
  font-size: 10px;
}


/* ----------------------------------- */
/* TABELLE
/* ----------------------------------- */
#content table {
	border-width:0;
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	margin-top:15px;
	width:100%;
}

.tr-odd {
 	background-color: #f8f8f8;
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
}

tr, td {
	vertical-align:top;
	padding: 5px 0px 5px 0px;
}

th {
	text-align:left;
	padding:0;
}



.adresse {
text-align: left;
padding: 4px 0 2px 3px;
border: 1px solid #d3d3d3;
border-width: 0 1px 1px 1px;
vertical-align: top;
}



/* ----------------------------------- */
/* COMMON
/* ----------------------------------- */

div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

#home #berge1 {
	 position:absolute; 
	 top:0px; 
	 left:0px; 
	 width:76px; 
	 height:291px; 
	 margin:0px; 
	 padding:0px;
}


#inhalt #berge1 {
	 position:absolute; 
	 top:0px; 
	 left:0px; 
	 width:76px; 
	 height:123px; 
	 margin:0px; 
	 padding:0px;
	 overflow:hidden;
}

#home #berge2 {
	 position:absolute; 
	 top:0px; 
	 left:344px; 
	 width:606px; 
	 height:291px; 
	 margin:0; 
	 padding:0px;
}


#inhalt #berge2 {
	 position:absolute; 
	 top:0px; 
	 left:344px;
	 width:606px; 
	 height:123px; 
	 margin:0px; 
	 padding:0px;
	 overflow:hidden;
}

/* 
----------------------------------------------------------------------------- 
NAV
-----------------------------------------------------------------------------*/


#nav-wrapper {
	float:left;
	width:268px;
	margin:0;
	padding:0;
	display:inline;
}

#icon {
	text-align:right;
}

img.icon {
	padding-left:10px;
	padding-bottom:10px;
	}

#nav { 
	position: relative;
	margin: 20px 0px 0px 0px;
		line-height: 1.9em;

}
.cssmenuWrap {
 

}

/*-------------CSS---------------------*/
#nav ul#nav2, #nav ul#nav2 ul {
	color:black;
	font-size:100%;
	margin:0pt;
	padding:0pt;
	width:268px;
	text-align:left;
	border-bottom:1px solid #eaeaea;
}
#nav ul#nav2 li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:relative;
	background:#f8f8f8 url(../images/bg_nav_li.gif) repeat-x top left;

}
#nav ul#nav2 li a {
	color:#777777;
	display:block;
	padding:0px 0px 0px 20px;
	text-decoration:none;
	font-weight:bold;
	height:28px;
	min-height:28px;


}
#nav ul#nav2 li.li_act a {
	color:#FFFFFF;
}
* html #nav ul#nav2 li {
	float:left;
	height:28px;
}
* html #nav ul#nav2 li a {
	height:28px;
}

/*ausgeklapptes Popup Menu*/
#nav ul#nav2 ul {
	background:#d1d1d1 url(../images/bg_nav_level2.jpg) repeat-y;
	display:none;
	left:268px;
	position:absolute;
	top:0pt;
	}
#nav ul#nav2 ul li a {
	color:#000000;	
	padding:0px 0px 0px 20px;
	font-weight:normal;

}
#nav ul#nav2 ul li a:hover {
	color:#c71315;
}
#nav ul#nav2 li ul li a {
	padding:0px 0px 0px 20px;
}
#nav ul#nav2 li:hover ul ul, 
#nav ul#nav2 li:hover ul ul ul, 
#nav ul#nav2 li.over ul ul, 
#nav ul#nav2 li.over ul ul ul {
	display:none;
}
#nav ul#nav2 li:hover ul, 
#nav ul#nav2 li li:hover ul, 
#nav ul#nav2 li li li:hover ul, 
#nav ul#nav2 li.over ul, 
#nav ul#nav2 li li.over ul, 
#nav ul#nav2 li li li.over ul {
	display:block;

}
#nav ul#nav2 a.ifsubarrow {
}
/*Level 1 ausgewählt, wenn submenu vorhanden*/
#nav ul#nav2 a.actifsubarrow {
	color:#ffffff;
	background:#000000 url(../images/bg_nav_li_act.gif) repeat-x top left;
	white-space:nowrap;

}
/*Wenn Mouse-Over bei Popup, ausgewählter Level 1*/
#nav ul#nav2 li.menuparent:hover, 
#nav ul#nav2 li.over {

}

/*Level 1 ausgewählt*/
#nav ul#nav2 li.li_act,
#nav ul#nav2 li.li_act a {
	color:#ffffff;
	background:#000000 url(../images/bg_nav_li_over.gif) repeat-x top left;
	white-space:nowrap;
}

#nav ul#nav2 li.li_act ul {
	position:relative;
	display:block;
	left:0px;
}


/*Level 2 ausgeklappt*/
#nav ul#nav2 li.li_act ul li.menuparent a {
	font-size:0.9em;
	font-weight:normal;
	color:#000000;
	background-color:#cccccc;
	background-image:none;
}


/*Level 2 ausgeklappt Link ausgewählt*/
#nav ul#nav2 li.li_act ul li.li_act, 
#nav ul#nav2 li.li_act ul li.li_act a{
	background-color:#eaeaea;
	color:#2870A8;
	background-image:none;
	font-weight:bold;
	font-size:1em;
}

/*Level 1 ,Popup und Level 2 Mouse-Over*/
#nav ul#nav2 li a:hover {
	color:#ffffff !important;
	background-color:#2870A8 !important;

}
/* ----------------------------------- */
/* MAIN
/* ----------------------------------- */

img.logo{
	margin: 12px 0px 0px 20px;
	position:relative;
	border:none;
	display:block;
}

#container-wrapper{
	margin:0;
	padding:0 0 20px 0;
	overflow: visible;
	width:950px;
	background:#ffffff url(../images/bg_container.gif) repeat-y top left;
}

#container {
	margin:0;
	padding:0;
	width:874px;
	float:right;	
	display: inline;
}



#home #content-wrapper {
	width:590px;
	float:right;
	margin:0 0 0 10px;
	display:inline;
}

#content-wrapper {
	width:590px;
	float:right;
	margin:0 0 0 10px;
	display: inline;
}

#content {
	float:left;
	display:inline;
}


#spalte_links {
	width:230px;
	float: left;
	margin:0px 0px 0 20px;
	display: inline;
}

#spalte_rechts {
	width:200px;
	float: right;
	margin:0 0 0 40px;
	display: inline;
}


/* ----------------------------------- */
/* Bottom
/* ----------------------------------- */

#footer-wrapper {
	width:950px;
	clear:both;
}

#footer {
	width:590px;
	font-size:0.8em;
	color:#666666;
	padding-left:360px;
	background:#f8f8f8 url(../images/bg_footer.jpg) repeat-x top left;
	height:38px;
}



#copyright {
	font-size:10px;
	color:#dfdfdf;
}
#copyright a:link,  #copyright a:visited {
	color:#dfdfdf;
	text-decoration:none;
}
#copyright a:hover {
	text-decoration:underline;
}


/* ----------------------------------- */
/* TYPO3
/* ----------------------------------- */



/* ----------------------------------- */
/* Text mit Bildern
/* ----------------------------------- */
.csc-textpic-clear {
	clear:both;
	
}

div.csc-textpic-intext-right .csc-textpic-imagewrap{
	margin-top:3px !important;
}

div.csc-textpic-intext-right-nowrap {
	background:transparent url(../images/bg_spalte_rechts.jpg) no-repeat top right;
	margin-top:20px;
}


.csc-textpic-imagewrap  {
	margin-top:17px;
	margin-right:20px;
}


div.csc-textpic img {
	border:#cccccc solid 3px;
	background:transparent;
}

.csc-textpic-image img {
	border:#cccccc solid 3px;
}

.csc-textpic-image a:link img {
	border:#cccccc solid 3px;
}

.csc-textpic-image a:hover img {
	border:#0778d0 solid 3px;
}
.csc-textpic-image a:active img {
	border:#0778d0 solid 3px;
}

.csc-textpic-text {
	margin-right:40px;
}

.csc-textpic-caption {
	font-size:0.9em;
	color:#666666;
}



/*Fotogalerie (csc_textpic_left)*/



/* ----------------------------------- */
/* Mailformular
/* ----------------------------------- */

.csc-mailform {
	border:none;
	margin-top:20px;
}

.csc-mailform-field label {
  display: block;
  line-height: 1.8;
  vertical-align: top;
  width:475px;
}

.csc-mailform-submit {
	margin-top:10px;
}

/* ----------------------------------- */
/* Sitemap
/* ----------------------------------- */
.csc-sitemap {
	display:block;
	width:100%;
	margin-top:20px;
}
.csc-sitemap ul li a {
	display:block;
	float:none;
	width:550px;
}