* {margin: 0; padding: 0; border: 0;}

body {
	font-family: sans-serif;
	font-size: 1.0em;
	text-align: center; 
	background: #369;
	min-width: 700px;
	color: #333;
  margin: 20px 0px;
		}

a {
	padding: 0px;
	text-decoration: none;
	color: #888;
	font-size: 1.0em;
	font-weight: bold;
		}
		
a:hover { 
	color: #888;
	text-decoration: none;
		}

h1, h2, h3, h4, p {
	margin: 1px 0; 
		}
		
ul {
	margin: 1.0em 3.0em;
  clear: left;
		}
    
li	{
	clear: left;  
  list-style-type: circle;
			}
      
strong  {
  margin: 10px 0px;
    }
		
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p
{
padding: 0 10px; 
}

img {
	border-style: none;
	}
		
img.img_rechts	{
  float: right;
  clear: right;
	margin: 5px 10px;
  }
  
img.img_links	{
  float: left;
  clear: both;
	margin: 5px 10px 5px 0px;
    }
    
.zentriert	{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
		}
    
.contentcontainer {
  width: 720px;
  height: 100%;
  float: right;
  margin: 5px 0px;
    }
		
p.right	{
	text-align: right;
	padding: 0 0px;
	font-size: 1.0em;
		}
    
p.right a   {
  color: #3690C3; 
    }
    
p.coloured  {
  clear: both;
  padding: 5px;
  margin: 10px 0px;
  background-color: #DEDEDE;
  width: 97.2%;
    }
    
ul.coloured  {
  clear: both;
  padding: 5px 0px 5px 38px;
  margin: 10px 0px;
  background-color: #DEDEDE;
  width: 93.3%;
    }
    
table  {
  border-collapse: collapse;
  width: 98.6%;
  margin: 10px 0px;
    }
    
table tr th  {
  padding: 2px 5px;
  background-color: #DEDEDE;
  border: 1px solid #CDCDCD;
    }
    
table tr td  {
  padding: 2px 5px;
  border: 1px solid #CDCDCD;
    }
    
div#gallery {
  width: 100%;
  margin: 10px 0px;
    }
    
div#gallery div{
  width: 100%;
  float: left;
  clear: both;
  margin: 5px 0px 10px 0px;
    }
    
div#gallery img {
  float: left;
    }
    
div#gallery img.preview {
  width: auto;
  height: auto;
  margin: 0px 14px;
    }
		
h1 {
  height: 22px;
  color: #3690C3;
	font-size: 1.0em;
	margin: 10px 0px;
	text-align: left; 
		}
		
h4	{
	font-size: 1.0em;
		}
		
.clear	{
	clear: left;
		}
		
.back	{
	clear: left;
	margin-top: 10px;
		}

/*----------Container---------*/

#wrapper { 
	background: #fff url(../images/links.gif) repeat-y 0 0;
	text-align: left;
	width: 940px; 
	margin: 0 auto; 
	font-size: 80%;
	border: 1px solid #8F9088;
		}

#header, #subnav, #footer {
	clear: both; 
	width: 100%;
		}

/*----------Header---------*/

#header {
	background: #fff; 
	text-align: center;
	padding: 0px 0;
		}

.kopfzeile_logo	{
	float:left;
	width: 204px;
	height:131px;
  background: #FFF url(../images/logo.jpg) center no-repeat;
	border-bottom: 1px solid #8F9088;	
		}
		
.kopfzeile_bild	{
	float: left;
	width: 735px;
	height: 131px;
  background: url(../images/head.jpg) no-repeat;
	border-left: 1px solid #8F9088;
	border-bottom: 1px solid #8F9088;
			}
      
 .kopfzeile_bild div {
  font-weight: bold;
  font-size: 16px;
  margin: 105px 0px 0px 0px;
    }
    
 .kopfzeile_bild div span {
  margin: 0px 35px;
  text-transform: uppercase;
    }

/*----------Footer---------*/

#footer {
	text-align: center;
	border-top: 1px solid #8F9088;
  background-color: #FFF;
		}
		
#footer div {
	padding: 1px 0;
		}

p.cms	{ 
	text-align: left;
	float: left; 
	padding-left: 50px;
	padding-right: 40px;
	overflow: auto;
	font-size: 1.0em;
		}
	
p.foot	{
	overflow: auto;
	font-size: 1.0em;
  color: #888;
  font-weight: bold;
		}

/*----------mittlere Spalte---------*/

#contentfloatholder {
	float: left;
	width: 100%;
	position: relative;
		}

#contentfloatholder:after {
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
		}

#centerpad {
	margin: 0 5px;
	margin-left: 215px;
  margin-bottom: 20px;
  float: left;
		}

#center {
  float:left;
  width: 100%; 
  margin-right: -95%; 
  height: auto;  
  min-height: 500px;
  padding-bottom: 20px;
	}
  
div.ansprechpartner_rechts {
  float: right; 
  margin: 0px 10px 10px 10px; 
  padding: 3px;
  width: 290px;
  border: 1px solid #3690C3;
    }
	
div.ansprechpartner_rechts img {
  float: right;
  margin: 0px 0px 0px 10px;
    }
    
div.ansprechpartner_rechts h1,
div.ansprechpartner_links h1 {
  margin: 0px;
    }
    
div.ansprechpartner_links {
  float: left; 
  margin: 0px 10px 10px 0px; 
  padding: 3px;
  width: 290px;
  border: 1px solid #3690C3;
    }
	
div.ansprechpartner_links img {
  float: left; 
  margin: 0px 10px 0px 0px;
    }
  
/*----------Inhalt---------*/
	
#contentbox_text	{
	vertical-align:top;
	text-align: left;
	font-size:0.7em;
	width: 500px;
	height: auto;
	margin-left: 2.0em;
		}
			
.diagonal	{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 645px;
	height: auto;
		}
	
.diagonal_abstand_links	{
	margin-left: 5px;
		}
		
.diagonal_abstand_rechts	{
	margin-right: 5px;
		}

/*----------linke Spalte---------*/

#left {
  width: 204px;
  height: 100%;
  position: relative;
  left: 0px;
  }

/*----------Navigation---------*/

#menubox	{
	height: auto;
	min-height: 200px;
		}

#menulink_extern	{
	width: 204px;
  height: 50px;
  position: relative;
  bottom: 10px; 
  float: left;  
		}
    
#menulink_extern a {
	color: #3690C3;
		}

.line {
	border-bottom: 1px solid #8F9088;
		}
    
.menu1:hover, .menu2:hover, .menu3:hover, .menu4:hover  {
  background-image:url(../images/char_colon.gif); 
    }
    
.menu1:hover a, .menu2:hover a, .menu3:hover a, .menu4:hover a {
  color: #3690C3;
    }
    
.menu_activated1, .menu_activated2, .menu_activated3, .menu_activated4 {
  background-color: #EEE;
    }
    
.menu_activated1 a, .menu_activated2 a, .menu_activated3 a, .menu_activated4 a {
  color: #3690C3;
    }

.menu1,.menu_active1,.menu_activated1,
.menu2,.menu_active2,.menu_activated2,
.menu3,.menu_active3,.menu_activated3,
.menu4,.menu_active4,.menu_activated4	{
	background-image: url(../images/char_colon_grey.gif); 
	background-repeat: no-repeat; 
	background-position: 10px 5px;
	margin-left: 0px;
	text-align: left;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin: 0px;
	padding-left: 30px;
	font-size: 0.9em;
		}

.menu_active1	{
   background-image:url(../images/char_colon_grey.gif); 
		}

.menu_activated1	{
   background-image:url(../images/char_colon.gif); 
   background-repeat: no-repeat; 
   background-position: 10px 5px;
		}


.menu2	{
   padding-left:42px;
   background-image:url(../images/char_colon_grey.gif); 
   background-repeat: no-repeat; 
   background-position: 20px 5px;
		}

.menu_active2	{
   padding-left:42px;
   background-image:url(../images/char_colon_grey.gif); 
   background-repeat: no-repeat; 
   background-position: 20px 5px;
		}

.menu_activated2	{
   padding-left:42px;
   background-image:url(../images/char_colon.gif);
   background-repeat: no-repeat; 
   background-position: 20px 5px;
		}


.menu3	{
   padding-left:54px;
   background-image:url(../images/char_colon_grey.gif);
   background-repeat: no-repeat; 
   background-position: 30px 5px;   
		}

.menu_active3	{
   padding-left:54px;
   background-image:url(../images/char_colon_grey.gif); 
   background-repeat: no-repeat; 
   background-position: 30px 5px;
		}

.menu_activated3	{
   padding-left:54px;
   background-image:url(../images/char_colon.gif);
   background-repeat: no-repeat; 
   background-position: 30px 5px;
		}

.menu4	{
   padding-left:66px;
   background-image:url(../images/char_colon_grey.gif); 
   background-repeat: no-repeat; 
   background-position: 40px 5px;
		}

.menu_active4	{
   padding-left:66px;
   background-image:url(../images/char_colon_grey.gif);
   background-repeat: no-repeat; 
   background-position: 40px 5px;   
		}

.menu_activated4	{
   padding-left:66px;
   background-image:url(../images/char_colon.gif);
   background-repeat: no-repeat; 
   background-position: 40px 5px;
		}
		
/*----------rechte Spalte---------*/

#right {
  float:right;
  width: 2px;
  overflow: auto;
		}

/*----------Teaser---------*/

.teaser	{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 40px;
	margin-bottom: 20px;
	overflow: auto;	
		}

.teaserbox_headline	{
	background-color: #313874;
	font-size: 1.0em;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 10px;
	width: 290px;
	text-align: center;
	border-right: 1px solid #8F9088;
	border-left: 1px solid #8F9088;
	border-top-style: none;
	border-bottom-style: none;
	padding: 2px;
	padding-right: 8px;	}
	
.teaserbox_content	{
	border: 1px solid #8F9088;
	font-size: 1.0em;
	color: #8F9088;
	width: 290px;
	text-align: justify;
	padding: 5px;	}
		
.info a	{
	font-size: 1.0em;
	font-weight: bold;
		}
		
.info	{
	font-size: 1.0em;
	padding: 0.4em;
	padding-top: 1.0em;
		}
		
.info p	{
	text-align:right;
		}
    
table#galery tr td  {
  padding: 10px 30px;
  text-align: center;
    }
    
table#galery tr td img  {
  width: auto;
  max-height: 100px;
    }