/* All Browsers 
*******************************************************************************/


/* ----------------------------------------------------- html, body Defaults */
html,body {
	height: 100%;
/*
	font-family: Georgia, "Times New Roman", serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
*/
	background: #a0b5ca url(../img/background-body.jpg) repeat-x top;
	/*font-size: 12px:*/
	font-size: 13px;
	line-height: 16px;
}




/* ----------------------------------------------------- Scrollbar */

body {
	overflow-y: scroll; 
}

@font-face {
	font-family: 'FuturaLTMediumRegular';
	src: url('../font/lte50186.eot');
	src: local('Futura LT Medium'), local('FuturaLT'), url('../font/lte50186.woff') format('woff'), url('../font/lte50186.ttf') format('truetype');
}
@font-face {
	font-family: 'FuturaLTBookRegular';
	src: url('../font/lte50152.eot');
	src: local('Futura LT Book'), local('FuturaLT-Book'), url('../font/lte50152.woff') format('woff'), url('../font/lte50152.ttf') format('truetype');
}

html,body {
	font-family: 'Arial', Helvetica, Verdana, sans-serif;
	/*font-family: 'FuturaLTMediumRegular', Helvetica, Arial, Verdana, sans-serif;*/
}


/* Layout Set
*******************************************************************************/

/* ----------------------------------------------------- Layout Width */

#container,
#header,
#wrapper,
#footer {
	width: 885px;
	margin: 0 auto; 			/* center layout not in IE5 */
}
#iheader,
#iwrapper,
#ifooter {
	width: 885px;
	margin: 0 auto; 			/* center layout not in IE5 */
}

/* ----------------------------------------------------- Default */

#zbase {
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background: transparent url(../img/background-pic.jpg) no-repeat left top;
}
#container {
	position: relative;
/*	height: auto !important;
	height: 100%;
	min-height: 100%;
*/}

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

#header {
	height: 340px;
	width: 100%;
}
#index #header {
	height: 563px;
}
#iheader {
	margin: 0 auto;
}

.logo {
	position: absolute;
	height: 100px;
	width: 885px;
	left: 0;
	top: 0;
	background: transparent url(../img/logo.png) no-repeat left top;
}
.logo a {
	display: block;
	width: 202px;
	margin: 30px 0 0 20px;
	height: 60px;
	color: transparent;
	text-indent: -1000em;
}

.pic {
	padding: 110px 0 0 32px;
}
.ipic {
	border: 3px solid #fff;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	width: 816px;
	height: 201px;
}
#index .ipic {
	height: 434px;
}

/* ----------------------------------------------------- Content */

#wrapper {
	padding: 0 0 60px 0;
	margin: 0 auto;
}
#icontainer {
	background: transparent url(../img/background-base.jpg) repeat-y center;
}
#incontainer {
	background: transparent url(../img/background-ibase.jpg) no-repeat center top;
}
#content {
	float: left;
	/*width: 550px;*/
	width: 600px;
}
#content_w100 {
	width: 700px;
	margin:0 auto;
}
#icontent {
	width: 550px;
}
#content_w100 #icontent {
	width: 700px;
}
#index #content_w100 {
	width: 813px;
}
#index #content_w100 #icontent {
	width: 813px;
}
#index #wrapper {
	padding: 0 0 10px 0;
}

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

#footer {
/*	position: absolute;
	bottom: 0;
	left: 0; 
*/	width: 100%;
	height: 110px;
	background: transparent url(../img/background-footer.png) no-repeat center top;
}
#ifooter {
	text-align: center;
	padding-top: 50px;
	font-size: 12px;
	color: #fff;
}
#ifooter a {
	color: #fff;
}

/* ----------------------------------------------------- r+l Cols */

.r-col {
	float: right;
}
.l-col,
.l-cols {
	float: left;
}


/* Navi Sets
*******************************************************************************/

.service-navigation {
	position: absolute;
	top: 50px;
	right: 20px;
}
.service-navigation ul {

}
.service-navigation ul li {
	float: left;
	margin: 0 5px;
}
.service-navigation a:hover,
.service-navigation a.current {
	text-decoration: none;
}

#path {
	display: block;
	padding-bottom:5px;
	margin-bottom: 30px;
	background: transparent url(../img/background-pathlist.png) no-repeat right bottom;
}
#index #path {
	display: none;
}
/* ----------------------------------------------------- Main Nav */


.main-navigation {
	position: absolute;
	z-index: 99;
	top: 82px;
	right: 20px;
	width: 636px;
	text-align: center;
	height: 58px;
	background: transparent url(../img/background-main-navigation93.png) no-repeat top center;
}
.main-navigation a {
	z-index: 10;
	display: inline-block;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	line-height: 25px;
	margin: 12px 10px 0 10px;
}
.main-navigation a:hover,
.main-navigation a.current {
	text-decoration: none;
}

/* ----------------------------------------------------- Sub Nav */

.sub-navigation {
	float: left;
	width: 217px;
	margin-right:21px;
	background: transparent url(../img/background-subnav-base.png) repeat-y right top;
}
.isub-navigation {
	background: transparent url(../img/background-subnav-bottom.png) no-repeat right bottom;
	display: block;
}
.insub-navigation {
	background: transparent url(../img/background-subnav-top.png) no-repeat right top;
	padding-bottom: 100px;
	min-height: 130px;
	height: auto !important;
	height: 130px;
}

.sub-navigation ul {
	width: 172px;
	float: right;
	margin-top: 10px;
	padding-right: 9px;
}
.sub-navigation ul li {
}
.sub-navigation ul li a {
	display: block;
	margin: 0;
	padding: 5px 5px 4px 10px;
	border-bottom:1px solid #ccc;
}
.sub-navigation ul li a:hover {
	text-decoration: none;
	border-bottom:1px solid #666;
}
.sub-navigation ul li#n_1 {
	display: none;
}
.sub-navigation ul li.mn_klein.first{
	padding-top: 20px;
}
.sub-navigation ul li.mn_klein a {
	padding: 2px 0 2px 0;
}
.sub-navigation ul li.current a {
	border-bottom: 1px solid #000;
}

/* ----------------------------------------------------- Sub2 Nav */

.sub-navigation ul ul {
	margin: 5px 0 20px 0;
	padding: 0;
}
.sub-navigation ul li li {
	margin-left: 10px;
}
.sub-navigation ul li.current li a,
.sub-navigation ul li li a {
	padding: 1px 5px 1px 15px;
	border-bottom:1px solid #ccc;
}
.sub-navigation ul li.current li a:hover,
.sub-navigation ul li li a:hover {
	text-decoration: none;
	border-bottom:1px solid #666;
}
.sub-navigation ul li li.current a {
	border-bottom: 1px solid #000;
}

/*.sub-navigation ul {
	
}
.sub-navigation ul li {
	
}
.sub-navigation ul li a {
	
}
*/

#path ul li {
	float: left;
	/*Leiste oben*/
	/*font-size:14px;*/
	font-size: 11px;
	margin-right: 5px;
}


/* Basic Link Style
*******************************************************************************/

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
td a:hover {
	text-decoration: none;
}

/* Color Set
*******************************************************************************/

/* ----------------------------------------------------- Link Colors */

a {
	color: #000080;
}
a:hover {
	color: #000;
}

.logo a {
	color: transparent;
}

.main-navigation a {
	color: #777;
}
.main-navigation a.current {
	color: #000;
}
.main-navigation a:hover {
	color: #000;
}

.sub-navigation ul li.current li.current a,
.sub-navigation ul li.current a,
.sub-navigation ul li li.current a {
	color: #000;
}
.sub-navigation ul li.current li a,
.sub-navigation ul li li a {
	color: #666;
}
.service-navigation ul li a {
	color: #DAE1E9;
}
.service-navigation ul li.current a {
	color: #fff;
}
.service-navigation a:hover {
	color: #fff;
}


/* ----------------------------------------------------- Basic Text Color */
/* ----------------------------------------------------- Basic Headline Color */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #3e588b;
	font-family: 'FuturaLTBookRegular';
}
p,
td,
th {
	color: #333;
}


/* Font and Text Sets
*******************************************************************************/


/* ----------------------------------------------------- Line Height */
/* ----------------------------------------------------- Font Sizes */
h1,
h2,
h3 {
	/*schriftgroesse bei ueberschrift*/ 
	/*font-size: 22px;*/
	font-size: 19px;
	line-height: 140%;
}
h4,
h5,
h6 {
	font-size: 14px;
	line-height: 135%;
}

.service-navigation a {
	font-size: 14px;
	font-family: 'FuturaLTBookRegular';
}
.main-navigation a {
	font-size: 13px; /*habe ich geaendert*/
	font-family: 'FuturaLTBookRegular';
	text-transform: uppercase;
}
.sub-navigation a {
	font-size: 13px; /* habe ich geaendert*/
	font-family: 'FuturaLTBookRegular';
}
#path ul li a {
	font-size: 12px;
	font-family: 'FuturaLTBookRegular';
}

p {
	font-size: 13px; /* habe ich geaendert*/
	line-height: 135%;
}


/* Default Set
*******************************************************************************/


/* ----------------------------------------------------- Default Elements */
/* ----------------------------------------------------- h1-h6 */
/* ----------------------------------------------------- p, strong, em, span */

h1,
h2,
h3 {
	padding: 0px 2px 25px 0;

}
h4,
h5,
h6 {
	margin: 0 0 10px 0;
}
p {
	margin: 0 0 15px 0;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

/* ----------------------------------------------------- Bullet Lists (Textile) */

.c-text ul {
	margin-bottom: 15px;
	margin-left: 16px;
	padding:0;
}
.c-text ul li {
	list-style: square;
	margin-left: 0;
}
.c-text ul li span {
	color: #333;
	margin-left: -1px;
}

/* ----------------------------------------------------- Num Lists (Textile) */

.c-text ol {
	
}
.c-text ol li {
	
}



/* Rex Modul Output Style
*******************************************************************************/
/*info: content = width:497px*/
/*info: img = maxwidth:170px*/

.c-base {
	margin-bottom:20px;
	padding-bottom:5px;
}
.c-base.ms {
	margin-bottom: 15px;
	padding-bottom: 0px;
}
.c-base.mb {
	margin-bottom: 25px;
	padding-bottom: 10px;
}
.c-base.bb {
	border-bottom:1px solid #ccc;
}

.pb1 ul.c-plst li img {
	border:1px solid #333;
}
.pb2 ul.c-plst li img {
	border:2px solid #333;
}


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

.c-text.bl {
	width: 365px;
	float: left;
}

/* ----------------------------------------------------- rechts block */

.c-pic.bl.rb {
	float: left; /* IE6 3px float BugFix */
	width: 177px;
	margin: 0 0 5px 0;
	text-align: right;
}

/* ----------------------------------------------------- links block */

.c-pic.bl.lb {
	float: left; /* IE6 3px float BugFix */
	width: 177px;
	margin: 0 0 5px 0;
	text-align: left;
}

/* ----------------------------------------------------- Einzelbild rechts umfließend */

.c-pic.rf {
	float: right;
	width: auto;
	margin: 0 0 5px 10px;
}

/* ----------------------------------------------------- Einzelbild links umfließend */

.c-pic.lf {
	float: left;
	width: auto;
	margin: 0 10px 5px 0;
}

/* ----------------------------------------------------- Bildliste standard */

ul.c-plst {
	
}
ul.c-plst li {
	
}

/* ----------------------------------------------------- Bildliste pic im li als bg */

ul.c-plst-ib {

}
ul.c-plst-ib li {
	background-position: center center;
	background-repeat: no-repeat;
}

/* ----------------------------------------------------- Bildliste pic im li als bg fix height */

ul.c-plst-ib-fh {
	
}
ul.c-plst-ib-fh li {
	height: 110px;
	background-position: center center;
	background-repeat: no-repeat;
}


/* ----------------------------------------------------- Download List */

.dwbx {
	/*border-top:1px solid #E5E5E5;
	*/
}

.download {
	margin-top: 0px;
	margin-bottom: 20px;
}
.download li {
	/*border-bottom:1px solid #E5E5E5;
	*/padding:8px 0 8px 50px;
	background-repeat: no-repeat;
	background-position: left 5px;
	
}		
.download li a {
	display: block;
}
.download li a:hover {

}
.download li span {
	color: #000;
	font-size: 11px;
	font-style: italic;
}

/* ----------------------------------------------------- Other */

.navi {
	margin: 50px 0;
	padding: 0 0 0 30px;
}
.navi li {
	margin: 10px 0;
}
.navi li a {
	font-weight: bold;
}
.navi ul {
	margin: 15px 30px 30px;
}



/* IE Hacks
*******************************************************************************/


/* ----------------------------------------------------- IE6 */

* html {
	width: 100%;
}

/* ----------------------------------------------------- IE7 */

*+ html {
	width: 100%;
}




#map_canvas {
	display: block;
	margin: 0 0 15px 0;
	width: 550px;
	height: 350px;
	visibility: hidden;
}


.box {
	width: 270px;
	float: left;
	overflow: hidden;
	height: 250px;
	display: block;
}
.boxlink {
	width: 230px;
	display: block;
}

span.picbase {
	display: block;
	height: 211px;
	width: 245px;
	background: transparent url(../img/background-pic-ref.jpg) no-repeat left top;
}
span.pichover {
	display: none;
	width: 240px;
	height: 226px;
	background-position: center center;
	background-repeat: no-repeat;
}

span.pic {
padding: 0;
	display: block;
	width: 240px;
	height: 196px;
	background-position: center center;
	background-repeat: no-repeat;
}

span.linktxt {
	background: transparent url(../img/icon-ref-pf.gif) no-repeat 10px 4px;
	padding: 0 15px 0 30px;
}
span.linktxt {
	display: block;
}
.boxlink:hover span.linktxt {
	background-position: 10px -132px;
}
.boxlink:hover span.pichover {
/*	display: block;
*/}
.c8_2 .left-col .box {
	margin-bottom: 10px;
}



/**/ 

/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 10px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;

}




/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 1px dashed #990000;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	height: 200px;
	margin-left: 4px;
	background-color: #eee;
	border: 1px solid #ccc;
}


/* Textfeld */
.formgen .formtext
{
	width: 398px;
	margin-left: 4px;
	padding-top: 3px;
	padding-bottom: 6px;
	font-size: 1em;
	background-color: #eee;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #999;
	background-color: #D6D6D6;	
}



/* Label */
.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 30px;
	padding-top:6px;
	font-weight: bold;
	color: #003399;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	margin-left: 4px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: auto;
	text-align: center;
	background-color: #333;
	border: 1px solid #000;
	margin-left: 120px;
	padding: 7px 10px;
	color: #fff;
}

.formgen .formsubmit:hover
{
	background-color: #003399;
	border: 1px solid #000;
}

/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #006633;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}



/* Sitemap */

.wglLinkTree a			{display:block;width:100%;text-decoration:none;color:#0222A0;border-bottom:1px dotted #ccc;}
.wglLinkTree a:hover	{display:block;width:100%;text-decoration:none;color:#000;border-bottom: 1px dotted #333;}

.wglLinkTree ul			{padding:5px 0 10px 16px}
.wglLinkTree ul li		{padding:0 0 5px 0;list-style: square;}
.wglLinkTree ul li li		{list-style:circle;}


.pic_left {
	float: left; 
	width: 210px;	
}
.text_right {
	float: right;
	width: 453px;
		
}
.text_right h3 {
	margin-bottom:-1px;	
	padding-bottom:0px;	
}
.clear { content: "."; display: block; height: 10px; clear: both; border-bottom: 1px solid #ccc; }