/* allgemeine stylangaben

farbwerte
#ffffff // weiß
#fd802c // orange 

----------------------------------------------------------------*/
/* seite, body */
/* @charset "UTF-8"; */

* { color: #000000; line-height: 1.5em; }/*  */

html, body {
	/*height: 100%;*/
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-family: Verdana, Arial, Tahoma, Helvetica;
	text-align: center;
	background-color: #ffffff;
	background-image: url("../images/back/back.gif"); 
	background-repeat: repeat; 
	background-attachment: scroll;
}

/* allgemeine textlinks */
a { color: #666666; text-decoration: none; }
a:link { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:active, a:hover { color: #fd802c; text-decoration: underline; }

/* tabellen und absätze */
p { color: #000000; text-decoration: none; line-height: 1.4em; }
td { color: #000000; text-decoration: none; vertical-align: top; }

div.table { display:table; border-collapse:collapse; }
div.tr { display:table-row; clear:both; }
div.td { display:table-cell; padding:5px; float:left; }

/* horizontale linien */
hr { 
border-top: solid #ffffff 1px;
border-left: solid #ffffff 1px;
border-right: solid #ffffff 1px;
border-bottom: dotted #999999 1px; 
height: 1px; 
}

/* listen */
ul { color: #000000; font-weight: normal; margin: 0 0 0 1.75em; padding: 0px; }
li { color: #000000; list-style: square outside /*url("../images/li_square.png")*/; text-decoration: none; }

.liste { color: #000000; list-style: square outside /*url("../images/li_square.png")*/; text-decoration: none; line-height: 2.0em; }

/* headlines */
h1, .Overline { color: #666666; font-size: 10px; font-weight: normal; display: inline; }
h2, .Headline { color: #fd802c; font-size: 17px; font-weight: bold; display: inline; }
h3, .Subline { color: #666666; font-size: 11px; font-weight: bold; display: inline; }

/* formulare */
input {	/*color: #666666;*/ }
/*input.lang { font-size: 11px; width: 206px; }
input.mittel { font-size: 11px; width: 180px; }
input.kurz { font-size: 11px; width: 100px; }
input.button { background-color: #fd802c; color: #ffffff; font-size: 11px; font-weight: bold; border-left: #999999 1px solid; border-right: #999999 1px solid; border-top: #999999 1px solid; border-bottom: #999999 1px solid; }*/

textarea { /*color: #666666;*/ }
/*textarea.lang { width: 400px; }
textarea.mittel { width: 200px; }
textarea.kurz { width: 100px; }*/

select { /*color: #666666;*/ }
/*select.lang { width: 206px; }
select.mittel { width: 180px; }
select.kurz { width: 100px; }*/




/* seitenaufbau, positionierung
----------------------------------------------------------------*/
/* alles zentrieren */
#BOX { width:1000px; height:101%; margin:auto; padding:0px; text-align:left; background-color:#ffffff; }

/* rand links, rechts */
#div_rand_links { position:fixed; width:10px; height:101%; margin-left:-10px; margin-top:0px; background-image: url("../images/back/rd_links.png"); }
#div_rand_rechts { position:fixed; width:10px; height:101%; margin-left:1000px; margin-top:0px; background-image: url("../images/back/rd_rechts.png"); }


/* OBEN  
----------------------------------------------------------------*/
/* oranger balken oben */
#balken_orange { position:fixed; width:1000px; height:20px; margin-left:0px; margin-top:0px; margin-right:auto; z-index:30; background-color:#fd802c; }

/* titel */
#div_titel { position:fixed; width:600px; height:20px; margin-left:20px; margin-top:2px; z-index:32; text-align:left; }
.titel { color: #ffffff; font-size: 11px; text-decoration: none; }

/* tools */
#div_tools { position:fixed; width:200px; height:12px; margin-left:780px; margin-top:4px; z-index:32; text-align:right; }

/* abdecker oben */
#abdecker_oben { position:fixed; width:1000px; height:280px; margin-left:0px; margin-top:0px; margin-right:auto; z-index:4; background-color:#ffffff; }

/* headimage */
#div_headimage { position:fixed; width:1000px; height:200px; margin-left:0px; margin-top:30px; margin-right:auto; z-index:5; }
#div_headimage_balken { position:fixed; width:1000px; height:20px; margin-left:0px; margin-top:240px; margin-right:auto; z-index:51; }

/* schatten */
#div_schatten { position:fixed; width:1000px; height:20px; margin-left:0px; margin-top:260px; margin-right:auto; z-index:9; background:#ffffff; }

/* home */
#div_home { position:fixed; width:50px; height:180px; margin-left:560px; margin-top:50px; border:none; z-index:11; }

/* navigation */
#div_navigation { position:fixed; width:320px; margin-left:620px; margin-top:50px; z-index:12; }

#div_navigation ul	{ margin: 0 0 0 0.05em; color: #ffffff; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height:1.5em;	}
	
#div_navigation li { list-style: none; color: #ffffff; font-size: 12px; font-weight: bold; text-transform: uppercase; }
#div_navigation li a, #div_navigation li a:link, #div_navigation li a:visited { padding: 2px 4px 2px 4px; color: #ffffff; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
#div_navigation li a:hover { background-image: url("../images/back/orange_50.png"); }
#div_navigation li a:active { background-image: url("../images/back/grau_50.png");  }

/* logo */
#div_logo { position:fixed; width:180px; height:65px; margin-left:810px; margin-top:145px; border:none; z-index:10; background-image: url("../images/logo_weiss.png"); }

/* kästen head */
#div_1 { position:fixed; width:160px; height:160px; margin-left:20px; margin-top:50px; border: #ffffff 1px solid; z-index:61; background-image: url("../images/back/grau_50.png"); }
#div_text_1 { width:140px; height:112px; margin-left:10px; margin-top:5px; color: #ffffff; font-size: 12px; font-weight:normal; text-decoration: none; line-height: 1.2em; overflow:hidden; z-index:63; }
#div_name_pfeil_1 { position:fixed; width:140px; height:20px; margin-left:31px; margin-top:180px; color: #ffffff; font-size: 22px; font-weight:normal; text-decoration: none; line-height: 1em; background-image: url("../images/k_pfeil.png"); background-position:right; background-repeat:no-repeat; z-index:62; }
#div_schatten_1 { position:fixed; width:160px; height:15px; margin-left:20px; margin-top:211px; z-index:6; background-image: url("../images/back/schatten.png"); }

#div_2 { position:fixed; width:160px; height:160px; margin-left:200px; margin-top:50px; border: #ffffff 1px solid; z-index:71; background-image: url("../images/back/grau_50.png"); }
#div_schatten_2 { position:fixed; width:160px; height:15px; margin-left:200px; margin-top:211px; z-index:7; background-image: url("../images/back/schatten.png"); }

/* uhr */
#div_uhr { position:fixed; width:140px; height:140px; margin-left:211px; margin-top:55px; text-align:center; z-index:73; }

/* ort */
#div_ort { position:fixed; width:160px; height:20px; margin-left:201px; margin-top:155px; text-align:center; z-index:72; }
.ort { color: #fd802c; font-size: 10px; text-transform:uppercase; text-decoration: none; }

/* datum */
#div_datum { position:fixed; width:160px; height:20px; margin-left:201px; margin-top:187px; text-align:center; z-index:74; }
.datum { color: #ffffff; font-size: 11px; text-decoration: none; }

#div_3 { position:fixed; width:160px; height:160px; margin-left:380px; margin-top:50px; border: #ffffff 1px solid; z-index:81; background-image: url("../images/back/grau_50.png"); }
#div_text_3 { width:140px; height:112px; margin-left:10px; margin-top:5px; color: #ffffff; font-size: 12px; font-weight:normal; text-decoration: none; line-height: 1.4em; overflow:hidden; z-index:83; }
#div_name_pfeil_3 { position:fixed; width:140px; height:20px; margin-left:391px; margin-top:180px; color: #ffffff; font-size: 22px; font-weight:normal; text-decoration: none; line-height: 1em; background-image: url("../images/k_pfeil.png"); background-position:right; background-repeat:no-repeat; z-index:82; }
#div_schatten_3 { position:fixed; width:160px; height:15px; margin-left:380px; margin-top:211px; z-index:8; background-image: url("../images/back/schatten.png"); }

/* text kästen */
#div_text_1 h1 {color: #fd802c; font-size: 11px; font-weight: bold; line-height: 1.4em; text-transform:uppercase;}

#div_text_1 p, #div_text_1 span, #div_text_1 a, #div_text_1 a:link, #div_text_1 a:visited { color: #ffffff; display:block; text-decoration: none; line-height: 1.4em; }
#div_text_1 a:active, #div_text_1 a:hover { color: #ffffff; text-decoration: none; }

#div_text_2 h1, #div_text_1 h2, #div_text_1 h3 {font-size: 11px; font-weight: bold; line-height: 1.4em; text-transform:uppercase;}
#div_text_2 h1 {color: #fd802c;}
#div_text_2 h2 {color: #fd802c;}
#div_text_2 h3 {color: #fd802c;}

#div_text_2 a, #div_text_2 a:link, #div_text_2 a:visited { color: #ffffff; display:block; text-decoration: none; line-height: 1.2em; }
#div_text_2 a:active, #div_text_2 a:hover { color: #ffffff; text-decoration: none; }

/* breadcrumb */
#div_breadcrumb { position:fixed; height:15px; margin-left:20px; margin-top:262px; margin-right:auto; z-index:64; }

.breadcrumb { color: #cccccc; font-size: 10px; text-decoration: none; }
.breadcrumb a { color: #cccccc; text-decoration: none; }
.breadcrumb a:link { color: #cccccc; text-decoration: none; }
.breadcrumb a:visited { color: #cccccc; text-decoration: none; }
.breadcrumb a:active, .breadcrumb a:hover { color: #fd802c; text-decoration: underline; }


/* LINKS  
----------------------------------------------------------------*/


/* MITTE  
----------------------------------------------------------------*/
/* inhaltslayer */
#div_inhalt_back_weiss { position:fixed; width:1000px; height:101%; margin-left:0px; margin-top:0px; background-color:#ffffff; z-index:1; }
#div_inhalt_back_grau { position:fixed; width:920px; height:100%; margin-left:20px; margin-top:280px; padding:20px; background-color:#f2f2f2; z-index:2; }
#div_inhalt_scroller { position:absolute; width:920px; margin-left:20px; margin-top:280px; padding:20px; z-index:3; }

/* _rechts */
#div_rechts_back { position:fixed; width:200px; height:100%; margin-left:800px; margin-top:328px; padding:0; background-color:#ebebeb; z-index:3; }

#div_rechts { position:absolute; width:200px; height:100%; margin-left:800px; margin-top:328px; padding:0; z-index:14; }

/* kasten rechts */
#div_infokasten_rechts { position:absolute; width:198px; margin-left:740px; margin-top:0px; z-index:71; }
#rahmen_infokasten { width:198px; border:1px solid #ffffff; }

/* infokästen */
#infokasten_headline { color:#ffffff; font-size: 11px; font-weight:normal; height:18px; padding-left:10px; padding-top:2px; background-color:#fd802c;}
#infokasten_content { color:#000000; font-size: 11px; font-weight:normal; padding:10px; overflow:hidden; background-color:#ffffff;}


/* RECHTS  
----------------------------------------------------------------*/
/* navigation rechts */
#navigation_rechts { position:fixed; margin-left:1000px; margin-top:30px; background-color:#f2f2f2; border:#ffffff 1px solid; text-align:center; /*-webkit-transform:rotate(-90deg);*/ /*-moz-transform:rotate(-90deg);*/ /* writing-mode: tb-rl; */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  /* 0, 1, 2, oder 3 um 0, 90, 180 oder 270 */ }

#navigation_rechts a, #navigation_rechts a:link, #navigation_rechts a:visited { color: #cccccc; display:block; padding-left:5px;  padding-top:1px; padding-right:5px; padding-bottom:1px; text-decoration: none; }
#navigation_rechts a:active, #navigation_rechts a:hover { color: #ffffff; background-color:#fd802c; border:#ffffff 1px solid; display:block; text-decoration: none; }


/* UNTEN
----------------------------------------------------------------*/
/* abbinder */
#div_abbinder { position:absolute; border-top:1px dotted #cccccc; width:920px; height:50px; margin-left:auto; margin-top:10px; margin-right:auto; clear:both; z-index:65; }

.abbinder { color: #cccccc; font-size: 10px; text-decoration: none; }
.abbinder a { color: #cccccc; text-decoration: none; }
.abbinder a:link { color: #cccccc; text-decoration: none; }
.abbinder a:visited { color: #cccccc; text-decoration: none; }
.abbinder a:active, .abbinder a:hover { color: #fd802c; text-decoration: underline; }


/* sonstige styleangaben
----------------------------------------------------------------*/
/* textlinks, orange */
.textlink_orange a { color: #fd802c; text-decoration: underline; }
.textlink_orange a:link { color: #fd802c; text-decoration: underline; }
.textlink_orange a:visited { color: #fd802c; text-decoration: underline; }
.textlink_orange a:active, .textlink_orange a:hover { color: #fd802c; text-decoration: underline; }

/* Hinweis, Fussnote */
.hinweis { color: #000000; font-size: 0.8em; font-weight: normal; }
.Fussnote { color: #000000; font-size: 0.8em; font-weight: normal; }

/* bilder, bildunterschriften */
.bildunterschrift_right { float: right; color: #999999; font-size: 9px; font-weight: normal; padding: 0px; margin-left:10px; margin-top:0px; margin-bottom:0px; text-align: right; border:1px solid #ffffff; background-color:#ffffff; }
.bildunterschrift_left { float: left; color: #cccccc; font-size: 9px; font-weight: normal; padding: 0px; margin-top:0px; margin-right:15px; margin-bottom:5px; text-align: left; border:1px solid #ffffff; background-color:#ffffff;  }

