/*************************************************************/
/*   Design:   Multiflex-3 Update-7 / Layout-2               */
/*   File:     Text formats                                  */
/*-----------------------------------------------------------*/
/*   Author:   Wolfgang                                      */
/*   Date:     January 15, 2007                              */
/*   Homepage: wwww.1-2-3-4.info                             */
/*-----------------------------------------------------------*/
/*   License:  Fully open source without restrictions.       */
/*             Please keep footer credits with a link to     */
/*             Wolfgang (www.1-2-3-4.info). Thank you!       */
/*************************************************************/

/******************/
/*  MAIN SECTION  */
/******************/

/*Fonts  (A.Koschel)*/
@font-face {
	font-family: 'VerdanaBold';
	src: url('../css/verdanab-webfont.eot');
	src: local('?'), url('../css/verdanab-webfont.woff') format('woff'), url('../css/verdanab-webfont.ttf') format('truetype'), url('../css/verdanab-webfont.svg#webfontFxtBbphK') format('svg');
	font-weight: normal;
	font-style: normal;
  font-size-adjust: 0.55;
  line-height:1.1em;
}

@font-face {
	font-family: 'VerdanaRegular';
	src: url('../css/verdana-webfont.eot');
	src: local('?'), url('../css/verdana-webfont.woff') format('woff'), url('../css/verdana-webfont.ttf') format('truetype'), url('../css/verdana-webfont.svg#webfontPwrzJREG') format('svg');
	font-weight: normal;
	font-style: normal;
  font-size-adjust: 0.55;
  line-height:1.1em;
}

@font-face {
	font-family: 'TrebuchetMSBold';
	src: url('../css/trebucbd-webfont.eot');
	src: local('?'), url('../css/trebucbd-webfont.woff') format('woff'), url('../css/trebucbd-webfont.ttf') format('truetype'), url('../css/trebucbd-webfont.svg#webfontU1uqo6bz') format('svg');
	font-weight: normal;
	font-style: normal;
  font-size-adjust: 0.52;
  line-height:1.1em;
}

@font-face {
	font-family: 'TrebuchetMSRegular';
	src: url('../css/trebuc-webfont.eot');
	src: local('?'), url('../css/trebuc-webfont.woff') format('woff'), url('../css/trebuc-webfont.ttf') format('truetype'), url('../css/trebuc-webfont.svg#webfontTn3ZSoSN') format('svg');
	font-weight: normal;
	font-style: normal;
  font-size-adjust: 0.52;
  line-height:1.1em;
}

/********************/
/*      FAQs        */
/********************/
.faq_link {
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	padding-left:4px;
	padding-top:10px;
	padding-bottom:10px;
  font-weight: normal;
}

.faq_link a {
font-weight:normal;
font-family: 'VerdanaRegular';
  line-height:1.1em;
  font-size:10pt;
}

.faq_link2 {
	border-bottom:1px solid #ccc;
	padding-left:4px;
	padding-top:10px;
	padding-bottom:10px;
  font-weight: normal;
}

.faq_link2 a {
  font-weight:normal;
  font-family: 'VerdanaRegular';
  line-height:1.1em;
  font-size:10pt;
}
/*.faq_header {
	font-weight:normal;
	background:#ccc;
	border:1px #999 solid;
	padding:4px 10px 4px 20px;
  #padding-left:4px;
	#padding-top:10px;
	#padding-bottom:10px;
}*/
.faq_header {display:block; min-height:1.3em /*Non-IE6*/; height:auto !important; height:1.3em /*IE6*/; line-height:1.3em; padding:4px 10px 4px 10px; font-weight:normal; background:#ccc; border:1px #999 solid;width:450px;}

/***********************************/
/*      FAQs-jQuery-Slider        */
/**********************************/

.faq { 
   padding:10px 0; 
   position:relative;
   } 

.faq h4   { 
   padding:0 0 0 35px; 
   cursor:pointer; 
   } 
.faq h4.active   { 
   color:#18A7E3; 
   } 
.faq div { 
   height:0; 
   overflow:hidden; 
   position:relative; 
   } 
.faq div p { 
   margin-bottom: 1px; 
    padding: 10px 0 0 12px; 
   } 

.faqicon { 
   background:url(../img/faqinfo.png) no-repeat; 
   width:30px; 
   height:30px; 
   position:absolute; 
   margin: 13px 0 0 0; 
   }


/* MAIN NAVIGATION */
.nav3-grid {width:180px; border-bottom:solid 1px rgb(200,200,200);}
.nav3-grid dt a, .nav3-grid dt a:visited {display:block; min-height:1.5em /*Non-IE6*/; height:auto !important; height:1.5em /*IE6*/; line-height:1.5em; padding:3px 10px 3px 20px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:120%;}
.nav3-grid dt a:hover, .nav3-grid dd a:hover {background-color:rgb(225,225,225); color:rgb(42,90,138); text-decoration:none;}

/* linke Navigation (A.Koschel) */
.nav3a-grid {width:180px; border-bottom:solid 1px rgb(200,200,200);}
.nav3a-grid dt a, .nav3a-grid dt a:visited {display:block; min-height:1.3em /*Non-IE6*/; height:auto !important; height:1.3em /*IE6*/; line-height:1.3em; padding:4px 10px 4px 20px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:101.01%;}
.nav3a-grid dd a, .nav3a-grid dd a:visited {display:block; min-height:1.3em /*Non-IE6*/; height:auto !important; height:1.3em /*IE6*/; line-height:1.3em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:100%;}
.nav3a-grid dt a:hover, .nav3a-grid dd a:hover {background-color:rgb(225,225,225); color:rgb(42,90,138); text-decoration:none;}
.newsdot {width:16px; height:16px; position:absolute; z-index:1; margin:7px 0 0 6px; padding:0px 0px 0px 0px; background:transparent url(../img/newsdot40.gif) no-repeat; }
.newssheet {width:10px; height:10px; position:absolute; z-index:1; margin:7px 0 0 5px; padding:0px 0px 0px 0px; background:transparent url(../img/newssheet40.gif) no-repeat; }
.newsmark {width:16px; height:16px; position:absolute; z-index:1; margin:4px 0 0 3px; padding:0px 0px 0px 0px; background:transparent url(../img/newsmark75.gif) no-repeat; }
.newsrz {width:16px; height:16px; position:absolute; z-index:1; margin:4px 0 0 3px; padding:0px 0px 0px 0px; background:transparent url(../img/router_rz.gif) no-repeat; }
.newspin {width:22px; height:22px; position:absolute; z-index:1; margin:-5px 0 0 168px; padding:0px 0px 0px 0px; background:transparent url(../img/newspin.gif) no-repeat; }
.newsgh {width:24px; height:23px; position:absolute; z-index:1; margin:15px 0 0 49px; padding:0px 0px 0px 0px; background:transparent url(../img/greenhaken.jpg) no-repeat; }
.sgep {width:93px; height:60px; position:absolute; z-index:1; margin:5px 0 0 390px; padding:0px 0px 0px 0px; background:transparent url(../img/s_gep_kl.jpg) no-repeat; }
.sgeprel {width:93px; height:60px; position:relative; z-index:1; margin:25px 0 0 390px; padding:0px 0px 0px 0px; background:transparent url(../img/s_gep_kl.jpg) no-repeat; }
/* Ende linke Nav */

.nav3-bullet {width:170px; margin:10px 0 0 20px;}
.nav3-bullet dt a, .nav3-bullet dt a:visited {line-height:2.0em; padding:0 0 0 10px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-bullet dd a, .nav3-bullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; padding:0 0 0 10px; background:url(../img/bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-bullet dt a:hover {background:url(../img/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}
.nav3-bullet dd a:hover {background:url(../img/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}

.nav3-nobullet {width:170px; margin:10px 0 0 20px;}
.nav3-nobullet dt a, .nav3-nobullet dt a:visited {line-height:2.0em; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-nobullet dd a, .nav3-nobullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-nobullet dt a:hover, .nav3-nobullet dd a:hover {text-decoration:underline; color:rgb(42,90,138);}

.main-navigation .loginform {width:160px; margin:-10px 20px 0 20px;}
.main-navigation .loginform p {clear:both; margin:0; padding:0;}
.main-navigation .loginform fieldset {width:160px; border:none;}
.main-navigation .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-navigation .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main-navigation .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.main-navigation .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-navigation .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.main-navigation .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}


.main-navigation .searchform {width:160px; margin:0 20px 0 20px;}
.main-navigation .searchform fieldset {border:none;}
.main-navigation .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%;}
.main-navigation .searchform input.button {float:left; width:3.0em; margin-top: 0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.main-navigation .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-navigation h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h1 {clear:both; margin:15px 0 0px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}
.main-navigation .abbr { border:none;}

.main-navigation ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.main-navigation ul li {margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-navigation ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-navigation ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

/* MAIN SUBCONTENT */
.main-subcontent .loginform {width:160px; margin:-10px 20px 0 20px;}
.main-subcontent .loginform p {clear:both; margin:0; padding:0;}
.main-subcontent .loginform fieldset {width:160px; border:none;}
.main-subcontent .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-subcontent .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main-subcontent .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.main-subcontent .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-subcontent .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.main-subcontent .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-subcontent .searchform {width:160px; margin:0 20px 0 20px;}
.main-subcontent .searchform p {clear:both; margin:0; padding:0;}
.main-subcontent .searchform fieldset {border:none;}
.main-subcontent .searchform input.field {width:158px; padding:0.2em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%;}
.main-subcontent .searchform input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.main-subcontent .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-subcontent h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-subcontent h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-subcontent h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-subcontent h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-subcontent for easier exchange */
.main-subcontent p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}
.main-subcontent strong { font-size:110%; }

.main-subcontent ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.main-subcontent ul li {margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-subcontent ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}


/* NEWS CONTENT */
.main-subcontent .news-content h1 {padding:0 0 0 0;margin:5px 0 0 0;color:rgb(120,120,120);font-family:"trebuchet ms",arial,sans-serif; font-weight:bold; font-size:9pt;background-color:transparent;}
.main-subcontent .news-content h2 {padding:0 0 0 0;color:rgb(120,120,120);font-family:"trebuchet ms",arial,sans-serif; font-weight:bold; font-size:9pt;background-color:transparent;}
.main-subcontent .news-content { font-size:7pt;padding:0 0 0 5px;margin:0 0 0 0;}
.main-subcontent .news-content p.center {text-align:center;}
.main-subcontent .news-content p.right {text-align:right;}

/* MAIN CONTENT */
.main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family: 'TrebuchetMSRegular', sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:14pt;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family: 'TrebuchetMSRegular', sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:14pt;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; line-height:1.3em; font-family: 'TrebuchetMSRegular', sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:14pt;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family: 'TrebuchetMSRegular', sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:12pt;}
.main-content h3 {clear:both; margin:1.0em 0 0.5em 0; font-family: 'TrebuchetMSRegular', sans-serif;  color:rgb(80,80,80); font-weight:normal; font-size:12pt;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family: 'TrebuchetMSRegular', sans-serif; font-weight:normal; font-size:11pt;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family: 'TrebuchetMSRegular', sans-serif; font-size:10.5pt;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.main-content p {margin:0 0 1.0em 0;}

.main-content {font-family: 'VerdanaRegular', sans-serif; font-size:10pt; font-weight:normal;}

.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px;}



.main-content table {clear:both; font-family: 'VerdanaRegular', sans-serif; font-size:10pt; font-weight:normal;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:120%;}


.main-content .adresstable {width:300px;text-align:left;}
.main-content .adresstable td {background-color:rgb(255,255,255);height:10px;text-align:left;}
.main-content .adresstable td img {border:0px;margin:0px;}

.main-content .gallery img {margin:0px;border:0px;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; font-size:10pt;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:10pt;}

.contactform {width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:10pt;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:10pt;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:10pt;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:10pt;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:10pt;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:10pt;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/*

Lightbox
------------------------------------------------------------------------------*/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #eee;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #eee;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 101px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

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

* html>body .clearfix {
	
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
	/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
	width:490px;
	background-color:#f7f7f7;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:10pt;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size:10pt;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
	background-color:#f7f7f7;
	border-top:2px solid #fff;
}

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:100px;
	border-right:2px solid #fff;
}

#form-module label.checkbox {
	width:372px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:295px;
	border:1px solid #333;
}

#form-module input.text {
	height:20px;
}

#form-module input.checkbox {
	width:100px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	margin:5px 5px 5px 137px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#fff;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
	background-color:#f7f7f7;
	color:#000;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:10pt;
}


/********************/
/*  COMMON CLASSES  */
/********************/
.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}
.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:1px solid rgb(150,150,150);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}

.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main a:visited {color:rgb(42,90,138);}

.main a img {border:solid 1px rgb(150,150,150);}
.main a:hover img {border:solid 1px rgb(220,220,220);}

.topnavigation {text-decoration:none; line-height:1.2em; font-weight:normal; font-family:"VerdanaRegular",sans-serif; font-size:80%; color:rgb(125,125,125);}
.topnavigation a {text-decoration:none; line-height:1.2em; font-weight:bold; font-family:"VerdanaRegular",sans-serif; font-size:90%; color:rgb(125,125,125);}
.topnavigation a:hover {text-decoration:none; color:rgb(42,90,138);}
.topnavigation a:visited {color:rgb(42,90,138);}



/*************************************/
/*      Excel-Sheets anzeigen        */
/*************************************/
.daten { 
	/* width: 100%; */
	border-collapse: collapse;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 10px;
}
/*
.daten caption { 
	margin-top: 130px;
	padding: 8px 8px;
	font-size: 1.1em;
	font-weight: bold;
	color: #A5826A;
	background-color: #e8dfd8;
	border: 1px solid #A5826A;
	text-decoration: underline;
	text-align: center;
}
*/
.daten caption { 
	font-size: 1.1em;
	font-weight: bold;
	color: #A5826A;
	background-color: #e8dfd8;
	border: 1px solid #A5826A;
	text-decoration: underline;
  text-align: center;
}
.daten thead { 
	border: 1px solid #A5826A;
  text-align: center;
}
.daten tfoot { 
	border: 1px solid #A5826A;
}
.daten td { 
	border: 1px solid #A5826A;
	padding: 3px;
	/* text-align: center; */
	vertical-align: top;
}

.daten th { 
	border: 1px solid #A5826A;
	padding: 8px 3px;
	text-align: center;
	vertical-align: middle;
/*	background-color: #A5826A; */
	background-image:url(bg_excel_tab_head.jpg); 
	background-repeat:repeat-x;

	font-weight: bold;
/*	color: #ffffff; */
	color: #A5826A;
}

.daten .caption { 
	margin-top: 130px;
	padding: 8px 8px 8px 8px;
	font-size: 1.1em;
	font-weight: bold;
	height:30px;
	color: #A5826A;
	background-image:url(bg_excel_tab_head.jpg); 
	background-repeat:repeat-x;
	border: 1px solid #A5826A;
	text-decoration: underline;
	text-align: center;
}

.daten .subtitle td { 
	padding: 8px 3px;
	background-image:url(bg_excel_tab_head.jpg); 
	background-repeat:repeat-x;
	text-align: center;
	vertical-align: middle;
	color: #A5826A;
	font-weight: bold;
}

.daten .left td {
	text-align: left;
}

.daten .right td {
	text-align: right;
}

.daten tfoot td { 
	border: 1px solid #A5826A;
	padding: 8px;
	background-image:url(bg_excel_tab_foot.jpg); 
	background-repeat:repeat-x;
	color: #A5826A;
	font-weight: bold;
}



/**********************************************************/
/*      Formular do form! captcha, weiterempfehlen        */
/**********************************************************/
/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Kontakt und Weiterleitungsformular */
.kalpicrec {width:100px; height:200px; position:absolute; margin:40px 0 0 380px; padding:0px 0px 0px 0px; background:transparent url(../img/kalenderrec.gif) no-repeat; }
.kalpickon {width:100px; height:400px; position:absolute; margin:70px 0 0 390px; padding:0px 0px 0px 0px; background:transparent url(../img/kalenderkon.gif) no-repeat; }
.sideboardsupportanfrage {width:100px; height:400px; position:absolute; margin:-40px 0 0 390px; padding:0px 0px 0px 0px; background:transparent url(../img/kalonlinesupport.gif) no-repeat; }
.sideboardumfrage1 {width:95px; height:120px; position:absolute; margin:30px 0 0 390px; padding:0px 0px 0px 0px; background:transparent url(../img/kumfrage1.gif) no-repeat; }
.umfragepl {width:24px; height:40px; position:absolute; margin:-11px 0 0 -11px; padding:0px 0px 0px 0px; background:transparent url(../img/pl.gif) no-repeat; }
/* Div das das Formular umschließt */
.eventformkon {
	font-size: 1em;
	padding-right: 10px;
	padding-left: 10px;
}

.eventformkon fieldset {
	/*background-color:#BEBEBE;*/
        background:transparent url(../img/bg_header.jpg) repeat;
	padding:10px;
	margin:0px 0px;
	color:#808080;
}

.eventformkon label {
         color:#2A5A8A;
         font-weight:bold;
         font-family:verdana,arial,sans-serif;
         font-size:80%;

}


.eventformkon select {
	vertical-align:middle;
}




.eventformkon input {
	vertical-align:middle;
}




.eventformkon h3 {
	margin-top:15px !important;
}





/* */



/* Adressliste - ENTWICKLUNG!!!!
************************************************************/
#adressliste * { 
	padding: 0px;
	margin: 0px;
}

#adressliste { 
	/*width: 520px;*/
	color: #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
}

#adressliste .formulardaten {
	width: 450px;
	float: left;
}

#adressliste .formularbuttons {
	width: 115px;
}

#adressliste fieldset { 
	border: 0px;
	background: #fff;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#adressliste legend {
	
}

#adressliste p { 
	margin: 0;
	padding: 5px;
	font-size: 1em;
	font-weight: bold;
}

#adressliste .element { 
	display: block;
	clear: both;
}

#adressliste label { 
	display: block;
	float: left;
	padding: 5px;
	width: 120px;
}

#adressliste label.checkbox { 
	width: 372px;
	border-right: none;
}

#adressliste input, 
#adressliste select, 
#adressliste textarea { 
	width: 295px;
	color: #224A10;
	padding-top: 0px;
	padding-left: 2px;
	margin: 1px;
	/*border: 1px solid #86ae74;*/
  border: 1px solid #C8C8C8;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	background-color: #FFFFFF;
}

#adressliste input.text,
#adressliste input.plz,
#adressliste input.tag,
#adressliste input.monat,
#adressliste input.jahr { 
	height: 20px;
}

#adressliste input.plz {
	width: 44px;
}

#adressliste input.tag,
#adressliste input.monat { 
	width: 21px;
}

#adressliste input.jahr { 
	width: 36px;
}

#adressliste input.speichern, 
#adressliste input.loeschen, 
#adressliste input.zuruecksetzen,
#adressliste input.abbrechen {
	/*margin-top: 10px;
	/* letzter Wert zur Positionierung des Schalters */
    /*padding: 1px 1px 1px 1px;*/
	/*border: 1px solid #224A10;
	/*background-color: #224A10;*/
  /*border: 1px solid #969696;
	background-color: #E6E6E6;
	font-weight: bold;*/
	/*color: #FFFFFF;*/
  /*color: #969696;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	cursor: pointer;
	width: 110px;*/

float:left;
width:10.0em; 
margin:10px 0 5px 0; 
padding:1px; 
background:rgb(230,230,230); 
border:solid 1px rgb(150,150,150); 
text-align:center; 
font-family:verdana,arial,sans-serif; 
color:rgb(150,150,150); 
font-size:100%;

}



/*
#adressliste input.speichern { width: 90px; margin-left: 97px; float: left; }
#adressliste input.zuruecksetzen { width: 110px; margin-left: 130px;}
#adressliste input.loeschen { width: 90px; margin-left: 97px; float: left; }
#adressliste input.abbrechen { width: 110px; margin-left: 130px; }
*/
#adressliste input.speichern:hover,
#adressliste input.loeschen:hover,
#adressliste input.zuruecksetzen:hover,
#adressliste input.abbrechen:hover { 
	/*border: 1px solid #224A10;
	background-color: #DEEEDB;
	color: #224A10;*/
cursor:pointer; border:solid 1px rgb(80,80,80); 
background:rgb(220,220,220); 
color:rgb(80,80,80);}
}

#adressliste label.textarea, 
#adressliste textarea.textarea { 
	height: 96px;
}

.adressenliste { 
	font-size: 0.7em;
	padding: 5px 5px 5px 0;
	border-bottom: 1px dotted gray;
}

.adressenlistetop { 
	font-size: 0.9em;
	/*font-weight: bold;*/
	padding: 5px 5px 5px 0;
	/*border-bottom: solid 1px rgb(150,150,150);*/
  border-bottom: 1px dotted gray;
}

.adresslisteedit {
	width: 23px;
	height: 23px;
	/*background-color:#094;*/
	background-image:url(files/hintergrundkreisgross.jpg);
}

/* hides the second object from all versions of IE */
* html object.pdf {
    display: none;
}
/* displays the second object in all versions of IE apart from 5 on PC */
* html object.pdf/**/ {
    display: inline;
}
/* hides the second object from all versions of IE >= 5.5 */
* html object.pdf {
    display/**/: none;
    }
    
.referenzen_leiste {
	width:475px;
	border-bottom: 1px dashed #336699;
	background-color:#F1F2F2;
	height:110px;
}
.referenzen_alles {
	display:inline;
	float:left;
	padding-left:15px;
}
.referenzen_alles2 {
	display:inline;
}
.referenzen_bild {
	width:145px;
	display:inline;
	float:left;
}
.referenzen_bild a img {
border: none;
}

.referenzen_titel {
	width:305px;
	display:inline;
	float:left;
	text-transform:uppercase;
	text-shadow:Gray;
	color:#009999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
}
.referenzen_inhalt {
	width:305px;
	display:inline;
	float:left;
	clear:both;
	color:#999999;
}

/* Google Maps Routenplaner */
#static_map {
margin:0 auto;
border:1px solid #000;
}

#map_route {
width:245px;
height:500px;
border:1px solid #000;
float:left;
margin-top:-6px;
}

#directions {
float:right;
width:170px;
max-width:170px;
margin-left:-10px;
margin-right:10px;
margin-top:-5px;
}

#directions tbody,#directions tr, #directions table {
width:170px;
}

#routenplaner fieldset {
border:none;
}

#routenplaner legend {
font-weight:900;
}

#routenplaner input {
border:1px solid #aaa;
display:block;
width:40%;
float:left;
margin-right:1em;
padding:0.1em 0.3em;
}