/******************************************
  allgemeine Formate
******************************************/

* {		margin:0; /*erzwungener Abstand zwischen Elementen*/
		padding:0; /*erzwungener Abstand zwischen Elementrand und Elementinhalt*/
         	}

body,html {	min-height:101%; /*Bildschirmleiste immer sichtbar, - auch auf "kurzen" Seiten*/
		}

body {           }

body {           font:110% Times, serif;
                 letter-spacing:0em;
                 line-height:1.5em; letter-spacing:0em;
                 color:#FFF;
		text-align:left;
                 background-color:#000;
                 }

table {          border-collapse:collapse;
		}

a:link, a:visited, a:hover, a:active, a:focus {
		text-decoration:none;
                 }

a:focus {	outline:none;
		}




/*  clearing der Float-Umgebungen
******************************************/

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

.clearfloat {    display:inline-block;
		}

.clearfloat {    display:block;
		}



/******************************************
    Seitenstruktur
******************************************/

#logo {          position:fixed;
		top:20px;
                 left:20px;
                 z-index:100;
                 width:200px;
                 height:200px;
		background:transparent url(../backgrounds/bglogo.png) no-repeat top left;
                 }

#page {          /*Container fuer gesamte Seite - ausser Fusszeile*/
                 margin:0px auto;
                 width:950px;
                 padding-bottom:500px;
                 }

#header {	height:200px;
                 background:transparent url(../backgrounds/bgheader.jpg) no-repeat top center;

                 }

#title {		padding-left:220px;
		}

#navbar {	padding-left:220px;
		}

#contentwrapper {width:100%;}

#content {       width:510px;
                 margin:0 0 0 220px;
                 }

#box {           margin:20px 0 20px 0;
		padding:20px 20px 20px 20px;width:460px;
                 font-family:Verdana, sans-serif;
                 color:#000000;
                 font-size:0.85em;
                 background:transparent url(../backgrounds/bgcontent.jpg) repeat top left;
		}

#mainhs {        /*Container für highslide-Galerie*/
		width:500px;
                 padding-bottom:20px;
		font: 0.8em Verdana;
		line-height:normal;
         	letter-spacing:normal;
                 margin:20px 0 0 0;
                 }

#navbarsub {     width:100%;
                 height:20px;
		}

#footer {      /*Container fuer Logo und Titel*/
		position:fixed; bottom:0px; left:0px; z-index:7;
                 width:100%;
                 height:133px;
                 background:transparent url(../images/bgfooterblack.png) repeat-x;
		}




/********************************************
   Formate für Navigation
/*******************************************/

#navbar {        padding-top:20px;
		font-size:0.8em;
		letter-spacing:0.1em;
		line-height:1.4em;
		}

#navbar ul {     }

#navbar li {     float:left;
		list-style:none;
		}

#navbar a:link, #navbar a:visited {
		display:block;
                 padding:5px 48px 5px 0px;
                 font-weight:normal;
                 color:#6F6F6F;
		}

#navbar a:hover, #navbar a:active, #navbar a:focus {
		color:#AFAFAF;
		}

.on {
		/*.on = Klasse fuer aktivierte Seite (Klassen duerfen auf 1 Seite wiederholt vorkommen)*/
                 color:#FF7F00!important;
                 }



/************************************************
     Inhalt der Navbarsub
************************************************/


#navbarsub {     font-family: Verdana, sans-serif;
		font-size:0.75em;}

#navbarsub ul {	list-style:none;
		margin:10px 3px 10px 0px;
                 }

#navbarsub li {	float:left;
		margin-bottom:5px;
		line-height:1.4em;
		}

#navbarsub a:link, #navbarsub a:visited {
		display:block;
                 padding:5px 20px 5px 0px;
                 font-weight:normal;
                 color:#FFFFFF;
		}

#navbarsub a:hover, #navbarsub a:active, #navbarsub a:focus {
		color:#00AFFF;
		}



/************************************************
     Content und Box
************************************************/

#title, #content {
		font-size:0.8em;
		line-height:1.4em;
                 color:#c4c2c2;
                 }

h1 {		padding:75px 0 20px 0px;
		text-align:left;
		font-size:1.3em;
                 font-weight:normal;
		color:#fff;
                 letter-spacing:0.1em;;
		}

h2 {             margin:30px 0 10px 0;
		font-size:1.2em;
                 color:#fff;
                 font-weight:normal;
                 letter-spacing:0.1em;
		}

#box h3 {	margin:25px 0 10px 0;
                 font-size:1.0em;
                 font-weight:normal;
                 color:#000000;
                 border-bottom:1px solid #000000;xborder-top:1px solid #fff;
                 letter-spacing:0.1em;
                 text-transform:uppercase;
                 }

#box h4 {	margin:15px 0 5px 0;
                 font-size:0.9em;
                 font-weight:bold;
                 color:#0070C0;
                 letter-spacing:0.1em;

                 }

p {		padding-bottom:5px;}

a:link, a:visited {
		color:#000000;
                 border-bottom:1px solid #000;
		}

.box a:hover, .box a:active, .box a:focus {
		color:#ff7e00;
                 }

.box  ul {	list-style:none;
		margin:5px 3px 15px 3px;
                 }

.box  li {	margin:0 0 3px 0;
                 padding:0 0 0px 15px;background:url(../images/dotblue.png) no-repeat 0px 7px;
		}



/************************************************
     .blue
************************************************/

.box h3 {	margin:0px 0 10px 0;
                 font-size:1.2em;
                 font-weight:bold;
                 color:#FF7F00;
                 border-bottom:1px solid #000;
                 letter-spacing:0.1em;

                 }

.box h4 {	margin:15px 0 5px 0;padding-left:20px;
                 font-size:1em;
                 font-weight:bold;
                 color:#FFFFFF;
                 letter-spacing:0.1em;background:url(../images/doth4.gif) no-repeat 0em 0.35em;
                 }



/*   Content: Bilder
******************************************/

img {		border:0px solid #999;
                 background:#fff;
                 }

.imgtop {	margin:0 0 15px 0;
		}


.imgcenter {     display:block;
		margin-left:auto;
		margin-right:auto;
		}

.imgleft {       float:left;
                 margin:5px 10px 4px 0;
		}

.imgright {      float:right;
                 margin:5px 0 4px 20px;
		}


/*   Bilder mit Bildlegende   */

table.captionright {
		width:1px;
                 float:right;
                 margin:5px 0 4px 20px;
                 }

.captionright td {padding-bottom:5px;font-size:0.85em;line-height:1.2em;text-align:left;
		}

table.captionleft {
		width:1px;
                 float:left;
                 margin:2px 10px 4px 0;
                 }

table.captioncenter {
		width:1px;
		margin-left:auto;
		margin-right:auto;
                 margin-top: 10px;
                 margin-bottom: 10px;

                 }

td.caption	{padding: 5px;
		 font-size: 0.8em;
                  text-align:left;
                  background:#00FF00;
                  }








/************************************************
     Inhalt der Fusszeile
************************************************/

#footer p {	margin:0;
		padding:15px;
		}