/* CSS Document */

    body { 
		/*background-color: #FEFDEE; */
		color: white; 
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 9pt; 
		padding: 0; 
		margin: 0;
		background-image: url(main_FILES/hintergrund.gif);

		text-align: justify;
    }
 
    h1 { font-size: 150%; } 
    h2 { font-size: 130%; }

    div {
       padding: 0px; 
/*       border: 3px solid; */
       border: 0;
	   border-color: green;
       margin: 0px; 
	   /*background-color: #FEFDEE;     */
    }

    #wrapper {
       position: absolute; 
	    padding: 0px;
	    margin: 0px;
       top: 0px; 
       left: 80px; 
       width: 840px;
	   height: 100%;
       padding: 0; 
    }

/*#######################*/	
/* NAVIGATION            */	
/*#######################*/	
	
    #topnaviwrapper { 
		position: absolute; 
	    padding: 0px;
	    margin: 0px;
		top: 0px; 
		left: 0px; 
		width: 905px;
		height: 100px; 
		color: black; 
    }   

    #topnavi {
		position: absolute;
	    padding: 0px;
	    margin: 0px;
		left: 0px;
		width: 900px;
		bottom: 15px;
		z-index: 10;		  
    }
	   
    #topnavilink {
	    padding: 0px;
	    margin: 0px;
        /*color:#7E8072*/
        color: #A0B39F;		
		
    }
	   
    #topnavilogo {
		position: absolute; 
		bottom: 0px;
		right: 0px;  
		color: black; 
    }
    
    .csc-header-n1 {
    	padding-left: 10px;
    	padding-top: 10px;
    	padding-bottom: 0px;
    }
    
    .tx-gooffotoboek-pi1 {
    	padding-left: 10px;
    	padding-top: 0px;
    	padding-bottom: 10px;
    }
    
    .csc-firstHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt;
	font-weight: bold; 
    }
    
    .csc-mailform {
    	padding: 10px 10px;
    	border: 0;
    }

.csc-mailform-field {
	padding-top: 5px;
	padding-bottom: 5px;
}
.csc-mailform-field LABEL {
	float: left;
	width: 150px;
}
.csc-mailform-field INPUT {
	border: 1px solid Gray;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 1px;
}
.csc-mailform-field SELECT {
	border: 1px solid Gray;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 1px;
}
.csc-mailform-field TEXTAREA {
	border: 1px solid Gray;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 1px;
}
.csc-mailform-radio FIELDSET {
	border: 0;
	padding: 0;
	margin: 0;
}
.csc-mailform-submit {
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin-left: 150px;
	background-color: White;
	font-weight: bold;
}
.csc-mailform-field INPUT.csc-mailform-check {
	border: 0;
}
    
/*#######################*/	
/* NAVIGATION            */	
/* Spezialdefinitionen fuer Aufklappmenues*/	
/*#######################*/	

ul.menu, ul.menu ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

ul.menu a {
    display: block;
    margin: 0px;
    padding: 3px 10px 3px 0px;
    font-weight: normal;
}

ul.menu li {
    padding: 0px;
    margin: 0px;
    float: left;
    height: 20px;
}

/* F�r Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
    float:none;
    background-color: transparent;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe �ndern */
ul.menu ul li.hover, ul.menu ul li:hover {
    /*background-color: #FFF9E4;*/
}

/* Zweite Ebene */
	ul.menu ul {
		padding: 5px;
		margin: 0px;
		position: absolute;
		top: 22px;
		background-color: #FEFDEE;
		/* border: 1px solid #7E8072; */
		border: 1px solid #A0B39F;
		display: none;
	}

   /* Zweite Ebene anzeigen */
	ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
		display: block;
	}


	ul.menu li.hover, ul.menu li:hover, ul.menu li {
		height: 20px;
	}
	
/* Dritte Ebene */
	ul.menu li.hover ul ul, ul.menu li:hover ul ul {
		display: none;
		margin-left: 160px; /* Breite eines Listenelements - �berlagerung */
		margin-top: -20px; /* H�he eines Listenelements */
	}

   /* Dritte Ebene anzeigen */
	ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
		display: block;
	}


/* Vierte Ebene */
	ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
		display: none;
	}

   /* Vierte Ebene anzeigen */
	ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
		display: block;
	}


/* IE-Hack für die Breite */
*html ul.menu ul {
    width:200px;
}



/*#######################*/	
/* HAUPTBEREICH          */	
/*#######################*/	

    #maincontent {
		position: absolute;
		top: 100px;
		left: 0;
		height: 470px;
		width: 840px;
		color: black;
		border: 5px solid;
	    border-color: #A0B39F;
		background-image: url(main_FILES/content_hinten.gif);
		zoom: 1;
    }
    /* Benoetigt fuer Seite Ensemble*/    
    .class-content-left {
    		position: absolute;
    		top: 0px;
    		left: 0px;
		width: 415px;
    }

    /* Benoetigt fuer Seite Ensemble*/    
    .class-content-right {
    		position: absolute;
    		top: 0px;
    		left: 410px;
		width: 410px;
    }


	#contentleft {
		position: absolute;
		top: 0;
		left: 0;
		height: 465px;
		width: 250px;
		color: black;
		/* border: 2px solid; */
		/* border-color: #7E8072; */
		border-color: #A0B39F;
		
		/* background-color: #3333FF; */
    }


	#contentright {
		position: absolute;
		top: 0px;
		/*height: 100%; 465 */
		/*width: 100%; */

		left: 250px;
		height: 470px;
		width: 590px;
		
              color: black;
		border: 0px solid;
		/*border-color: #7E8072;*/
		border-color: #A0B39F;
		
		overflow: auto;
		zoom: 1;
		/*background-color: #CC0033;*/
    }	

.div-contentright {
	position: absolute;
	top: 0px;

	left: 0px;
	height: 100%;
	width: 840px;
		
       color: black;
	border: 0px solid;
	border-color: #A0B39F;
		
	overflow: auto;
}

       #contentright .csc-textpic-text {
          padding-left:  40px;
          padding-right: 40px;
       }
	
       .div-contentright .csc-textpic-text {
          padding-left:  5px;
          padding-right: 5px;
       }
	p {
		padding: 5px 20px;
	}
    p a {
		text-decoration: underline;
		color: black; 
    }

    p.align-right {
	padding: 5px 20px;
	text-align: right;

    }
    
    h4 { 
	padding: 5px 20px;
	text-decoration: none;
	font-variant:small-caps;
	color: black;
	font-size:12pt; 
    } 
    h4 a { 
	text-decoration: underline;
	font-variant:small-caps;
	color: black; 
    } 

	.csc-textpic-intext-left-nowrap {
		padding: 1px 0px;
	}
	.csc-textpic-intext-left-nowrap  .csc-textpic-imagewrap {
		padding: 40px 10px;
		vertical-align: text-bottom;
	}
	.csc-textpic-intext-right-nowrap {
		padding: 1px 0px;
	}
	.csc-textpic-intext-right-nowrap  .csc-textpic-imagewrap {
		padding: 40px 10px;
		vertical-align: text-bottom;
	}
	
	.csc-textpic-firstcol dt img {
		border: 5px solid;
		margin: 0px;
		padding: 0px;
	    border-color: #A0B39F;
	}

       .csc-textpic-left .csc-textpic-imagewrap {
	    position: absolute;
           bottom: 30px;
           left: 30px;
	}

	.class-content-left .csc-textpic-intext-right-nowrap .csc-textpic-firstcol  {
		border: 0px solid;
		height: 240px;
	}

	.class-content-right .csc-textpic-intext-left-nowrap .csc-textpic-firstcol  {
		border: 0px solid;
		height: 240px;
	}
	.class-content-left .csc-textpic-intext-right-nowrap .csc-textpic-firstcol dt img {
		border: 0px solid;
	}
	.class-content-right .csc-textpic-intext-left-nowrap .csc-textpic-firstcol dt img {
		border: 0px solid;
	}
	
/*#######################*/	
/* FUSSNAVIGATION        */	
/*#######################*/	

    .footer {
		font-size: 14px;
		position: absolute; 
		top: 585px; 
		left: 0; 
		height: 20px; 
		width: 855px;
		/*background-color: #f3c600;*/
		/* color: #7E8072; */
		color: #A0B39F;
		
		text-align: justify; 
    }

    .footertext a {
		font-size: 14px;
		text-decoration:none;
		/* color: #7E8072; */
		color: #A0B39F;
    }

    .footerlink  {
		font-weight: bold;
		text-decoration:none;
		/* color: #7E8072; */
		color: #A0B39F;
    }