/* CSS Document */

/*
    Überschrift:#FFDF00;
    Hintergrund:#F8DE29;
*/

* {
    margin:0;
    padding:0;
    border:0;
/*    color:#000;*/
    font-family:Arial,Verdana,sans-serif;
	
}

p {
    margin-bottom:2em;
}
table p {
    margin:0px; padding:0px; border:0px;
}

a {
    text-decoration:none;
}

ul {
    margin:5px 10px;
    padding:0;
    border:0;
}
li {
    margin:0 10px;
    padding:0;
    border:0;
}

h1 {
    display:block;
    font-size:12px;
    line-height:14px;
    font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 17px 0px;
    color:#323791;
}
h2 {
    display:block;
    font-size:10px;
    line-height:13px;
    font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
    color:#323791;
}
h3 {
    font-size:15px;
    line-height:23px;
    font-weight:normal;
    text-decoration:underline;
    border:0px;
    margin:5px 0px;
}


html, body {
    height:100%;
    text-align:center;
}

#abstand {
	width:1px;
	height:50%;
	margin-bottom:-300px; /* half of container's height */
	float:left;
}

div#seite {
    position:relative;
    width:1000px; height:600px;
/*width:1007px; height:603px;*/
    margin:0 auto;
    /*background:url(images/hintergrund.jpg) center center no-repeat;*/
    text-align:left;
    clear:left;
}

div#menu_oben {
	/*Breite auch in menu_oben festgelegt*/
    width:680px; height:29px;
    position:absolute; top:58px; left:20px;
    line-height:18px; vertical-align:middle;
		/*background-color:#f00;*/
}
    #menu_oben ul.menuliste {
        list-style:none;
        margin:0;
        padding:0;
        border:0;
    }
    #menu_oben ul.menuliste li {
        float:left;
        position:relative;
        /* width:???px; wird dynamisch erzeugt in menu_oben*/
        text-align:left;
        margin:0px;
        padding:0px 8px 0px 8px;
        border:0;
		border-left:1px solid #B4AFD5;
    }
	#menu_oben ul.menuliste li.erster {
		border-left:0px;
    }
        #menu_oben ul li a {
			color:#7073B2;
            /*font-size:12px;*/
            font-size:69%;
        }
		#menu_oben ul li a.aktiv {
            color:#232372;
        }


div#menu_rechts {
    width:200px; height:450px;
    position:absolute; top:140px; left:610px;
}

    #menu_rechts .menuepunkt/*, #impressum .menuepunkt*/ {
        width:200px;
        color:#6f72b1;			
    }
	
        #menu_rechts .menuepunkt a/*, #impressum .menuepunkt a */{
            color:#6f72b1;
            font-size:75%;
        }
    #menu_rechts .menuepunkt_aktiv, #impressum .menuepunkt_aktiv {
        width:200px; height:25px; line-height:20px;
		color:#323791;		
    }
        #menu_rechts .menuepunkt_aktiv a, #impressum .menuepunkt_aktiv a {
            color:#323791;
            /*font-size:14px;*/
            font-size:75%;
			/*font-weight:bold;*/
        }



div#menu_unten {
	/*Breite auch in menu_unten festgelegt*/
    width:620px; height:29px;
    position:absolute; top:570px; left:15px;
    line-height:18px; vertical-align:middle;
		/*background-color:#FF0033;*/
}
    #menu_unten ul.menuliste_unten {
        list-style:none;
        margin:0;
        padding:0;
        border:0;
    }
		#menu_unten ul.menuliste_unten li {
			float:left;
			position:relative;
			/* width:???px; wird dynamisch erzeugt in menu_unten*/
			text-align:left;
			margin:0px;
			padding:0px 15px 0px 15px;
			border:0;
			border-left:1px solid #B4AFD5;
		}
			#menu_unten ul.menuliste_unten li.erster {
				border-left:0px;
			}
				#menu_unten ul li a {
					color:#323791;
					/*font-size:12px;*/
					font-size:69%;
				}
					#menu_unten ul li a.aktiv {
						color:#0B0B3B;
					}
		
div#inhalt {
    width:600px; height:440px;
    position:absolute; top:120px; left:30px; 
	overflow:hidden;
	clip:rect(0,520,400,0);
	color:#323791;
}

div#inhalt div#text {
	position:absolute;
	top:0px;
    width:430px;
/*    position:absolute;
    left:20px; top:20px;*/
    font-size:80%;	
/*	background-color:#33CCFF;*/
}
	div#inhalt div#text a {
		font-size:89%;
		text-decoration:underline;
		color:#323791;
	}

div#inhalt div#bilder {
	width:345px;
	position:absolute;
	top:0px;
	/*font-size:12px;*/
	font-size:80%;
	overflow:hidden;
	float:left;
	margin:0px 0px 10px 0px;
/*	background-color:#66FF99;*/
}

	div#inhalt div.bildunterschrift {
		font-size:70%;
		margin-top:5px;
	}

div#rahmen_allgemein {
	width:590px; height:400px;
    position:absolute; top:55px; left:0px; 
	overflow:hidden; 
	clip:rect(0,510,400,0);  
}


div#rahmen_referenz {
    width:570px; height:390px;
    position:absolute; top:43px; left:0px; 
	overflow:hidden; 
	clip:rect(0,500,390,0);
	/*background-color:#FF0066; */ 
}
div#rahmen_geschichte {
    width:350px; height:280px;
    position:absolute; top:70px; left:125px; 
	overflow:hidden; 
	clip:rect(0,330,280,0);  
	/*background-color:#0099FF;*/
}

div#rahmen_kontakttext {
    width:580px; height:400px;
   	position:absolute; top:55px; left:0px; 
	overflow:hidden; 
	clip:rect(0,500,400,0);  
/*	background-color:#0099FF;*/
}


div.galeriebild {
clear:left;
font-size:80%;
margin-bottom:5px;
}

div.bild_links {
	float:left;
	padding:0px 5px 3px 0px;
}

div.text ul.referenzliste {
	color:#323791;
	font-size:75%;
	/*padding-top:10px;*/
	/*background-color:#33FFCC;*/
}

	div.text ul.referenzliste a {
		color:#323791;
	}


#bilder_referenz {
	clear:left;
	position:absolute; left:0px; top:24px;
	/*position:absolute; top:10px; left:407px;*/
	/*backround-color:#009;*/
	border:#6F72B1 1px solid;
}
#bilder_referenz img {
	width:160px;
/*	height:170px;*/
}

#text_referenz {
	position:absolute; top:10px; left:170px;
	/*position:absolute; left:0px; top:10px;*/
	width:520px;
	/*height:280px;*/
    font-size:71%;
/*	background-color:#0000FF;*/
}

th{
 vertical-align:top;
 padding:8px 10px 8px 5px;
}
td{
padding:8px 10px 8px 5px;
}
table.tabelle_referenz {
    border-collapse:collapse;
}
table.tabelle_referenz td, table.tabelle_referenz th {
    /*border:#000 1px solid;*/
    padding:8px 10px 8px 5px;
	vertical-align:top;
	/*background-color:#3399CC;*/
}


.bild_startseite {
	position:absolute; top:200px; left:150px;
}

	.bild_startseite .text_startseite {
		font-size:75%;
		color:#323791;
		text-align:center;
	}

#zeitstrahl {
	position:absolute;
	left:490px; top:70px;
	width:150px; height:300px;
	font-size:95%;
	/*background-color:#0066CC;*/
	
}

#zeitstrahl a {
	color:#323791;
	font-size:95%;
}


.geschichtspunkt {
	position:absolute;
}


#text_geschichte {
	position:absolute; left:0px; top:0px;
	width:350px; height:280px;
	font-size:75%;
	color:#323791;
	/*background-color:#6666FF;*/
}

#bilder_geschichte {
	position:absolute; left:0px; top:70px;
	/*width:110px; */
	height:150px;
	/*background-color:#FF0066;*/
}

#bilder_geschichte img {
	width:110px;
}

table#formulartabelle {
	text-align:left;
}


div#kontakttext {
	position:absolute; top:0px;
    width:510px;
	font-size:75%;
/*	background-color:#660099;*/
}

	div#kontakttext table#formulartabelle td {
		background-color:#DEDEDE;
		color:#323791;
	}
	div#kontakttext #submit {
		border:1px #7073B2 solid;
		color:#0B0B3B;
		margin-left:240px;
	}
	
div#anfahrt {
	font-size:75%;
}