/* CSS Document */

/*muß für den IE7 raus*/
html{height:100%;}

body {
	font-family: AGaramond, Garamond, Times, serif;
	font-size: 13px;
	color:#000;
	text-align:center; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	/*background-color:#dccc99;*/
	background-image:url(../images/hintergruende/h1.jpg);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	/**/
}

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

a{
	text-decoration:none;
	border:0px;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
}

.clear{
	clear:both;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------*/

#site{
	width:100%;
	height:100%;
	/*overflow:hidden;*/
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}

/*HEAD---------------------------------------------------------------------------------------------------------------------------------------------*/

#hauptnavigation{
	z-index:0;
	width:640px;
	height:154px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#logo{
	width:640px;
	height:154px;
	display:block;
}

#linie_oben{
	width:640px;
	height:3px;
	display:block;
}

#linie_unten{
	width:640px;
	height:3px;
	display:block;
}

		/*Navigation---------------------------------------------------------------------------------------------------------------------------------------------*/
		ul#navigation{
			display:block;
			height:28px;
			width:auto;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			list-style:none;
			text-indent:0px;
		}
		
		li.menue{
			display:block;
			height:28px;
			width:auto;
			float:left;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			list-style:none;
			text-indent:0px;
		}

		
		a#illustration{
			width:123;
			height:28;
			display:block;
			background-image:url(../images/navigation/r3_c1.png);
			background-repeat:no-repeat;
		}
		a#illustration:hover{
			width:123;
			height:28;
			display:block;
			background-image:url(../images/navigation/r3_c1_o.png);
			background-repeat:no-repeat;
		}
		
		a#animation{
			width:99;
			height:28;
			display:block;
			background-image:url(../images/navigation/r3_c3.png);
			background-repeat:no-repeat;
		}
		a#animation:hover{
			background-image:url(../images/navigation/r3_c3_o.png);
		}
		
		a#skizzenbuch{
			width:119;
			height:28;
			display:block;
			background-image:url(../images/navigation/r3_c5.png);
			background-repeat:no-repeat;
		}
		a#skizzenbuch:hover{
			background-image:url(../images/navigation/r3_c5_o.png);
		}
		
		a#kontakt{
			width:54;
			height:28;
			display:block;
			background-image:url(../images/navigation/r3_c7.png);
			background-repeat:no-repeat;
		}
		a#kontakt:hover{
			background-image:url(../images/navigation/r3_c7_o.png);
		}
		
		a#impressum{
			width:77;
			height:28;
			display:block;
			background-image:url(../images/navigation/r3_c9.png);
			background-repeat:no-repeat;
		}
		a#impressum:hover{
			background-image:url(../images/navigation/r3_c9_o.png);
		}

		/*Navigation Ende---------------------------------------------------------------------------------------------------------------------------------------------*/
	
.ul_submenue{
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	text-indent:0px;
}

li.submenue1{
	display:none;/**/
	width:80px;
	height:288px;
	list-style:none;
	margin-top:-5px;

}
	
.uebene1{
	text-align:left;
	position:relative;
	left:0px;
	width:365px;
	height:288px;
	display:block;
	overflow:hidden;
	background-image:url(../images/fenster_neu_1.png);
	background-repeat:no-repeat;
}
	
li.menue:hover ul li{
	position:absolute;
	display:block;
}

.subnavi_textlink{
	background-color:#ddd;
	color:#000;
	font-family:Gill, Garamond, "Times New Roman", Times, serif;
	font-size:12px;
}


/*HEAD---------------------------------------------------------------------------------------------------------------------------------------------*/

#content_abstand{
	width:640px;
	height:56px;
	margin-left:auto;
	margin-right:auto;
}

#content{
	width:640px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	float:inherit;
}

#textfeld{
	font-family: "Adobe Garamond Pro", "Adobe Jenson Pro", "Gill Sans", "Adobe Jenson Pro", Garamond, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:21px;
	
}



.textlink{
	background-color:#ddd;
	color:#000;
}
.textlink:hover{
	background-color:#fff;
	color:#000;
}