/*
grau:                                                             #ccc
ganz wenig helleres hellblau:            #E9F1F5
rot:                                                                   #cc3333
dunkelblau:                                                           #000066
*/

/*Redefinitionen*/
html,body{
  height:100%;
  margin:0px;
  padding:0px;
}

body{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: smaller;
  background:#ccc;
  text-align:center;
}

h1{
  color:#666;
  font-size:130%;
}

h2{
  color:#cc3333;
  font-size:115%;
}

h3{
  color:#666;
  font-size:105%;
  font-weight:900;
}

p  { 
  margin-bottom:1.5em; 
  color: #000066; 
}

img{
  margin:0px;
  padding:0px;
  border-width:0;
}

hr {
	background-color: #cc3333;
	height: 1px;
	width: 80%;
	border-top: 1px #cc3333 solid;
	text-align: center;
}
/* ------------------------------------------------- */

/*Allgemeiner Aufbau*/
#wrapper{ /*Zentrierung und Breite auf 760px setzen*/
  width:860px;
  margin: 4% auto;  
  border: 1px solid #000066; 
  text-align:left;
  background: url(../pics/dots.gif);
  position: relative;
}


#heading{
  width:860px;
  height: 110px;
  padding: 0px;
  margin: 0px;
  background-color: #fff;
/*  	background-image: url(../pics/logo_small.gif);
    background-repeat:no-repeat;
    background-position: center;*/
}

#heading img {
    margin-left: 170px; 
	/*margin-top: 24px;*/ /* nur bei neuem logo */
	margin-top: 5px;
	float: none;
}

#menu{
  background:#000066;
  padding: 0.2em 0.5em 0.2em 170px;
}

#menu a, #menu span, #menu a.link {
  color: #fff;
  font-variant: small-caps;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: -0.03em;
  text-decoration: none;
  padding: 0.2em 1px;
}

#menu a:hover, #menu a.activeLink {
	/*color:#ccc;*/
	color: #000066;
	background-color: #ccc;
	
	/*border-top: 2px #cc3333 solid;*/
/*	background-color: #ccc;*/
}


#threecolumns{
  background: #ccc;                                                 /* färbt die mittlere Spalte ein */
  background-image:url(../pics/dots.gif);
  width: 820px;
 /* margin-left: 170px;*/
  margin-right: 40px;
  position: relative;
  z-index: 1;
 }
 
 
#left {
  float: left;                                                           /* meLinkeSpalte liegt innerhalb von meSeitenRahmen               */ 
  padding:0;
  width: 160px;
  margin: 0;
  margin-left: 0;
  margin-right: 10px;
  position: relative;
}       

#left .arrow {
	font-size: small;
	margin-top: 1.5em;
	height: 29px;
	background-image: url(../pics/arrow_red.gif);
	background-position: top right;
	background-repeat: no-repeat;
	width: 140px;
}

#leftpic {
	margin: 7em 0 0.5em 5px;
}


#downloads{
	background-color: #ccc;
	margin: 1em 0 1em 5px;
	padding: 5px;
}

#downloads ul {
	list-style-type: none;
	/*list-style-image: url(../pics/cross_big.gif);*/
	list-style-image: url(../pics/link.gif);
	margin: 5px;
	padding-left: 10px;
}

#downloads ul li a {
	text-decoration: none;
}

#downloads ul li a:hover {
	text-decoration: none;
	color: #666;
}

#downloads h3 {
	font-size: 90%;
	color: #000;
	margin: 0;
	padding: 0 0 3px 0;
}

#middle { 

        float:left;
        width:650px;
        margin:0;   
		padding: 0;
		background-image: none;
		background-color: #ccc;    
		position: relative;
		z-index: 100;
		min-height: 450px;
		height: auto !important;
		height: 450px;         
		
}

.contentHeading {
	background-image: url(../pics/triangle_white_dotted.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 29px;
	font-size: small;
	margin-top: 1.5em;
	padding: 0 0 0 18px;
	margin-left: -0.2px;
}

/*#middle p:first-letter {
	color: #cc3333;
	font-size: xx-large;
}*/

#content{
 padding:0.5em 1.5em 2em 1.5em;
}

#content p.a_firstParagraph:first-letter {
	color: #cc3333;
	font-size: xx-large;
}


#content ul {
	list-style-image: url(../pics/listimage2.gif);	
	padding: 0;
	margin: 5px 5px 5px 1.5em;
}

#content ul li {
	color: #000066;
	padding: 0 0 0 10px;
	margin: 0.4em 0 0.4em 0;
/*	background: url(../pics/listimage2.gif) no-repeat left center;*/ /* kann der ie nicht */
}

/*
#right {
        width: 50px;       
        float: left;
        margin:1px 0 0 0;
		background-image:url(../pics/dots.gif);
}

#rightcopy{
 padding:2em 0.6em;
}

*/

#footer {
        background: #000066;    /* auch wieder ganz schön simpel */
        border-top: 1px solid black;
	    padding: 0.1em 0;
		margin: 0;
        height:1.2em;
        color:white;
		text-align: center;
		border-bottom: none;
		margin-top: 10px;
		position: relative;
		bottom: 0;
}


#imprint {
	float: left;
	padding-left: 5px;
}	

#imprint a {
	color: #ccc;
	font-size: smaller;
	text-decoration: underline;
}

/* Sonderlocken für Mozilla, ungefährlich für brave Browser */
						              /* Mozilla legt floats, die direkt nebeneinander liegen, um einen                 */
                                                                                         /* Pixel übereinander, so dass die border verschwindt.                                       */
#extracontent { margin-left: 1px; }              /* Quelle: RichInStyle                                                                                                               */
#content { margin: 0 -3px 0 -2px; }
/* ENDE Sonderlocken für Mozilla, ungefährlich für brave Browser */
 
/*Einstellungen im Menubereich*/ 
 
#heading img{
  float:left;
  border-right: 3px #fff solid;
}

div.menusection{
  width:16%;
  float:left;
  height:118px;
  background-color:white;
}

.clear { 
	clear: both; 
	height: 2px;
	background-image: url(../pics/dots.gif);
}

.a_highlight{
 color:#cc3333;
 font-weight:bold;
}
 
 /*Links Reihenfolge immer: Link, Visited, Hover, Activ*/
a{
 color:#000066;
}

 
a.a_externlink {                                                           /*für links auf externe seiten*/
  background-image: url(/pics/extern.gif);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 10px;
  color:#000066;
} 

a.a_download {                                                             /*für Links auf downloadbare Dateien*/
  background-image: url(/pics/download.gif);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 10px;
  color:#000066;
}
 
/* ------------------------- additional styles ----------------- */

.hidden {
        position: absolute;
        left: -3000px;
        color: #FF0000;
}