@charset "utf-8";
/* CSS Document */

@import url("fonts/novecentowide_light_macroman/stylesheet.css");
@import url("fonts/novecentowide_book_macroman/stylesheet.css");


/* globals */
* {
	outline:none;
	margin: 0;
	text-decoration:none;
	padding:0;
}

h1 { 
	font-family: 'NovecentowideBookRegular', sans-serif;
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 10px;
	letter-spacing: 0.05em;
 	text-shadow: 0px 3px 6px #333333;
	filter: dropshadow(color=#04406e, offx=0, offy=3);
	color: #ffffff;
}

h1 span{
	background: url(bilder/h1-unter.png) bottom left repeat-x;
}

h2 { 
	font-family: 'NovecentowideBookRegular', sans-serif;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 10px;
	letter-spacing: 0.05em;
 	text-shadow: 0px 3px 6px #333333;
	filter: dropshadow(color=#04406e, offx=0, offy=3);
	color: #ffffff;
}

h3 { 
	font-family: 'NovecentowideBookRegular', sans-serif;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 10px;
	letter-spacing: 0.0em;
 	text-shadow: 0px 3px 6px #333333;
	filter: dropshadow(color=#04406e, offx=0, offy=3);
	color: #ffffff;
	background: url(bilder/h1-unter.png) bottom left repeat-x;
}


body, html {
	background-color: #e2e1e2;
}

/* Grundlayout */

#wrapper {
	margin:auto;
	width: 1233px;
	min-height: 500px;
	-webkit-box-shadow:  0px 5px 15px 1px #333333;
    box-shadow:  0px 5px 15px 1px #333333;
}

#head {
	background-image: url(bilder/header-full.jpg);
	height: 168px;
	width:inherit;
}

#navigation {
	background-image:url(bilder/navi-full.jpg);
	height: 64px;
	width:inherit;
}

#maincontent {
	width:inherit;
	min-height: 400px;
	background-color: #007da6;
}

#footer {
	width:inherit;
	height: auto;
	background:url(bilder/footer-full.jpg) top no-repeat;
}

/* Navigation */

#navi {
	margin-left: 121px;
    font-family: 'NovecentowideLightRegular';
	font-size:16px;
	letter-spacing: 0.1em;
}

#navi li {
	float:left;
	display:inline;
	margin-top: 16px;
	height: 30px;
}

#navi a {
	color: #ffffff;
	text-decoration:none;
	margin: 0px 12px 0px 12px;
	padding-bottom: 13px;
 	text-shadow: 0px 5px 10px #000000;
	filter: dropshadow(color=#04406e, offx=0, offy=3);
}

#navi a:hover {
	text-decoration:none;
	margin: 0px 12px 0px 12px;
	padding-bottom: 13px;
	background: url(bilder/navi-hover.png) bottom center no-repeat;
 	text-shadow: 0px 2px 3px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=3);
	background-position: bottom;
	-webkit-transition: background-position .3s ease-in-out;
	   -moz-transition: background-position .3s ease-in-out;
	     -o-transition: background-position .3s ease-in-out;
	        transition: background-position .3s ease-in-out;
}

#navi a.aktiv {
	text-decoration:none;
	margin: 0px 12px 0px 12px;
	padding-bottom: 13px;
	background: url(bilder/pfeil-links.png) bottom center no-repeat;
 	text-shadow: 0px 2px 3px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=3);
	background-position: bottom;
	-webkit-transition: background-position .3s ease-in-out;
	   -moz-transition: background-position .3s ease-in-out;
	     -o-transition: background-position .3s ease-in-out;
	        transition: background-position .3s ease-in-out;
}



#subnavi {
    font-family: 'NovecentowideLightRegular';
	font-size:12px;
	position:absolute;
	letter-spacing: 0.1em;
	height:auto;
	margin-bottom: 0px;
}


#subnavi li {
	float:left;
	display:none;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #ffffff;
}

#subnavi li.aktiv {
	float:left;
	display:inline;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #ffffff;
}

#subnavi li.aktiv a.akt {
	border-bottom:#ff7400 1px solid;
}


#subnavi > li > a {
	text-decoration:none;
	background: none;
	padding-bottom: 1px;
}

#subnavi > li > a:hover {
	text-decoration:none;
	border-bottom:#ff7400 1px solid;
	background: none;
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	padding-bottom: 1px;
}

#navi > li:hover > #subnavi > li{
	display:inline;
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
}

/* Inhalt */

#content {
	padding: 40px 133px;
}

#content p {
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #ffffff;
}

/* Bilder */
img.right {
	float:right;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 3px;
	-webkit-box-shadow:  2px 2px 10px 1px #333333;
    box-shadow:  2px 2px 10px 1px #333333;
}

img.left {
	float:left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 7px;
	-webkit-box-shadow:  2px 2px 10px 1px #333333;
    box-shadow:  2px 2px 10px 1px #333333;
}

/* Footer */

#footercontent {
	width: auto;
	padding: 40px 133px;
}

/* Footer Spalten */

#foo1, #foo2 {
	width: 288px;
	background:url(bilder/tablebg.png) top right no-repeat;
	min-height: 200px;
	float: left;
	padding-top: 10px;
}

#foo2 {
	margin-left: 40px;
	margin-right: 40px;
}

#foo1 p, #foo2 p{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #cccccc;
}

#foo1 p{
	line-height: 160%;
}

/* Footer - Links */
#foo1 a, foo2 a{
	text-decoration: none;
	color: #cccccc;
}

#foo1 a:hover, foo2 a:hover{
	text-decoration: underline;
	color: #eeeeee;
}

/* Footer - Copyright */

#copyright {
	width: inherit;
	margin: 10px 0px;
	border-top: #647ca7 1px solid;
}

#copyright p{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #647ca7;
	padding: 10px 133px;
	line-height: 12px;
}

#copyright a{
	text-decoration: none;
	color: #647ca7;
}

#copyright a:hover{
	text-decoration: underline;
	color: #cccccc;
}

/* Bildunterschrift */

dl.meImgLeft { 
	float: left; 
	margin-right: 1em; 
	width: 200px; 
	margin-top: 5px;
	margin-right: 20px;
}

dl.meImgRight { 
	float: right; 
	margin-right: 1em; 
	width: 200px; 
	margin-left: 20px;
	margin-top: 3px;
}
dl.meImgRight dt, dl.meImgLeft dt { margin-bottom: 0; }
dl.meImgRight dt > img, dl.meImgLeft dt > img {	-webkit-box-shadow: 2px 2px 10px 1px #333333; box-shadow: 2px 2px 10px 1px #333333;}
dl.meImgRight dd, dl.meImgLeft dd { margin: 0; margin-top: 5px; color: #ffffff; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:italic;}

/* externe Links optisch markieren */
a.ext
{
background: transparent url('bilder/ext_link.gif') scroll 100% 50% no-repeat;
padding-right: 13px;
color: navy;
}
/* Links im Fließtext */
#content p > a, #content p > a:active, #content p > a:visited {
	color: navy;
	text-decoration: none;
	border-bottom: navy 1px dashed;
}

#content p > a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: #fff 1px solid;
}

/* verlinkte PDFs optisch markieren */
a[href$=".pdf"]
{
background: transparent url('bilder/pdf.gif') scroll 100% 50% no-repeat;
padding-right: 16px;
}

/* Formular format */

input:focus, textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
    outline: 0px none;
}

.login-text {
    padding: 8px !important;
    width: 100% !important;
	margin-bottom: 10px;
}

input, textarea, .uneditable-input {
    margin-left: 0px;
}

input, textarea {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

 .pflichtfeld {
  color: #FF0000;
  border: 0px;
 }
 .hintergrund {
  color: #000000;
  background-color: #007DA6;
  background: none;
 }
 
 .kontakt, iframe {
background-color: #007DA6;
background: #007DA6b;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
}

input[type="submit"]:hover{
	cursor: pointer;
}

 /* Tabelleneffekt */ 
 .hintergrund input:active, .hintergrund input:focus, .hintergrund input:hover {
  background-color: #F7F7F7;
 } 
 .hintergrund select:active, .hintergrund select:focus, .hintergrund select:hover {
  background-color: #F7F7F7;
 }
 .hintergrund textarea:active, .hintergrund textarea:focus, .hintergrund textarea:hover {
  background-color: #F7F7F7;
 }
 
  .danke, .danke a {
  color: #000000;
  padding: 10px;
  width: 500px;
  margin: auto;
  margin-top: 200px;
  background-color: #007DA6;
 }
 
 /* Zitate formatieren */
blockquote {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	width: 350px;
	margin: 0.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -20px;
	top: -20px;
	color: #7a7a7a;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}