/*   Farbpalette   */
/*                 */

body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;  /* dunkleres grau */
	font-weight: normal;
	text-align:justify;
}

/*                                                         */
/*                           Überschriften                 */
/*                                                         */
h1 {
    color: #000000;  /* schwarz */
    font-weight: normal; 
    font-size: 1.6em; 
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

h2 {
/*	color: #CCFF00;  /* hellgrün */
	color: #99CCFF; /* hellblau */
	font-size: 1.2em;
}

h3 {
    color: #000000; /* schwarz */ 
	font-size: 1.0em; 
	font-weight: bold; 
    text-transform: uppercase;
    margin: 0;
    padding-top: 1.7em;
	padding-bottom: 0.5em;
}

h4 {
   color: #333333; /* dunkelgrau */
   font-weight: bold;
   font-size: 1em;
   margin: 0;
   padding: 0;
}

.wichtig {
color:#ff0000;
}
.wichtig2 {color: #0099FF}

hr {
	color:#999999;
	width: 100%;
	height: 1px;
	border-bottom-style: dotted;
	margin-left:0;
}

ul {
   padding-left:10px;
   margin:0;
   text-align:left;
}
ul li {
   list-style-image:url(../gifs/pfeil_modern.gif);
   list-style-position:outside;
   padding-bottom:7px;
}

/*                                       */
/*       Textbox mit roten, runden Ecken */
/*                                       */
#glider_box {
  position:absolute;
  top: 410px; 
  left: 280px;
  width: 600px;
  background-color:#000000;
  color:#FFFFFF;
  text-align:left;
}
#glider_header{
   padding: 10px; margin:0;
   background-color:#FF0000;
   text-align:left;
   
}
#inner_box{
   padding: 15px; margin:0;
}
#glider_box h1 {
   color: #333333;
   font-size: 1.0em;
   font-weight:bold;
   }
/*                                       */
/*       Portraitbox                     */
/*                                       */
#portrait_box {
  position:absolute;
  top: 10px; 
  left: 80px;
  width: 500px;
  background-color:#000000;
  color:#FFFFFF;
  text-align:left;
}
   /*                                                        *
   /*   Schriften und Überschriften für die Kite-Seite                                                       */
#tipp {
  position:absolute;
  top: 410px; 
  left: 680px;
  width: 300px;
  height:170px;
  background-image:url(../gifs/sprechblase_tuerkis.gif);
  background-position:bottom right;
  background-repeat:no-repeat;
} 
#tipp_content {
  padding-top:90px;
  padding-left: 135px;
  padding-right: 20px;
  padding-bottom: 10px;
}
#tipp_content a {
 color:#FFFFFF;
}  
   
   
   
/* basic elements -------------------------------------*/

a { font-weight: bold; }
a:link, a:visited { text-decoration: none; color: #99ccff;}	
a:hover, a:active { text-decoration: underline; }
a img {
   border:0;
 }
  /* schaltet den Rahmen aus bei Bilder, die Links sind */


/*  ----------------------   Spaltenpositionierung gesamt  ------------------------ */
#header{
}
#unterMenu {
  padding-top: 40px; 
  margin-left: 50px;
  height: 400px;
  background-color:none;
  width: 17em; 
}

#columnLeft {
   width: 300px; 
   float: left;
   padding-top: 250px; 
   padding-bottom: 1em; 
   text-align:justify;
 /*  border: solid 1px #000000;*/
}
#columnMain {
   width: 530px; 
   float: left; /*background: white; */ 
   padding-top: 200px; 
   padding-bottom: 1em; 
  /* border: solid 1px #000000;*/
   }
#columnRight {
   width: 10%;    float: left;
   padding-top: 200px;
   padding-bottom: 1em;
 /*  border: solid 1px #000000;*/
}

/* hilf-container, um hintergrundbild und ewig-gif zu kombinieren */
#window {
   width: 1280px;
   height: 960px;
   position:absolute;
   top: 0%;
   margin: 0;
   padding: 0;
   border:solid 1px #000000;
}
/* ende */

#contentMain {
   width: 470px;
   margin-left:20px;
  /* border: solid 1px #FF0000;*/
}
#footer {
   clear: both;
   margin:0; 
   padding:0;
   height:20px;
   width:600px; 
   background-image:url(../gifs/fn_right.gif);
   background-position:right;
   background-repeat:no-repeat;
}
#footer_content {
   text-align:left;
   color:#FFFFFF;
   background-color:#000000;
   padding-left: 30px;
   padding-right: 30px;
   padding-top: 2px;
   width: 580px;
   height: 20px;
}


#language { 
  position: absolute; left: 80%; top: 0%;
  }

#tip { 
   margin: 0;
   padding: 50px 30x 30px 80px;
   background-image:url(../gifs/sprechblase_tuerkis.gif);
   background-position:top;
   background-repeat: no-repeat;
   color: #FFFFFF;
   }

/*  ----------------------Spaltenpositionierung fuer die Homeseite  ------------------------ */
/*                              etwas anders ----------------------------------*/
#columnLeftHome {
   width: 330px; 
   float:left; /*background: white*/; 
   padding-top: 250px; 
   padding-bottom: 1em; 
   text-align:justify;
}
#columnMainHome {
   width: 580px; 
   float: left; /*background: white; */ 
   padding-bottom: 1em; 
 /*  padding-top: 300px;*/
}
#columnRightHome {
   width: 10%; float:left; background:white; padding-bottom: 1em;
}

/* ------------------------------ */                       
/*           News                 */
/* ------------------------------ */
#news {
  padding-top: 40px; /* in der Mitte von oben runter */
  width: 80%;
}
#news h4 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #0099FF; /* cyan */
	font-size: 11px;
	padding-top: 1.4em;
}


/* ------------------------------ */                            
/*           Quicklinks           */
/* ------------------------------ */                               
#quicklinks {
   padding-top: 70px; 
   margin-left: 50%;
   text-align:right;
   color:#999999;
   font-size:1.25em;
}
#quicklinks hr {
   margin-left:auto;
   margin-right:auto;
   margin-top: 0.25em;
   width:80px;
   height:0.1em;
}
#quicklinks ul {
   padding: 0;
   margin: 0;
   text-align:right;
}
#quicklinks li {
   text-decoration: none;
}
#quicklinks li a {
   color: #999999;
}

#quicklinks li:hover {
   color:#FF0000;  /* rot */
   background-color:#333333; /* hellgrau */
}   
#quicklinks li:hover a{
   color:#FF0000;
}

/*---------------------------------------------------*/
/*--------------- Media -----------------------------*/
/*---------------------------------------------------*/
#fotos {
  width: 220px;
  position:absolute;
  left: 330px;
  top: 300px;
}
#videos {
  width: 220px;
  position:absolute;
  left: 650px;
  top: 300px;
}
#fotos img {
  border: 5px solid #CCCCCC;
}
#fotos a:hover img {
  border: 5px solid #FF0000;
}
#videos img {
  border: 5px solid #CCCCCC;
}
#videos a:hover img {
  border: 5px solid #333333;
}
#poster {
  position:absolute;
  left: 330px;
  top: 300px;
  width:600px;
}
#logos {
  position:absolute;
  top: 300px;
}


#tip a:link, #tip a:visited { text-decoration: none; color: #FF0000; }	
#tip a:hover, #tip a:active { text-decoration: underline;  }



#linkList { background: transparent; padding: 0; margin: 0; width: 190px; position: absolute; top: 704px; right: 0; font-size: 90%; }

#linkList ul { margin: 0; padding: 0; list-style: none; }
#lselect ul, #larchives ul, #lresources ul { margin-top: -10px; margin-bottom: -10px; }
#linkList li { display: block; padding: 8px 0 7px 12px; margin: 0; line-height: 160%; border-bottom: 1px solid #FFF; }

#linkList li a { color: #333; font: bold 110% arial, helvectica, sans-serif; }
#linkList li:hover { background: url(selecthoverbg.gif) 0 0; }
#linkList li:hover a { color: #FFF; }

#lselect { color: #377774; }
#lselect li:hover { background: url(selecthoverbg.gif); color: #FFB9CB; }
#lselect li a { text-transform: uppercase; font: bold 110% arial, helvectica, sans-serif; display: block; margin: 0; padding: 0; }
#lselect li:hover a { color: #FFF; }
#lselect li a.c:link, #lselect li a.c:visited {	display: inline; font-weight: normal; text-transform: none; font-size: 100%; color: #377774; }
#lselect li:hover a.c { color: #FFB9CB; }

h3.select { height: 29px; margin: 0; padding: 0; background: url(select.gif) no-repeat; }
h3.select span { margin: 0; padding: 0; display: none; }

/*                                                         */
/* Inhaltsverzeichnisse und Unterverzeichnisse             */
/*                                                         */

#hauptMenu ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
}
#hauptMenu li {
   display: inline;
   margin:0;
   padding:0;
}
#hauptMenu li a {
   color: #FFFFFF;
   text-align:center;
   text-decoration:none;
   margin: 0;
   padding:0px 7px;
   border: solid #000000;
   background-color:#000000;
   line-height: 25px;
}
/*#hauptMenu li:hover {
   background-color:#FFFFFF;
   border: solid #FFFFFF;
} */ 
/*#hauptMenu li:hover a{
color:#ffffff;
}*/
/*#hauptMenu li a:link, #hauptMenu a:visited { text-decoration: none; color: #ff0000; }*/

#hauptMenu li a:hover { 
   text-decoration: underline; 
   background-image: none;
   color:#000000;
   background-color:#FFFFFF;
   border: solid #FFFFFF;
}
#hauptMenu .current a {
  color: #FFFFFF;
  text-decoration:underline;
}


#unterMenu ul {
   /*color: #90CCFF; /* hellblau */
   font-weight: bold;
   font-size: 1.0em;
   width: 17em;
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#unterMenu li {
   list-style-image: none;
   padding: 0px 0px 0px 21px;
   line-height: 2.0em;
   width: 100%; /* Konvention für IE */  
}
#unterMenu li a:link, #unterMenu li a:visited { 
   text-decoration: none; color: #999999; }	
#unterMenu li a:hover, #unterMenu li a:active { 
   background-image:url(../gifs/roter_fleck.gif);     
   background-repeat:repeat;
   color: #333333;}


/*                                                         */
/*   Schriften und Überschriften für dunkle Seiten         */
/*                                                         */
#dark_page {
   background-color:none;
}
#dark_page td,th {
	color:	#FFFFFF;  /* weiss */
}
#dark_page h3 {
  color: #FFFFFF;
} 
#dark_page h1 {
  color: #FFFFFF;
}
#dark_page h4 {
   color: #FF0000;
   font-weight: bold;
   font-size: 1em;
   margin: 0;
   padding: 0;
}
#dark_page .subtitle {
   color: #999999;
   text-transform:none;
   text-align:left;
}

/*                                                         */
/* Unterverzeichnis für dunkle Seiten                      */
/*                                                         */
#dark_page #unterMenu {
/*  background-color:#000000;*/
}
#dark_page #unterMenu ul {
   color: #999999; /* hellgrau */
 /*  margin: 5px 5px 0px 10px;*/
 /*  background-color:#000000; */
}
#dark_page #unterMenu li {
   list-style-image: none;
   background-color:#000000;
   width: 100%; /* Konvention für IE */  
}
#dark_page #unterMenu li a:link, 
#dark_page #unterMenu li a:visited { 
   text-decoration: none; color: #999999; }	
#dark_page #unterMenu li a:hover, 
#dark_page #unterMenu li a:active { 
   color: #FFFFFF;
   background-image:url(../gifs/roter_fleck_black.gif);     
   background-repeat:repeat;
}


/*     Nummerierte Liste: optisch wie das Untermenü, aber ohne Breitenbegrenzung                */
#contentMain ol {
   list-style-type:decimal;
   list-style-position:outside;
}
#contentMain ol.li {
   width: 100%; /* Konvention für IE */
   margin-bottom: 20px;
}