/* 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: #D7D9D8 url(../img/background-body.jpg) repeat-x top;
	/*font-size: 12px:*/
	font-size: 13px;
	line-height: 16px;
}


.tinymcewysiwyg table {
	clear:both;
}

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

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


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

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

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

/* ----------------------------------------------------- Default */
#container {
	background: transparent url(../img/background-base.gif) repeat-y left;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

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

#header {
	height: 128px;
	width: 100%;
	display: block;

	background: transparent url(../img/background-header.jpg) no-repeat left top;
}
#iheader {
	margin: 0 auto;
}

.logo {
	position: absolute;
	height: 100px;
	width: 515px;
	left: 480px;
	top: 0;
}
.logo a {
	display: block;
	width: 515px;
	margin: 30px 0 0 0;
	height: 50px;
	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 90px 0;
	margin: 0 auto;
}
#icontainer {
	background: transparent url(../img/background-header.jpg) no-repeat left top;
	display: block;

}
#incontainer {

}
#content {
	margin-top: 20px;
	float: left;
	/*width: 550px;*/
	width: 650px;
}
#content_w100 {
	width: 700px;
	margin:0 auto;
}
#icontent {

}
#content_w100 #icontent {
	width: 700px;
}
#index #content_w100 {
	width: 813px;
}
#index #content_w100 #icontent {
	width: 813px;
}
.langnav {
	position: absolute;
	margin-left: 30px;
	top: 2px;
}
.langnav ul li {
	float: left;
}
.langnav ul li a {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 40px;
	text-indent: -9999em;
	margin-left:10px;
}
.langnav ul li a.clang0 {
	background-image: url(../img/de.gif);
}
.langnav ul li a.clang1 {
	background-image: url(../img/en.gif);

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

#footer {
	position: absolute;
	bottom: 0;
	left: 0; 
	width: 100%;
	height: 60px;
	background: #D7D9D8 url(../img/background-footer.gif) no-repeat left top;
}
#ifooter {
	position: relative;
}
#ifooter .cright {
	position: absolute;
	top: 22px;
	text-align: center;
	font-size: 11px;
	/*font-style: italic;*/
	font-style: regular;
	color: #fff;
	width: 1007px;
}
#ifooter a {
	color: #fff;
}

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

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


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

.service-navigation {
	position: absolute;
	top: 10px;
	left: 10px;
}
.service-navigation ul {

}
.service-navigation ul li {
	float: left;
	border-left:1px solid #044948;
	margin: 0 5px 0 0;
}
.service-navigation ul li.first {
	border-left:none;
}
#ifooter .service-navigation ul li a,
.service-navigation a.current {
	text-decoration: none;
	font-size: 13px;
	color: #044948;
	margin: 0 0 0 5px;
}
#ifooter .service-navigation ul li a:hover{
	text-decoration: none;
	color: #000;
}

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


.sub-navigation {
	float: left;
	width: 257px;
	margin-right:21px;
	background: transparent url(../img/background-nav.gif) repeat-y 16px top;

}
.isub-navigation {
	display: block;
	background: transparent url(../img/background-navbottom.gif) no-repeat 16px 100%;
}
.insub-navigation {
	background: transparent url(../img/background-navtop.gif) no-repeat 16px top;
	padding: 46px 0 110px 0;
	min-height: 430px;
	height: auto !important;
	height: 430px;
}

.sub-navigation ul {
	padding-left:80px;
	width: 142px;
}
.sub-navigation ul li {
}
.sub-navigation ul li a {
	display: block;
	margin: 0;
	padding: 5px 5px 4px 10px;
	background: transparent url(../img/navpf.gif) no-repeat left -328px;
	border-bottom: 1px solid #D3CDCD;
	width: auto;
	text-decoration: none;
}
.sub-navigation ul li a:hover {
	background: transparent url(../img/navpf.gif) no-repeat left 8px;
	text-decoration: none;
	color: #c31a08;
	border-color: #c31a08;
}
.sub-navigation ul li a.current {
	background: transparent url(../img/navpf.gif) no-repeat left 8px;
	color: #c31a08;
	border-color: #c31a08;
}

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

.sub-navigation ul ul {
	margin: 2px 0 10px 0;
	padding: 0;
}
.sub-navigation ul li li {
	margin-left: 10px;
}
.sub-navigation ul li li a {
	background: transparent url(../img/navpf.gif) no-repeat left -332px;
	padding: 1px 5px 1px 10px;
	text-decoration: none;
}
.sub-navigation ul li li.current a {
	text-decoration: none;
	color: #c31a08;
	border-color: #c31a08;
	background: transparent url(../img/navpf.gif) no-repeat left 4px;
}
.sub-navigation ul li li a:hover {
	background: transparent url(../img/navpf.gif) no-repeat left 4px;
	color: #c31a08;
}

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


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

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

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

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

a {
	/*color: #000080:*/
	color: #0c6c6d;
}
a:hover {
	/*color: #ooo;*/
	color: #e90c0c;
}

.logo a {
	color: transparent;
}

.sub-navigation ul li a,
.sub-navigation ul li li a {
	color: #000;
}
.service-navigation ul li a {
	color: #000;
}
.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: #007172;
}
p,
td,
th {
	color: #333;
}


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

hr {
	color: #ffffff;
	border-top: 1px solid #f7920f;
	border-left:none;
	border-right:none;
	border-bottom:none;
}

/* ----------------------------------------------------- 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;
}
.main-navigation a {
	font-size: 13px; /*habe ich geaendert*/
	text-transform: uppercase;
}
.sub-navigation a {
	font-size: 13px; /* habe ich geaendert*/
}
#path ul li a {
	font-size: 12px;
}

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


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

#imgborder {
	border-width:10px;
	border-style:double;
	border-color:#FE9404;
	padding:5px;
	width:350px;
	margin: 0 auto 60px auto;
}


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

h1,
h2 {
	background: url(../img/trenner.gif) no-repeat left bottom;
	padding: 0px 2px 7px 0;
	margin-bottom: 15px;
	font-weight: normal;
}
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: 25px;
	margin-left: 16px;
	padding:0;
}
.c-text ul li {
	list-style: square;
	margin-left: 0;
	margin-bottom: 4px;
}
.c-text ul li span {
	color: #000;
	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 #FCDD9F;
}

.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 {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	
}
ul.c-plst li {
	list-style: none;
	
}

/* ----------------------------------------------------- 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
*******************************************************************************/

#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:#000;border-bottom:1px dotted #f7920f;}
.wglLinkTree a:hover	{display:block;width:100%;text-decoration:none;color:#c31a08;border-bottom: 1px dotted #c31a08;}

.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; }







/*
 Guestbook Addon
 @author staab[at]public-4u[dot]de Markus Staab
 @author <a href="http://www.public-4u.de">www.public-4u.de</a>
 @package redaxo3
 @version $Id: guestbook.css,v 1.9 2006/10/08 18:53:24 koala_s Exp $
 */


/*
  Formular Styles
*/


/* Formular */
/* Eingabefelder */
.a63-form input {
  border: 1px solid #f7920f;
  margin: 1px 2px 1px 2px;
  padding:3px;
  width: 350px;
  /*background-color: #F6F4EF;*/
	background-color: #dfdfdf;
}

.a63-form textarea {
  border: 1px solid #f7920f;
  margin: 1px 2px 1px 2px;
  padding:3px;
  width: 450px;
  /*background-color: #F6F4EF;*/
	background-color: #dfdfdf;
}


.a63-form input:focus, .a63-form textarea:focus {
  /*background-color: #EEEEEE;*/
	background-color: #f8f8f8;
}

/* Text-Eingabefeld*/
.a63-form textarea {
  height: 215px;
}

.a63-form legend {display:none;}

/* Beschriftungen der Eingabefelder */
.a63-form label {
  width: 100px;
  float: left;
}
#content form p {
	margin-bottom: 2px;
	padding-bottom: 2px;
}

/* Buttons */
.a63-form .a63-fsubmit {
  width: 100px;
  margin: 0px;
  /*margin-top: 5px;*/
	margin-top: 2px;
  background-color: #D6D3CE;
}

/* Buttons-Layer*/
.a63-form .a63-buttons {
  padding-left: 105px;
}

/* Zusatztext-Layer*/
.a63-form .a63-info {
  text-align: left;
  /*padding: 0px 5px 5px 0px;*/
	padding: 0px 5px 5px 0px;
  color:#999;
}
.a63-grey {color:#999;margin-left:4px;}

/* Fehlermeldungs-Layer*/
.a63-form div.error {
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 10px;
}



/*
  Listen Styles
*/

/* Einträge-Layer */
.a63-entries .a63-entry {
  padding-bottom: 10px;
  border-bottom: 1px dotted #859885;
}

.a63-entries p {
  margin: 0px;
  padding: 0px;
}

/* Pagination-Layer */
.a63-entries .a63-pagination {
  text-align: right;
}

/* Pagination-Links */
.a63-entries .a63-pagination a {
  padding-left: 2px;
  padding-right: 2px;
}

/* hervorheben des Aktuelle-Seite-Links */
.a63-pagination_aktuell a {
  font-weight: bold;
  text-decoration:underline;
}


.a63-entries ul li {
  list-style-type: none;
  display: inline;
}

/*
  Allgemeine Formatierungen
*/
.a63-entries tr {
	background-color:#fff;
}
.a63-entries tr td {
	text-align:left;	
}
.a63-entries .numr {color:#333;margin-right:4px;margin-left:4px;border-right:1px solid #f7920f;padding-right:3px;}
.a63-entries .smal {margin-left:4px;font-size:0.85em;color:#333;}
/* Beschriftungen */
.a63-entries .a63-label {
  float: left;
  width: 70px;
}

/* Werte */
.a63-entries .a63-value {
  padding-left: 70px;
}

/* Mozilla */
li.a63-pagination {
  list-style-type: none;
}

/* Ausgabe der Dateiversion
  möglichst unauffällig und klein */
.Modulversion {
  font-size: 0.5em;
  color: #aaaaaa;
/*  color: #dddddd; */ /* (fast) unsichtbar*/
}




/* ***********
  Adminbereich
  ************ */
/* TODO: hier könnten noch Formatierungen für den Adminbereich rein */