/**
 * #ffffff -> weiß
 * #fcee04 -> gelb
 * #444444 -> lightgrey
 * #2c2c2c -> darkgrey
 * #71BADE -> blau
**/

/** Layout Struktur **/

body {
     padding: 0px;
     margin: 0px;
     background:#444444;
     font-family: Arial,Verdana;sans serif;
     font-size: 13px;
     color:#444444
     text-align: center;
     }

.Basistabelle {
	width: 100%;height:100%;
	background-color: #444444;margin:0 auto;text-align:center;}

.Sitetabelle {
	width: 1000px;
	background: url(../img/bg.gif);
         margin: 0 auto;}
.Kopf 	{width:950px; margin: 0 auto;}
.Impressum {width:950px; height:15px;text-align:right;margin: 0 auto;}
.Kopfgrafik {width:950px;height:210px;
         position:relative; z-index:0; left: 0px; top: 0px;margin: 0 auto;}
.logo {	width:350px;height:96px;
	position:relative; z-index:0; left: 550px; top: 0px;}
.Content {width:950px; min-height:400px;margin: 0 auto; }
.Content_links {width:600px; float: left;}
.Content_rechts {width:340px; min-height:400px;float:right;}
.Fusszeile {
         text-align: center;
         font-size: 10px;
         color: #fcee04;
         width:950px; height:70px;
         margin-bottom:10px;margin: 0 auto;
         padding:10px 0px;
         clear:left;}

.Pfad {  width:950px;
	height:25px;
	font-size: 10px;
         color: #fcee04;
         line-height: 25px;
         text-align:left;
         padding-left:0px;margin: 0 auto;
         }
/** Farbdefinitionen **/
.hellgrau {background:#444444;}
.dunkelgrau {background:#2c2c2c;}
.hellgelb {background:#FDF578;}
.dunkelgelb {background:#FCEE04;}
.pink {color:#E0506E;}
.gruen {color:#8FA84B;}
.orange {color:#FD7012;}
.blau {color:#71BADE;}

/** Absätze **/
.absatz05 {line-height:5px;}
.absatz10 {line-height:10px;}
.absatz15 {line-height:15px;}
.absatz20 {line-height:20px;}
.absatz30 {line-height:30px;}
.absatz25 {line-height:25px;}
.absatz27 {line-height:27px;}
.absatz50 {line-height:50px;}

/** Links **/
a.pfadnav:visited {
         font-weight:regular;
         text-decoration:underline;
	font-size: 10px;
         color:#fcee04;
         }
a.pfadnav:active {
         font-weight:regular;
         text-decoration:underline;
         font-size: 10px;
         color:#fcee04;
         }
a.pfadnav:hover {
         font-weight:regular;
         text-decoration:none;
         font-size: 10px;
         color:#fcee04;
         }
a.pfadnav:link {
	font-weight:regular;
         text-decoration:underline;
         font-size: 10px;
         color:#fcee04;
         }
/** Content & Teaser Boxen **/
.Tbox_or {background:url(../img/Tbox_or.gif) top right no-repeat;}
.Tbox_ol {background:url(../img/Tbox_ol.gif) top left no-repeat;}
.Tbox_ur {background:url(../img/Tbox_ur.gif) bottom right no-repeat;width:340px;}
.Tbox_ul {background:url(../img/Tbox_ul.gif) bottom left no-repeat;}
.Cbox_or {background:url(../img/Cbox_or.gif) top right no-repeat;}
.Cbox_ol {background:url(../img/Cbox_ol.gif) top left no-repeat;}
.Cbox_ur {background:url(../img/Cbox_ur.gif) bottom right no-repeat;width:600px;}
.Cbox_ul {background:url(../img/Cbox_ul.gif) bottom left no-repeat;}
.Cbox_inhalt {margin:0;text-align:left;padding:15px 10px 20px 10px;color:#444444;}
.Tbox_inhalt {margin:0;text-align:left;padding:10px 10px 20px 20px;color:#444444;}


/** Layout Struktur **/

.body_iframe {
	padding: 0;
     	margin: 0;
     	background: #ffffff;
     	color: #0F1A33;
     	font-family: Arial;
     	font-size: 12px;
     	text-align: left;}

.team {
	clear:left;}
.ma {
	float:left;
         width:200px;
         margin-top:5px;
         }

/** Text- Definitionen **/
h1 {
         font-size: 18px;
         font-weight: bold;
         line-height: 20px;
         color: #444444;
         margin: 0px 0px 0px 0px;}
h2 {
         font-size: 16px;
         font-weight: bold;
         line-height: 20px;
         color: #444444;
         margin: 0px 0px 10px 0px;}
h3 {
	font-size: 16px;
         font-weight: bold;
         color: #444444;
         line-height: 20px;
         margin: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
         }
h4 {
         font-size: 14px;
         font-weight: bold;
         line-height: 16px;
         color: #444444;
         margin: 0px 0px 0px 0px;}

.text_box{
         font-size: 10px;
         font-weight: regular;
         line-height: 14px;
         color: #000000;
         width:200px;
         margin:0px 0px 0px 7px;}

.date {
	color:#0D7705;
         font-size: 11px;
         line-height: 15px;
         padding-left: 5px; }

.back {
         position:absolute; z-index:4; left: 760px; top: 166px;
         font-size: 10px;
         line-height: 15px;
         color: #244975;
	}

ul {
         list-style-position: outside;
         list-style-image: url(../img/liste.gif);
         margin:0px 0px 15px 5px;
         padding-left:15px;

         font-size:13px;}
ol {
         list-style-position: outside;
         margin:0px 0px 0px 0px;

         font-size:13px;}
.li_rechts {
	font-size:11px;
	color:#244975;}



/** Formular - Definitionen **/
.form_table {
         font-family: Arial;
     	font-size: 12px;}


input,textarea {
	background-color:#ffffff;
         font-size: 12px ;
         font-family: Arial;}

/** Link- Definitionen **/
a:link {
	font-weight:regular;
         text-decoration:underline;
         font-size: 13px;
         color:#444444;}
a:visited {
	font-weight:regular;
         text-decoration:underline;
         font-size: 13px;
         color:#444444;}
a:active {
	font-weight:regular;
         text-decoration:underline;
         font-size: 13px;
         color:#444444;}
a:hover{
	font-weight:regular;
         text-decoration:none;
         font-size: 13px;
         color:#444444;}

a.topnav:link {
	font-weight:bold;
         text-decoration:none;
         text-align:right;
         font-size: 10px;
         color:#fcee04;
         padding-left:5px;}
a.topnav:visited {
         font-weight:bold;
         text-decoration:none;
         text-align: right;
         font-size: 10px;
         color:#fcee04;
         padding-left:5px;}
a.topnav:active {
         font-weight:bold;
         text-decoration:none;
         text-align:right;
         font-size: 10px;
         color:#fcee04;
         padding-left:5px;}
a.topnav:hover {
         font-weight:bold;
         text-decoration:underline;
         text-align:right;
         font-size: 10px;
         color:#fcee04;
         padding-left:5px;}

a.footlink:link {
	font-weight:regular;
         text-decoration:underline;
         font-size: 10px;
         color:#fcee04;
         font-family: Arial;}
a.footlink:visited {
         font-weight:regular;
         text-decoration:underline;
	font-size: 10px;
         color:#fcee04;
         }
a.footlink:active {
         font-weight:regular;
         text-decoration:underline;
         font-size: 10px;
         color:#fcee04;
         font-family: Arial;}
a.footlink:hover {
         font-weight:regular;
         text-decoration:none;
         font-size: 10px;
         color:#fcee04;
         }


a.submenu:link {
	font-weight:bold;
         text-decoration:none;
         text-align:right;
         font-size: 14px;
         color:#fcee04;
         padding-left:5px;}
a.submenu:visited {
         font-weight:bold;
         text-decoration:none;
         text-align: right;
         font-size: 14px;
         color:#fcee04;
         padding-left:5px;}
a.submenu:active {
         font-weight:bold;
         text-decoration:none;
         text-align:right;
         font-size: 14px;
         color:#fcee04;
         padding-left:5px;}
a.submenu:hover {
         font-weight:bold;
         text-decoration:underline;
         text-align:right;
         font-size: 14px;
         color:#fcee04;
         padding-left:5px;}

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none;
  font-style: italic;
  color: #0000ff;
  }

a.tooltip:hover {
  color: #0000ff;
  background: transparent;
  }

a.tooltip span {
  display: none;
  text-decoration: none;
}

a.tooltip:hover span {
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 125px;
  z-index: 100;
  color: #ffffff;
  border:1px solid #0F1A33;
  background: #81AADB;
  font: 10px Arial, sans-serif;
  text-align: left;
  }

/** Bild - Positionierungen **/

.image_right {
	float:right;
         text-align:right;
         margin-left:5px; }

.image_left {
	float:left;
         margin-right:10px;
         }

.image_left_small {
	float:left;
         width:100px;
	margin-right:10px; }
.image_box {
	float:left;
         width:100px;
	margin:0px 10px 0px 7px; }
.image_left_big {
	float:left;
         width:160px;
         padding-left:10px;
         }



.image_right_small {
	float:right;
         margin: 0px 0px 0px 2px;
         }
.image_footer {
	float:left;
         margin-left:10px;
     	margin-right:10px; }
.up {
	float:right;
	clear:left;}

/** Sonstige Formatierungen **/
hr {
	size: 1px;
         color: #000000;
         text-align: left;
         height: 1px;
         border: 1px solid #000000;
         }


/** lightbox **/
#lightbox{	position: absolute; top:0;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; 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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/next.gif) right 15% no-repeat; }

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

#imageData{	padding:0 10px; color: #666; }
#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: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }