﻿/* FARBEN

Beige= #003E6E
Blau= #005D86*/

/* Fluss unterbrechung */
.clear {font-size: 0; line-height: 0; clear: both; }




.rounded 		{ -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius:4px;}
.shadow 		{ box-shadow:#003E6E 0 0 31px; -moz-box-shadow:#003E6E 0 0 31px; -webkit-box-shadow:#003E6E 0 0 31px; }



#content table {border-spacing:0px; border: solid 0px #005d86; margin: 5px 0; border-collapse: collapse;} 
#content tr {border-bottom: solid 1px #005d86; } 
#content tr:first-child {border-top: solid 1px #005d86; border-bottom: solid 1px #005d86; } 
#content td {padding: 3px 10px;  border-left: solid 1px #005d86; border-right: solid 1px #005d86; } 



/* horizontale Zentrierung */

html, body {background-image:url('../img/body_hg.gif'); height:100%;
background-repeat:repeat-x; margin:0; padding:0; background-color:#F9F9F8;
}

div {text-align: left;}

.wrapper {width:960px; margin: 0 auto; height: 100%; background-color: #fff}
.header .container {/* SVG fallback(Opera 11.10-, IE9) */
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDIzNiwyMzUsMjMwLDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjQ1LDI0NSwyNDIsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);

/* Opera 11.10+ */
background: -o-linear-gradient(top, rgba(236,235,230,1), rgba(245,245,242,1));

/* Firefox 3.6+ */
background: -moz-linear-gradient(top, rgba(236,235,230,1), rgba(245,245,242,1));

/* Chrome 7+ & Safari 5.03+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(236,235,230,1)), color-stop(1, rgba(245,245,242,1)));

/* IE5.5 - IE7 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFECEBE6,EndColorStr=#FFF5F5F2);

/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFECEBE6,EndColorStr=#FFF5F5F2)"}
.container {width:960px; margin: 0 auto; }
.header {width: 100%}
			 
.section {   background-color: #fff; height: auto !important; left: -480px; margin-bottom: 20px; margin-left: 50%; position: absolute; width: 960px;

}	
			 
			 
			 

.footer {width: 100%; position: fixed; bottom:0;}
.footer .container { }
	#catPic { float:left; width:230px; height:57px; margin: 0 0 0 10px;}
	#address {width: 700px; margin: 17px 10px 0 0; height:32px; opacity: 0.9; background-color: #fff; padding-top:8px; border-top: solid 3px #F9F9F8;  float:right; }



/* Linkdekoration  */
img { border:0;}
#nachoben a:link, #lang a:link, #logo a:link, #nachoben a:visited, #lang a:visited,  #logo a:visited, #nachoben a:active, #lang a:active, #logo a:active{ color:#0052A5; text-decoration: none; }
a:link, a:visited, a:active{ color:#005D86; text-decoration: underline; font-weight:bold;}
a:hover{ color:#346A8E; text-decoration: underline; font-weight:bold;}

#menu2 a:link, #menu2 a:visited, #menu2 a:active{ color:#333; text-decoration: none; text-transform:uppercase;}



/* menu 1 */
#menu1 { float:left; width:715px; margin:50px 0 0 0;}
#menu1 li{ list-style-type: none; float:left; margin:0; padding:0; padding:0 20px; border-left: solid 1px #666; }
#menu1 li:first-child 	{border-left: 0px;  padding: 0 20px 0 10px;}
#menu1 a 				{font-family: Century Gothic,Verdana, Arial, sans-serif;  font-weight: normal; font-size: 1.5em;  color: #000; text-transform: uppercase; text-decoration: none;  }

#menu1 li a:hover {border-bottom: solid 5px #005d86;}
#menu1 li.active a {border-bottom: solid 5px #005d86;}



/* Image replacement Menu */

#logo 			{ float:left;}
#logo a 			{ width:220px; height:70px; margin:20px 0 0 0; background-repeat:no-repeat; display:block; background-image:url('../img/buttons/logo.gif');}
#logo a span		{background-image:url('../img/buttons/logo_active.gif'); visibility:hidden;}

#menu2 a 		{height:26px;  background-repeat:repeat; display:block; padding:7px 0 0 19px;  border-top: solid 2px #fff; 
					font-family: Century Gothic, Verdana, Arial, sans-serif;  font-weight: normal; font-size: 1.1em;  color: #000; text-transform: uppercase; text-decoration: none;}
#menu2 a 		{background-image:none;}
#menu2 a:hover	{background-image:url('../img/buttons/menu2_bright.png');display:block; }
#menu2 a span	{background-image:url('../img/buttons/menu2_bright.png'); visibility:hidden;}
#menu2 a.active	{background-image:url('../img/buttons/menu2_active.png');background-position:0 0; }
#menu2 a:hover.active	{background-image:url('../img/buttons/menu2_active_hover.png');background-position:0 0;}
#menu2 a.active span	{background-image:url('../img/buttons/menu2_active_hover.png');visibility:hidden;}

#menu2 ul li ul li a{background-image:url('../img/buttons/menu2_dark.png');height :20px; background-repeat:repeat; display:block; padding:2px 0 2px 30px;  border-top: solid 0px #fff; }
#menu2 ul li ul li a:hover{background-image:url('../img/buttons/menu2_dark+.png');height :20px; background-repeat:repeat; display:block; padding:2px 0 2px 30px;  border-top: solid 0px #fff; }
#menu2 ul li ul li .active{background-image:url('../img/buttons/menu2_dark+.png');height :20px; background-repeat:repeat; display:block; padding:2px 0 2px 30px;  border-top: solid 0px #fff; }
#menu2 ul li ul li .active:hover{background-image:url('../img/buttons/menu2_dark++.png');height :20px; background-repeat:repeat; display:block; padding:2px 0 2px 30px;  border-top: solid 0px #fff; }

#menu2 ul li ul li ul { }
#menu2 ul li ul li ul li a{background-image:url('../img/buttons/menu2_dark+.png');height :20px; background-repeat:repeat; display:block; padding:2px 0 2px 40px;  border-top: solid 0px #fff; }
#menu2 ul li ul li ul li a:hover{background-image:url('../img/buttons/menu2_dark++.png');height :20px; background-repeat:repeat; display:block; padding:2px 0 2px 40px;  border-top: solid 0px #fff; }
#menu2 ul li ul li ul li a.active{background-image:url('../img/buttons/menu2_dark++.png');height :20px; background-repeat:repeat; display:block; padding:2px 0 2px 40px;  border-top: solid 0px #fff;  }
#menu2 ul li ul li ul li a.active:hover{background-image:url('../img/buttons/menu2_dark+.png');height :20px; background-repeat:repeat; display:block; padding:2px 0 2px 40px;  border-top: solid 0px #fff; }

#nachoben a 			{width:118px; background-repeat:no-repeat; display:block; }
#nachoben a 			{background-image:url('../img/buttons/nachoben.gif');}
#nachoben a:hover		{background-image:url('../img/buttons/nachoben_active.gif');}
#nachoben a span		{background-image:url('../img/buttons/nachoben_active.gif'); visibility:hidden;}




/* Text formatierung  */
body{font:  8pt/16pt Verdana, Arial, Helvetica, Sans-Serif; color:#333;}
.address{font:  1em/13pt Verdana, Arial, Helvetica, Sans-Serif; color: #333}



/* Elementformatierung  */



#lang { float:right; width:64px; margin:0 10px 0 0; background-color: #fff;
			-moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;	}
#lang a 			{margin:8px;display:block; float:left;}

              

#menu1_pic { float:left; height:325px;}

#menu2 { float:left; min-height:350px; height:auto !important; height: 350px; width:237px; margin:10px 0 0 11px;
		background-image:url('../img/menu2_hg.gif'); background-repeat:repeat-x; 
		text-transform:uppercase; font-family:Arial, Helvetica, Sans-Serif; font-size:1.2em; font-weight:bold;
		-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px;}
#menu2 ul { margin:0; padding:0px;}
#menu2 ul li { margin:0; padding:0px; list-style-type:none;font-family:Arial, Helvetica, Sans-Serif; font-size:0.9em;}
#menu2 .logo{ margin:66px 0 0 12px;}
#menu2 .logo img{ margin:0 0 16px 0; display:block; margin: 0 10px 16px 0;}
				 
#content { float:left;width:600px; margin:40px 10px 70px 34px; text-align:justify;}
#content #colum1 { float:left;width:240px; text-align:justify; margin-bottom: 30px}
#content #colum2 { float:left;width:350px; text-align:justify; margin-bottom: 30px}
#content img{ margin:10px;  }
#content .diagramm{ padding-left:85px; display:block;  }
#content .diagramm img{ float: none; margin:0; }
#content ul { list-style-type: circle;  }
#content ul li {padding:5px 0 0 0;}

/*.listflex { display:block; padding:0px 0 10px 0; background-image:url('../img/hr_line.gif'); background-position:bottom left; background-repeat:no-repeat; }*/
.listflex { display:block; padding:0px 0 30px 0; }
.listflex_pic { float:left; width:140px; text-align:center;  display:block; margin-top:25px; }
.listflex_pic img { }
.listflex_text {margin:0 0 0 160px;display:block;text-align:justify;}

/* Gallery */
#pic_gallery {}
#pic_gallery img { padding: 3px; border: solid 1px #ddd; box-shadow: rgba(0,0,0,0.1) 0 0 3px; margin:3px;}



#content_pic 					{}

#content_pic img{ height: auto; width:auto; margin:20px 7px 0 7px;padding: 0 0 32px 0; border:solid 1px #fff; }
#content_pic img:hover{ margin:20px 7px 0 7px;padding: 0 0 32px 0; border:solid 1px #fff;}













