
body {
	font-family:Verdana;
	font-size:1em;
	font-weight:lighter;
	word-spacing:1em;
	color:#666666;
}

h1 {
	
}

#con_menu {
	position:absolute;
	top: 180px; left:50px;
	width:300px;
	clear:both;
	}

#con_content {
	position:absolute;
	top: 320px; left:320px;
	width:300px;
	clear:both;
	font-family:Verdana;
	font-size:0.6em;
	font-weight:lighter;
	word-spacing:0.5em;
	}

#con_content a {
	text-decoration:none;
	color:#666666;
	}

#con_content a:hover {
	color:#333333;
	}
	
	
#con_bonus {
	position:absolute;
	top: 50px; left:640px;
	width:500px;
	clear:both;
	font-family:Verdana;
	font-size:0.6em;
	font-weight:lighter;
	word-spacing:0.5em;
	}

#con_bonus a {
	text-decoration:none;
	color:#666666;
	}

#con_bonus a:hover {
	color:#333333;
	}

	
#con_infos {
	position:absolute;
	top: 120px; left:50px;
	width:500px;
	clear:both;
	font-family:Verdana;
	font-size:0.6em;
	font-weight:lighter;
	word-spacing:0.5em;
	color:#0099FF;
	}	
	
#con_infos a {
	text-decoration:none;
	color:#0099FF;
	}
	
#con_infos a:hover {
	color:#0033CC;
	}

	
#con_bg {
	position:absolute;
	top: 0px; left:0px;
	width:800px;
	height:600px;
	/*background: url(../images/movope_bg.jpg);*/
	clear:both;
	}

#logo {
	width: 220px;
	height: 80px;
	background-color:#0099FF;
	/*background: url(../images/movope_logo.jpg) no­repeat;*/
}

#rot {
	float:left;
	width: 220px;
	height: 80px;
	background-color:#FF0066;
}


#gelb {
	width: 220px;
	height: 80px;
	background-color:#FFFF00;
}


#menu_con {
	width:140px;
	font-size:0.6em;
	margin-bottom:10px;
}

#menu_image {
	padding:5px;
	border-width:1px;
	border-color:#999999;
	border-style:solid;
	width:140px;
}

#menu_image_con {
	position:absolute;
	top: 500px; left:200px;
	width:500px;
	clear:both;
	}

/* Step 3 - get rid of the bullets and margin */
#menu ul {margin:0; padding:0; list-style-type:none;}

/* Step 4 - make the list horizontal */
#menu li {float:left;  margin-right:10px;}

#menu li.list1 {background:transparent url(../images/01_projektmenu/lasvegas_klein.jpg); }
#menu li.list2 {background:transparent url(../images/01_projektmenu/sounddrone_klein.jpg);}
#menu li.list3 {background:transparent url(../images/01_projektmenu/carlab_klein.jpg);}
#menu li.list4 {background:transparent url(../images/01_projektmenu/recursives_klein.jpg);}
#menu li.list5 {background:transparent url(../images/01_projektmenu/blobtrack_klein.jpg);}
#menu li.list6 {background:transparent url(../images/01_projektmenu/junkjet_klein.jpg);}
#menu li.list7 {background:transparent url(../images/01_projektmenu/platzhirschhome_klein.jpg);}
#menu li.list8 {background:transparent url(../images/01_projektmenu/loveparade_klein.jpg);}
#menu li.list9 {background:transparent url(../images/01_projektmenu/rocker33_klein.jpg);}
#menu li.list10 {background:transparent url(../images/01_projektmenu/flyer_klein.jpg);}
#menu li.list11 {background:transparent url(../images/01_projektmenu/monster_klein.jpg);}
#menu li.list12 {background:transparent url(../images/01_projektmenu/straight_klein.jpg);}



/* Step 6 - General link styling */
#menu a {display:block; width:70px; height:0; padding-top:70px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */
* html #menu a:link, * html #menu a:visited {height:128px; he\ight:0;}

/* Step 7 - Separating the images */
#menu li {float:left; margin-right:1px;}

/* Step 8 - Adding the hover images */
#menu a#item1 {background:transparent url(../images/01_projektmenu/lasvegas_gross.jpg) -70px -70px no-repeat;}
#menu a#item2 {background:transparent url(../images/01_projektmenu/sounddrone_gross.jpg) -70px -70px no-repeat;}
#menu a#item3 {background:transparent url(../images/01_projektmenu/carlab_gross.jpg) -70px -70px no-repeat;}
#menu a#item4 {background:transparent url(../images/01_projektmenu/recursives_gross.jpg) -70px -70px no-repeat;}
#menu a#item5 {background:transparent url(../images/01_projektmenu/blobtrack_gross.jpg) -70px -70px no-repeat;}
#menu a#item6 {background:transparent url(../images/01_projektmenu/junkjet_gross.jpg) -70px -70px no-repeat;}
#menu a#item7 {background:transparent url(../images/01_projektmenu/platzhirschhome_gross.jpg) -70px -70px no-repeat;}
#menu a#item8 {background:transparent url(../images/01_projektmenu/loveparade_gross.jpg) -70px -70px no-repeat;}
#menu a#item9 {background:transparent url(../images/01_projektmenu/rocker33_gross.jpg) -70px -70px no-repeat;}
#menu a#item10 {background:transparent url(../images/01_projektmenu/flyer_gross.jpg) -70px -70px no-repeat;}
#menu a#item11 {background:transparent url(../images/01_projektmenu/monster_gross.jpg) -70px -70px no-repeat;}
#menu a#item12 {background:transparent url(../images/01_projektmenu/straight_gross.jpg) -70px -70px no-repeat;}




/* Step 9 - Adding the :hover style */
#menu a#item1:hover {background-position:0 0; z-index:50;}
#menu a#item2:hover {background-position:0 0; z-index:50;}
#menu a#item3:hover {background-position:0 0; z-index:50;}
#menu a#item4:hover {background-position:0 0; z-index:50;}
#menu a#item5:hover {background-position:0 0; z-index:50;}
#menu a#item6:hover {background-position:0 0; z-index:50;}
#menu a#item7:hover {background-position:0 0; z-index:50;}
#menu a#item8:hover {background-position:0 0; z-index:50;}
#menu a#item9:hover {background-position:0 0; z-index:50;}
#menu a#item10:hover {background-position:0 0; z-index:50;}
#menu a#item11:hover {background-position:0 0; z-index:50;}
#menu a#item12:hover {background-position:0 0; z-index:50;}


* html #menu a:hover {height:128px; he\ight:0;}

#menu {display:block; width:240px;}

#menu a:hover .textfeld {
	background:#FFFFFF;
	text-decoration:none;
	color:#0066FF;
	position:absolute;
	top:45px;
	left:165px;
	font-size:0.8em;
	}
	
#menu a:hover .jahr {
	background:#FFFFFF;
	text-decoration:none;
	color:#0066FF;
	position:absolute;
	top:45px;
	left:120px;
	font-size:0.8em;

	}

#menu b .textfeld {display:none}
#menu b .jahr {display:none}


#content_head {
	position:absolute;
	top: 340px; left:300px;
	clear:both;
	color:#FF0066;
	background:#FFFFFF;
}


* html #menu a:hover {height:128px; he\ight:0;}

.clearing { clear:both; height:0; }




