/* ***************************************************************************************************** */
/* CONTENT CSS */

BODY{
  /*background: #a38a76;*/
  /*cursor:wait;*/
  background: url(../images/bg2.png) 0 0 repeat; 
  font-size: 85%;
  font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
  text-align: left;
}

a
{
text-decoration: none;
text-align: left; */
}

a:visited
{ 
	color: #a38a77; 
	text-decoration: none;
}

a:link { color: #666677; }

a:hover
{
text-align: left;
color: #a38a77;
/*background: #000d33;	/* Hintergrund bei Mouseover */
}


P{
  margin: 15px 20px;
}
p:first-letter {
  font-size: 200%
}

H1{
  margin: 20px;  
}

H2{
  margin: 20px;
}

H3{
  margin: 20px;
}

H4{
  margin: 20px;
}

H5{
  margin: 20px;
}

H6{
  margin: 20px;
}

li {
  margin-left: 20px;
}

/* ***************************************************************************************************** */
/* Programmspezifische Formatierungsteile */

/* Slideshow */
.pics {  
    height:  145px;  
    padding: 0;  
    margin-top:  10;
    
} 
 
.pics img {  
    /*padding: 15px;*/  
    /*border:  1px solid #ccc;*/  
    background-color: #eee;  
    height: 145px; 
    top:  0; 
}

#s1 {
	margin: 10px;
	border: 1px solid #ccc;
}



/* Tooltipp */
.tooltip {
  position: absolute;
  display: none;
  background-color: #5780f7;
  color: #ffffff;
  border: 1px solid #000000;
}

/* Slideshow */
.loading
{
    background: url( '../loadingIcon.gif' ) no-repeat 50% 50%;
    height: 100%;
    width: 100%;
	z-index:10;
}


/* Contentlist */
#contentlistcontainer {
	margin: 20px 20px 20px 60px;
}

ul#contentlist
{
/*width: 158px;
\width: 160px;
w\idth: 158px;*/
padding: 10px;
/*border: 1px solid #808080;
border-top: 0px;*/
margin: 0px;
font: bold 15px verdana,helvetica,arial,sans-serif;
/*background: #808080;*/
}

ul#contentlist li
{
list-style: disc;
margin: 0px;
/*border: 0px;*/
/*border-top: 1px solid #808080; /* Zeichen von Listenfeld */*/
}

ul#contentlist li a
{
display: block;
/*width: 122px;
\width: 158px;
w\idth: 122px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #aaaabb;
background: #ccccdd;  /* Hintergrund bei Link nicht ausgewählt */
text-decoration: none;
text-align: left; */
}

ul#contentlist li a:link { color: #666677; }

ul#contentlist li a:hover
{
text-align: left;
/*border-color: #a38a76;*/
color: #ffffff;
background: #000d33;	/* Hintergrund bei Mouseover */
}



/* ***************************************************************************************************** */
/*
Ein Wert
	Abstand oben, unten, links und rechts
	
Zwei Werte
	Der erste Wert für den Abstand oben und unten, der Zweite Wert für links und rechts
	
Drei Werte
	Der erste Wert für den Abstand oben, der Zweite links und rechts und der Dritte unten
	
Vier Werte
	Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links


/* ***************************************************************************************************** */
/* TEMPLATE SPECIFIC CSS CODE */
* {
   margin:0;
   padding:0;
}

#container {
   background: #ffffff;
   border: 1px dashed #000000;  /*Nur zur DEMONSTRATION */
   margin:  10px;     /*Nur zur DEMONSTRATION */
   width: 95%;
   min-height: 400px;
}

#links {
  /* width: 230px; */
   width: 165px;
   float:left;
   /*border: 1px dashed silver;  /*Nur zur DEMONSTRATION */
   /*overflow: hidden;*/
   text-align: left;
   padding-top: 10px; 
}

#mitte {
   margin: 0 256px 0 170px;
  /* border-bottom: 1px dashed #000000;  /*Nur zur DEMONSTRATION */
   /*border-left: 1px dashed #000000;  /*Nur zur DEMONSTRATION */
   /*border-right: 1px dashed #000000;  /*Nur zur DEMONSTRATION */
   /*min-height:200px;*/
   /*overflow: hidden;*/
}

#inhalt {
   margin: 10px 10px 0 10px;
   border: 1px dashed #000000;  /*Nur zur DEMONSTRATION */
   /*padding-top: 10px;*/ 
   /*border-bottom: 1px dashed #000000;  /*Nur zur DEMONSTRATION */
   /*border-left: 1px dashed #000000;  /*Nur zur DEMONSTRATION */
   /*border-right: 1px dashed #000000;  /*Nur zur DEMONSTRATION */
   /*min-height:200px;*/
   /*overflow: hidden;*/
   padding: 10px;
}

#rechts {
   width: 256px;
   float:right;
   /*border: 1px dashed silver;  /*Nur zur DEMONSTRATION */
   /*overflow: hidden;*/
   text-align: left;
   padding-top: 10px;
}

#kopf {
   border-bottom: 1px dashed #000000;  /*Nur zur DEMONSTRATION */
  /* height: 175px;*/
   height: 130px;
   overflow: hidden;
}

#logo {
 /* background: url(../images/logo.png) 0 0 no-repeat; */
  /*border: 1px double #000000;  /*Nur zur DEMONSTRATION */
  margin-left: 40px;
  height: 104px;
  width: 565px;
  float: left;
  padding-top: 10px;
}

#topmodul {
  /*  border: 1px double #000000;  /*Nur zur DEMONSTRATION */
	height: 145px;
/*	padding-left: 309px;*/
	padding-right: 10px;
/*	padding-top: 25px;*/
	overflow: hidden;
	text-align: center;
}

#pathway {
  font-size: 75%;
  text-align: left;
  height: 20px;
  border-bottom: 1px dashed #000000;  /*Nur zur DEMONSTRATION */
}

#footer {
  margin-top: 10px;
  font-size: 75%;
  text-align: left;
  /*height: 150px;*/
  /*border-bottom: 1px dashed #000000;  /*Nur zur DEMONSTRATION */
  padding-bottom: 10px;
}

/* ***************************************************************************************************** */