/* RESET */
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em { font-size: 1.0em;; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption { text-align: center; }
/* table { border-collapse: collapse; border-spacing: 0; } */
a {outline:none; color:#82919B}
hr {border:none; background:#006A8C}

h1, h2 {
    /* visibility: hidden; */
	
}


.ueberschrift {
	color: #505050;
	font-size: 1.1em;
	text-transform:uppercase;
	font-weight: normal;
	margin-bottom: 0.3em;
	height:1.4em;
}


/* 
    Document   : layout
    Created on : 28.12.2008, 10:44:04
    Author     : 2gmedia
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* ############### Reset und Seiten-Definition #################### */

* {
	margin:0;
	padding:0;
}
root { 
    display: block;
}
html {
	border:0;
	font-size:100%;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	text-align:center !important;
	width:100%;
	/* color:#505050; */
	color:#82919b;
	font-weight:normal;
	/* background-color:#5A8DC4; */
}
a img {
	border:none;
}
table, th, td, div {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* ####################### Seiten-Layout ############################ */

#conM {
	width:98.6em;
    height:73.1em;
	margin-top:5em;
	margin-right:auto;
	margin-bottom:auto;
	margin-left:auto;
	background-color:#FFFFFF;
    text-align:left;
    border: 0.1em solid #BFBFBF;
}
#header {
    width:22.8em;
    height: 9em;
    float:right;
    padding-left:75.8em;
    padding-top:2.7em;
   /*  background-color:green; */
}
#menu {
   /*  background-color:blue; */
    height:7em;
	/*background-color:#FFFFCC;*/
}
#subMenu {
    height:14em;
}
#content {
    /* background-color:yellow; */
    clear:right;
    height:61.5em;
}
#left {
    width:45.6em;
    height:57.1em;
    float:left;
    margin-left:4.0em;
   /*  background-color:red; */
}
*+html #left {
	width:45.4em;
	/* background-color:#CCC; */
}
* html #left {
	width:45.4em;
	margin-left:1.9em;
	 
}
#right {
	width: 49.0em;
	height:57.1em;
	float:right;
	margin-left:0em;
	margin-right:0em;
	/* background-color:yellow; */
}
#text {
    height: 9.4em;
	line-height: 1.6em;
	overflow: hidden;
	margin-bottom: 0em;
	padding-right: 2em;
}
*+html #text {
	height: 9.6em;
}
* html #text {
	height: 9.6em;
}
#imgSel {
	height: 11.4em;
	margin-bottom: 0.7em;	
	clear:both;
}
* html #imgSel {
	height: 10em;
	margin-bottom: 0em;	
}
#beschreibung {
	height: 5em;
	margin-bottom: 2.0em;
	line-height: 1.6em;	
}
* html #beschreibung {
	height: 4.3em;
	margin-bottom: 0em;
}
#mehr {
	float: right;
	text-align: right;
	height: 1.4em;
	width: 5em;
	margin-top: 1em;
	margin-bottom: 2.9em;
	margin-right: 1.5em;
	cursor: pointer;
}
#footer {
    height: 2em;
    /* background-color: silver; */
}
* html #footer {
	height: 3em;
	margin-bottom: 1em;
}
#footer div {
    margin-right:1.5em;
    float:left;
}
#footer a:hover {
    color:#505050;
}
#impressum-con {}
#copyright-con { width: 100%; margin-left: 20px; }

 /* ####################### Haupt-Navigation ############################ */

#nav{
	height: 2.5em;
	padding: 0 0 0 0em;
}
#nav li {
	margin: 0em 0 0 0;
	float: left;
	position:relative;
	height: 3em;
	text-transform: uppercase;
}
#nav a{
   font-size:1.1em;
	text-decoration:none;
	font-weight: normal;
	color:#82919b;
	margin:0;
	display: block;
}
#nav li a:hover {
	color:#505050;
}
#nav li a:active {
	color:#505050;
}
#nav .active a {
	color: #505050;
	cursor:default;
}

/* ####################### Online-Galerie ############################ */

#groupMenu {
	margin-bottom: 2.8em;
	height: 4em;
}
#groupMenu li {
	float: left;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 3px;
	/* background-color:#99FFFF; */
}
*+html #groupMenu li {
	padding-right: 10px;
	/* background-color:#EFEFEF; */
}
* html #groupMenu li {
	padding-right: 10px;
	/* background-color:#EFEFEF; */
}
#groupMenu li a {
	font-size:1.1em;
	text-decoration: none;
	display:block;
	text-transform: uppercase;
}
#groupMenu li a:hover {
	color:#505050;
}
#groupMenu li a:active {
	color:#505050;
}
#groupMenu .active a {
	color: #505050;
	cursor:default;
}

/* ####################### Unter-Gruppe ############################ */

#ugMenu {
	margin-bottom: 1.5em;
	height: 6em;
	/* background-color:#99FFFF; */
}
#ugMenu li {
	float: left;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 3px;
	/* background-color:#CC99FF; */
}
#ugMenu li a {
	font-size:1.1em;
	text-decoration: none;
	display:block;
	/* text-transform: uppercase; */
}
#ugMenu li a:hover {
	color:#505050;
}
#ugMenu li a:active {
	color:#505050;
}
#ugMenu .active a {
	color: #505050;
	cursor:default;
}

/* ####################### Online-Galerie ############################ */
#switchNext {
	text-align: right;
	height: 2em;
	margin-top: 0.6em;
	margin-bottom: 3.1em;
	margin-right: 1.5em;
	
}

.switchL {
	float: right;
	cursor: pointer;
}
.switchR {
	float: right;
	cursor: pointer;
}
.switchN {
	float: right;
	padding-left: 4px;
	padding-right: 4px;
}

/* ####################### Aktuell-Layout ############################ */

#leftAktuell {
    width:71.7em;
    height:57.1em;
    float:left;
    margin-left:4.0em;
   /*  background-color:red; */
}
#rightAktuell {
    width: 18.3em;
    height:57.1em;
    float:right;
    margin-right:4.3em;
   /*  background-color:aqua; */
}
#textAktuell {
    height:44.6em;
	overflow: hidden;
	padding-right: 2em;
	margin-bottom: 1.5em;
    /* background-color:orange; */
}

/* ####################### Kontakt-Layout ############################ */

#leftKontakt {
    width:81.7em;
    height:57.1em;
    float:left;
    margin-left:4.0em;
   /*  background-color:red; */
}
#rightKontakt {
    width: 8.3em;
    height:57.1em;
    float:right;
    margin-right:4.3em;
   /*  background-color:aqua; */
}
#textKontakt {
    height:45.9em;
	overflow: auto;
	margin-bottom:3.6em;
	color:#82919b;
    /* background-color:orange; */
}

/* ####################### Vita-Layout ############################ */

#leftVita{
    width:71.7em;
    height:57.1em;
    float:left;
    margin-left:4.0em;
   /*  background-color:red; */
}
#rightVita {
    width: 18.3em;
    height:57.1em;
    float:right;
    margin-right:4.3em;
   /*  background-color:aqua; */
}
#textVita {
    height:44.6em;
	overflow: hidden;
	padding-right: 2em;
	margin-bottom: 1.5em;
    /* background-color:orange; */
}


/* ####################### Impressum-Layout ############################ */

#leftImpressum{
    width:71.7em;
    height:57.1em;
    float:left;
    margin-left:4.0em;
   /*  background-color:red; */
}
#rightImpressum {
    width: 18.3em;
    height:57.1em;
    float:right;
    margin-right:4.3em;
   /*  background-color:aqua; */
}
#textImpressum {
    height:44.8em;
	overflow: hidden;
	padding-right: 2em;
	margin-bottom: 1.3em;
    /* background-color:orange; */
}

/* ####################### Indexl-Layout ############################ */

#conMindex {
	width:98.6em;
    height:73.1em;
	margin-top:5em;
	margin-right:auto;
	margin-bottom:auto;
	margin-left:auto;
	background-color:#FFFFFF;
    text-align:left;
    border: 0.1em solid #BFBFBF;
   
 }
 
#textIndex {
    height:35.1em;
	overflow: hidden;
	margin-bottom: 0.4em;
    /* background-color:orange; */
}

 /* ####################### Indexl-Layout ############################ */

 #nav{
	height: 2.5em;
	padding: 0 0 0 0em;
}
#nav li {
	margin: 0em 0 0 0;
	float: left;
	position:relative;
	height: 3em;
	text-transform: uppercase;
}

#nav li a{
   font-size:1.1em;
	text-decoration:none;
	font-weight: normal;
	color:#82919b;
	margin:0;
	display: block;
}

#nav li a:hover {
	color:#505050;
}
#nav li a:active {
	color:#505050;
}


/* Subnavigation */
#subnav {
	width: 180px;
	margin-bottom: 15px;
	margin-left: 50px;
	margin-top: 15px;
	padding:0;
}
#subnav li {}
#subnav li a {
	text-decoration: none;
	display:block;
}
#subnav .active {
	color: #FF9933;
	cursor:default;
}
/* ------------------*/
#lang{
	float:right;
	clear: right;
	margin:0;
	padding:0;
}
#lang li{
	float: left;
	list-style: none;
	padding: 5px 0 0 1px;
}
#lang li a{
}
/* ------------------*/
hr.clear{
	clear:both;
	visibility:hidden;
	height:0;
	content: "."; 
	line-height:0;
	width:95%;
	border: 0;
    padding: 0;
	margin: -10px 0 0 0;
	float:left;
}
hr.line {
	border:none;
	height:1px;
	line-height:1px;
	background:#1755a6;
	margin:20px 0;
}
#adresse {
	font-size: 0.9em !important;
	color: #006A8C;
}
/* ------------------*/
#innerContent {
	width: 560px;
	padding:20px;
	background: #fff url(../pix/layout/ecke.jpg) no-repeat left top;
	color: #58585a;
	clear: both;
	position:relative;
}

.abb {
	background-color: #d2d2dc;
	height: 15px;
	width: 15px;
	margin-right: 6px;
	margin-bottom: 6px;
	float: left;
	display:block;
	cursor: pointer;
}
.abb:hover {
	background-color: #82919b;
}
.abbActiv {
	background-color: #82919b;
	height: 15px;
	width: 15px;
	margin-right: 6px;
	margin-bottom: 6px;
	float: left;
	display:block;
	cursor: pointer;
}

/* CSS Newsblock */

div.newsBlock {
border-top:1px solid;
margin-bottom:1em;
padding:1em 0 0 0;
}
div.newsBlock span{
color:#999999;
font-size:0.8em;
}