@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	color: #D3D3D3;
}

body {
	background-color:#666666;
	background-image: url(../images/ckbackground.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small; /* für IE5/Win */
	font-size: small; /* für konforme Browser*/
	color: #FFFFFF;
	}

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

h3 {
	font-size: 120%;
	}
	
ul li {
	font-size: 90%;
	}
	
.note {
	font-size: 85%;
	}

#container {
	font-size: 95%;
	}
	
/***** Links *****/
 
a, a:visited {
	text-decoration:none;
	}


#ckpage {
	position: absolute;
	width: 980px;
	height: 650px;
	top: 0px;
	left: 50%;
	margin-top: auto; 
	margin-left: -490px;
	z-index: 1;
	}

/* NAVIGATION */

#nav {
	position: absolute;
	left: 500px;
	top: 50px;
	width: 400px;
	height: 110px;
	float:left;
	z-index: 13;
}

.ul_border {
	padding-left:30px;
	border-left:1px solid #9d9993;
}

#nav ul {
	height:132px;
	margin-top:14px;
	margin-right:26px;
	float:left;
	width: 150px;
}

#nav li {
	margin-bottom:6px;
	list-style:none;
}

#nav a {
	font-family:Helvetica;
	font-size:1.1em;
	color:#9d9993;
}

#nav a:hover,
#nav a.navon {
	color:#ffffff;
}


/* HEADER */

#header {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 440px;
	height: 180px;
	z-index: 12;
	}

#header2 {
	position: absolute;
	left: 440px;
	top: 0px;
	width: 540px;
	height: 180px;
	z-index: 11;
	}	
	
/* CONTENT */

#text {
	position: absolute;
	left: 50px;
	top: 204px;
	width: 360px;
	height: 311px;
	z-index: 10;
	/* Here are some suggestions for text area settings */
  text-align: center;
	padding-left: 0px;
	padding-right: 10px;
	overflow: auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	}

#content {
	position: absolute;
	left: 0px;
	top: 180px;
	width: 440px;
	height: 395px;
	z-index:9;
	} 

#grafikdesign {
	position: absolute;
	left: 457px;
	top: 310px;
	width: 150px;
	height: 129px;
	z-index: 8;
	} 
	
#webdesign {
	position: absolute;
	left: 624px;
	top: 310px;
	width: 150px;
	height: 129px;
	z-index: 7;
	} 

#photographie {
	position: absolute;
	left: 790px;
	top: 310px;
	width: 150px;
	height: 129px;
	z-index: 6;
	} 

/* CONTENT grafikdesign-gallerys */

#printdesign {
	position: absolute;
	left: 457px;
	top: 310px;
	width: 150px;
	height: 129px;
	z-index: 8;
	} 
	

#logodesign {
	position: absolute;
	left: 624px;
	top: 310px;
	width: 150px;
	height: 129px;
	z-index: 7;
	} 

#bildmanipulation {
	position: absolute;
	left: 790px;
	top: 310px;
	width: 150px;
	height: 129px;
	z-index: 6;
	} 

/* CONTENT */

#imagecontainer {
	position: absolute;
	left: 468px;
	top: 250px;
	width: 460px;
	height: 252px;
	z-index: 5;
	float: left;
	overflow: auto;
	} 

#contentright {
	position: absolute;
	left: 440px;
	top: 180px;
	width: 540px;
	height: 395px;
	z-index: 4;
	} 

/* FOOTER */

#copyright {
	position: absolute;
	left: 0px;
	top: 635px;
	width: 980px;
	height: 12px;
	z-index: 3;
	/* Here are some suggestions for text area settings */
  text-align: right;
	overflow: auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #FFFFFF;
}

#footer {
	position: absolute;
	left: 0px;
	top: 575px;
	width: 980px;
	height: 75px;
	z-index: 2;
	}