@charset "UTF-8";
/*------------STYLESHEET--------------------------*/

body {
	margin: 0px 0px 0px 0px;
	cursor: crosshair;
	font-family: Arial, Helvetica, sans-serif;
}

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

.bgc_index {
	background-color: #000000;
}
.bgc_buch {
	background-color: #FFFFFF;
}
.bgc_cartoon {
	background-color: #972D28;
}
.bgc_charaktere {
	background-color: #D2D1F0;
}
.bgc_personen {
	background-color: #365357;
}
.bgc_skizzen {
	background-color: #FFE6AF;
}
.bgc_kontakt {
	background-color: #FFFFFF;
}

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

#bg_image {
	border-width:1px;
	border-style:solid;
	width:800px;
	height:500px;
	text-align:left;
	position: absolute;
	left:192px;
	top:50px;
	z-index: 10;
	background-repeat: no-repeat;
	background-attachment: scroll;
	
}

.img_index {
	background-image: url(../_grafik/bg_index.jpg);
	height: 100%;
	width: 100%;
	background-position: right bottom;
	border-color:#FFFFFF;
}
.img_buch {
	background-image: url(../_grafik/bg_buch.jpg);
	background-color: #CCFF66;
	height: 598px;
	width: 800px;
	bottom: 0px;
	right: 0px;
	background-position: right bottom;
	border-color:#000000;
}
.img_cartoon {
	background-image: url(../_grafik/bg_cartoon.jpg);
	height: 75%;
	width: 797px;
	bottom: 0px;
	right: 0px;
	background-position: right bottom;
	border-color:#FFFFFF;
}
.img_charaktere {
	background-image: url(../_grafik/bg_charaktere.jpg);
	background-color: #9999CC;
	height: 75%;
	width: 855px;
	bottom: 0px;
	right: 0px;
	background-position: right bottom;
	border-color:#000000;
}
.img_personen {
	background-image: url(../_grafik/bg_personen.jpg);
	background-color: #759195;
	height: 90%;
	width: 840px;
	bottom: 0px;
	right: 0px;
	background-position: left bottom;
	border-color:#FFFFFF;
}
.img_skizzen {
	background-image: url(../_grafik/bg_skizze.jpg);
	background-color: #FFD77D;
	height: 75%;
	width: 819px;
	bottom: 0px;
	right: 0px;
	background-position: right bottom;
}
.img_kontakt {
	background-image: url(../_grafik/bg_kontakt.gif);
	background-color: #8BBAC5;
	height: 80%;
	width: 800px;
	bottom: 0px;
	right: 0px;
	background-position: left top;
}
.img_kontakt2 {
	background-image: url(../_grafik/kontakt_derek.jpg);
	background-color: #000000;
	height: 90%;
	width: 350px;
	bottom: 0px;
	right: 470px;
	background-position: 141px 50%;
}
.img_impressum {
	background-color: #000000;
	height: 90%;
	width: 350px;
	bottom: 0px;
	right: 470px;
}

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

p {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

#navigation {
	position: absolute;
	z-index: 100;
	width: 100%;
	}
		
		/*------------------------------------------------*/
		
		
		.navi_index {
			margin-top:114px;
			margin-left:12px;
			padding-right: 19px;
			font-size: 20px;
			color:#FF9933;
			text-align:right;
			word-spacing:-4px;
			}
		.navi_index a {
			color:#FF9933;
			text-decoration:none
			}
		.navi_index a:hover {
			color:#FFFFFF;
			text-decoration:none
			}
			
			.subnavi_index {
			position:absolute;
			top:35px;
			left:192px;
			font-size: 12px;
			font-weight:bold;
			line-height: 90%;
			}
			.subnavi_index a{
			text-decoration:none;
			}
			.subnavi_index a:hover {
			text-decoration:none
			}
			
		/*------------------------------------------------*/
		
		
		.navi_buch {
			position:absolute;
			text-align:right;
			top:380px;
			right: 237px;
			font-size: 18px;
			color:#000000;
			word-spacing:-3px;
			}
		.navi_buch a {
			color:#000000;
			text-decoration:none
			}
		.navi_buch a:hover {
			color:#FFFFFF;
			text-decoration:none
			}
		
		/*------------------------------------------------*/

		.navi_charaktere_space {
			padding-top: 147px;
			}
		.navi_charaktere_width {
			width: 800px;
			}
		.navi_charaktere {
			padding-left: 31px;
			padding-bottom:5px;
			font-size: 21px;
			line-height:90%;
			color:#9999CC;
			word-spacing:-5px;
			}
		.navi_charaktere a {
			color:#9999CC;
			text-decoration:none
			}
		.navi_charaktere a:hover {
			color:#FFFFFF;
			text-decoration:none
			}
			
		/*------------------------------------------------*/	
			
		.navi_cartoon_space {
			top:104px;
			}
		.navi_cartoon_width {
			width: 800px;
			}
		.navi_cartoon {
			text-align:right;
			padding-right:21px;
			font-size: 24px;
			color:#EC8583;
			word-spacing:-5px;
			}
		.navi_cartoon a {
			color:#EC8583;
			text-decoration:none
			}
		.navi_cartoon a:hover {
			color:#FFFFFF;
			text-decoration:none
			}
		
		/*------------------------------------------------*/
		
		.navi_personen_space {
			top: 115px;
			}
		.navi_personen {
			padding-right: 10px;
			padding-top: 10px;
			margin-bottom:5px;
			height:60px;
			font-size: 18px;
			color:#759195;
			line-height: 90%;
			text-align:right;
			word-spacing:-3px;
			}
		.navi_personen a {
			color:#759195;
			text-decoration:none
			}
		.navi_personen a:hover {
			color:#FFFFFF;
			text-decoration:none
			}
		
		/*------------------------------------------------*/
		
		.navi_skizzen_space {
			top: 150px;
			}
		.navi_skizzen_width {
			width: 800px;
			}
		.navi_skizzen {
			padding-right: 25px;
			padding-bottom:5px;
			text-align:right;
			font-size: 27px;
			line-height:90%;
			color:#000000;
			word-spacing:-4px;
			}
		.navi_skizzen a {
			color:#000000;
			text-decoration:none
			}
		.navi_skizzen a:hover {
			color:#FFCC33;
			text-decoration:none
			}
		.entwurf {
			padding-left: 104px;
			padding-top: 30px;
			font-size: 80px;
			color:#FFCC33;
			line-height: 90%;
			background-color: #FFFFFF;
			}
		.skizzen {
			padding-right: 20px;
			text-align:right;
			font-size: 80px;
			color:#000000;
			line-height: 110%;
			}	
		
		/*------------------------------------------------*/
		
		.navi_kontakt_space {
			bottom: 15%;
			}
		.navi_kontakt_width {
			width: 800px;
			}
		.navi_kontakt {
			padding-left: 13px;
			font-size: 25px;
			color:#FFFFFF;
			}
		.navi_kontakt a{
			color:#FFFFFF;
			text-decoration:none
			}
		.navi_kontakt a:hover {
			color:#D1E4E9;
			text-decoration:none
			}
		.kontakt {
			padding-right: 97px;
			font-size: 90px;
			color:#000000;
			line-height: 80%;
			}
				
		/*------------------------------------------------*/
		
		.kontakt2 {
		margin-top:-100px;
			padding-left: 10px;
			font-size: 70px;
			color:#FFCC66;
			line-height: 80%;
			}
		.navi_kontakt2 {
			padding-left: 16px;
			font-size: 22px;
			color:#FF9900;
			}
		.navi_kontakt2 a{
			color:#FF9900;
			text-decoration:none
			}
		.navi_kontakt2 a:hover{
			color:#FFFFFF;
			text-decoration:none
			}
		
				
		/*------------------------------------------------*/
		
#zurueck {
	font-size: 16px;
	position: absolute;
	z-index: 200;
	top: 8px;
	left: 8px;
	color:#000000;
	}
#zurueck img{
	margin-bottom:-5px;
	border-width:0px;
	}
#zurueck select{
	font-size: 12px;
	border-width:0px;
	height:15px;
	background-color:#000000;
	color:#FFFFFF;
	}

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

#kontakt_text {
	position: relative;
	left:350px;
	width: 450px;
	height:500px;
	background-color: #FF9900;
	z-index: 90;
	text-align:left;
	}
#kontakt_vita {
	position:absolute;
	margin-top:93px;
	margin-left:15px;
	height:308px;
	width:280px;
	font-size: 12px;
	line-height:160%;
	color: #000000;
	overflow:auto;
	}
#kontakt_vita a{
	color: #000000;
	}
	
	kontakt_text a:link {
			color:#FFFFFF;
			text-decoration:none
			}
		kontakt_text a:visited {
			color:#FFFFFF;
			text-decoration:none
			}
		kontakt_text a:hover {
			color:#FFFFFF;
			text-decoration:underline
			}
		kontakt_text a:active {
			color:#FFFFFF;
			text-decoration:none
			}
	
#bilder {
	position:absolute;
	z-index:100;
	}
#bilder img {
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
	border-width:0px;
	}
	
a {outline:none;}

.bilder_buch {
	left:41px;
	top:20px;
	width:528px;
	height:282px;
	overflow:auto;
	text-align:right;
	}
.bilder {
	left:33px;
	top:277px;
	width:754px;
	height:188px;
	overflow:auto;
	text-align:right;
	}
.bilder_personen {
	top:290px;
	width:762px;
	}