body {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 100,01%;
	line-height:140%;
	color: #555;
	background-color:none;
	overflow-x:hidden;
	}
	
h1 {
	font-size:1.8em;
	line-height:1em;
	color:#0099FF;
	letter-spacing:0.5px;
	font-weight:normal;
	}

h2 {
	font-size:1.2em;
	margin-left:-1px;
	color:#0099FF;
	margin-bottom:3px;
	margin-top:35px;
	font-weight:normal;
	}
	
h3 {
	color:#666;
	margin-bottom:5px;
	}
	
p {
	margin-bottom:10px;
	}

a 			{text-decoration:none; color:#0099FF;}
a:hover 	{text-decoration:none; color:#666;}
a:active 	{text-decoration:none; color:#0099FF;}


#page {
	position:relative;
	margin-top:100px;
	width:590px;
	background-color:none;
	}

#wrapper_menu	 {
	position:relative;
	width:150px;
	height:auto;
	background-color:none;
	float:left;

	}
	
	
#wrapper_page	 {
	position:relative;
	width:620px;
	height:auto;
	background-color:none;
	float:left;

	}
	
	
#wrapper_left	 {
	position:relative;
	width:200px;
	height:1200px;
	background-color:#f5f5f5;
	float:left;
	background-image:url(kommunikationsdesign_images_icubes/bg_leistungen.jpg);
	background-repeat:repeat-y;
	background-position:right;

	}

#content	 {
	position:relative;
	font-size:0.7em;
	line-height:1.4em;
	margin-left:250px;
	width:340px;
	background-color:none;
	}
	
	#content_portfolio	 {
	position:relative;
	font-size:0.7em;
	line-height:1.4em;
	margin-left:220px;
	width:370px;
	background-color:none;
	}
	
	
#content_icubes	 {
	position:relative;
	font-size:0.7em;
	line-height:1.4em;
	margin-left:90px;
	width:500px;
	background-color:none;
	}
	
#content_network	 {
	position:relative;
	font-size:0.7em;
	line-height:1.4em;
	margin-left:140px;
	width:450px;
	background-color:none;
	}
	
#content_contact	 {
	position:relative;
	font-size:0.7em;
	line-height:1.4em;
	margin-left:60px;
	padding-top:50px;
	width:530px;
	background-color:none;
	}
	
#content_imprint	 {
	position:relative;
	font-size:0.7em;
	line-height:1.4em;
	margin-left:60px;
	padding-top:50px;
	width:510px;
	}
	
	#haftungsausschluss {
font-size:0.85em;
line-height:1.45em;
color:#777;
width:480px;
text-align:justify;
}
	
#kontakt {
	position:absolute;
	top:50px;
	left:330px;
	width:200px;
	height:auto;
	background-color:none;
	}
	
/* ### ### ### ### ### ###      Menu      ### ### ### ### ### */
	
#menu_box {
	/*	Set the Startposition with CSS and not in the JS-function to ensure the right position of the div
	in non JS-capable Browsers. We HAVE TO use the attribs 'margin-left' and 'margin-top' instead of 'left'
	and 'top' because 'left' and 'top' collide with the SmoothPosRestore-function.*/
	position:absolute;
	width:150px;
	margin-top:140px;
	background-color:none;	
	border:1px solid #eee;
	background-image:url(kommunikationsdesign_images_icubes/transparent.png);
	background-repeat:repeat;
	-moz-box-shadow: 0px 0px 7px rgba(50, 50, 50, .4);
 	-webkit-box-shadow: 0px 0px 7px rgba(50, 50, 50, .4);
 	box-shadow: 0px 0px 7px rgba(50, 50, 50, .4);
	z-index:1;
	}
	
	
#leistungen {
	position:absolute;
	width:165px;
	margin-top:70px;
	margin-left:10px;	
	background-color:none;	
		font-size:0.65em;
	line-height:1.6em;
	text-align:right;

	z-index:1;
	}
	
#menu_logo {
	height:auto;
	background-color:none;
	}
	
#navlist {
	padding: 0;
	margin-left: 0;
	font: bold 11px Verdana, sans-serif;
	background: none;
	text-transform:uppercase;
	width: 150px;
	}

#navlist li {
	list-style: none;
	margin-top: 0;
	margin-left:10px;	
	margin-right:10px;
	border-bottom: 1px dotted #ddd;
	text-align: left;
	}

#navlist li a {
	display: block;
	padding: 7px;
	border-left: 10px solid none;
	background: none;
	text-decoration: none;
	}

#navlist li a:link { color: #666; }
#navlist li a:visited { color: #666; }

#navlist li a:hover {
	border-color: #eee;
	color: #0099FF;
	background: #eee;
	}

#navlist li a#active {
	font-weight: bold;
	color:#0099FF;
	}

#navlist #aktiv a {
 	color: #0099FF;
	}
	
/* ### ### ### ### ### ###      Menu      ### ### ### ### ### */	


.twitter {
	width:36px;
	height:140px;
	top:80px;
	left:150px;
	background-color:none;
	position:absolute;
}



#headline_index	 {
	/* oben rechts unten links */
	padding: 30px 0px 10px 0px;
	text-transform:uppercase;
	text-align:left;
}

#headline_icubes	 {
	/* oben rechts unten links */
	padding: 22px 40px 300px 0px;
	text-transform:uppercase;
	float:left;
	text-align:right;
}

#headline_network	 {
	/* oben rechts unten links */
	padding: 200px 20px 200px 0px;
	text-transform:uppercase;
	float:left;
	text-align:right;
}



	
.bg_index {
	background-image:url(kommunikationsdesign_images_icubes/grafikdesign_index.gif);
	background-repeat:no-repeat;
	}
	
.bg_icubes {
	background-image:url(kommunikationsdesign_images_icubes/grafikdesign_icubes.gif);
	background-repeat:no-repeat;
	}
	
.bg_network {
	background-image:url(kommunikationsdesign_images_icubes/grafikdesign_network.gif);
	background-repeat:no-repeat;
	}
	
.bg_contact {
	background-image:url(kommunikationsdesign_images_icubes/grafikdesign_contact.gif);
	background-repeat:no-repeat;
	}

.bg_imprint {
	background-image:url(kommunikationsdesign_images_icubes/grafikdesign_imprint.gif);
	background-repeat:no-repeat;
	}
	
.bg_portfolio {
	background-image:url(kommunikationsdesign_images_icubes/grafikdesign_wartung.gif);
	background-repeat:no-repeat;
	}
	
.slideshow { height: 150px; width: 150px; margin: auto }