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

body {
	font-family: Arial, Helvetica, sans-serif;
	margin-left:40px;
	font-size:11px;
	color: #626364;
	margin-top:40px;

}

a {
	display:block;
	width:182px;
	color: #636363;
	padding-bottom: 3px;
	border-bottom: 1px solid #cccccc;
	text-decoration:none;
}

.li_none {
	border-top: 1px solid #cccccc;
	padding-top:2px;
	padding-bottom: 3px;
	border-bottom: 1px solid #cccccc;
	}

.nonetop{
	border-top:none;
	padding-bottom: 3px;
	border-bottom: 1px solid #cccccc;
	}
	

.none {
	border-top: 1px solid #cccccc;
	padding-top:2px;
	}
a.none:hover {
	padding-bottom: 3px;
	border-bottom: 1px solid #cccccc;
	text-decoration:none;
	}

a.noline {
	display:inline;
	border-bottom:none;
}
	
a.noline:hover {
	display:inline;
	border-bottom:none;
}

a.orangetext {
	display:inline;
	border-bottom:none;
}
a.orangetext:hover {
	display:inline;
	border-bottom:none;
	color:#fad1a2;
}
a.purpletext {
	display:inline;
	border-bottom:none;
}
a.purpletext:hover {
	display:inline;
	border-bottom:none;
	color:#afa1f9;
	}
	a.redtext {
	display:inline;
	border-bottom:none;
}
a.redtext:hover {
	display:inline;
	border-bottom:none;
	color:#faa2a8;
	}

a:hover {
	padding-bottom: 2px;
	border-bottom: 2px solid #45a7ff;
}


a.purple:hover {
	padding-bottom: 2px;
	border-bottom: 2px solid #afa1f9;
}

a.green:hover {
	padding-bottom: 2px;
	border-bottom: 2px solid #82ff45;
}
a.red:hover {
	padding-bottom: 2px;
	border-bottom: 2px solid #faa2a8;
}

a.orange:hover {
	padding-bottom: 2px;
	border-bottom: 2px solid #fad1a2;
}

a.email:hover {
	padding-bottom: 2px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 3px;
	color:#82ff45;
}


ul {
	
	border-top: 1px solid #cccccc;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-right:15px;
	float:left;
}

li {
	padding: 0px;
	margin: 0px;
	line-height: 15px;
	border: 1px solid white; /* IE braucht das ? */
	

}


#menu1 {
	left:40px;
	width:182px;
}

#menu2 {
	left:40px;
	width:173px;
	float:left;
}

#menu3 {
	left:40px;

border-top:none;
	margin-top:0px;
	position:absolute;
	top:126px;
	width:182px;
	float:none;
}

#menu4_dreamweaver {
	left:40px;

	border-top:none;
	margin-top:0px;
	position:absolute;
	top:229px;
	width:182px;
	float:none;
}

#projects_indesign {
		left:40px;

	border-top:none;
	margin-top:0px;
	position:absolute;
	top:330px;
	width:182px;
	float:none;
}

#projects_photoshop {
		left:40px;

	border-top:none;
	margin-top:0px;
	position:absolute;
	top:345px;
	width:182px;
	float:none;
}

#projects_dreamweaver {
	border-top:none;
		left:40px;
	margin-top:0px;
	position:absolute;
	top:541px;
	width:182px;
	float:none;
}

.emailarea{
	position:absolute;
		left:40px;

	float:none;
	left:40px;
	top:128px;
	width:365px;
	
	}



.imagearea{
	position:absolute;
	float:none;
	left:237px;
	top:144px;
	}

#captionnav{
	position:absolute;
	width:1000px;
	left:237px;
	top:125px;
	}


#blue1 {
	padding-bottom: 2px;
	border-bottom: 2px solid #45a7ff;
}

#blue2 {
	padding-bottom: 2px;
	border-bottom: 2px solid #a1cff9;
}

#blue3 {
	padding-bottom: 2px;
	border-bottom: 2px solid #cfe8fe;
}

#green1 {
	padding-bottom: 2px;
	border-bottom: 2px solid #82ff45;
}

#green2 {
	padding-bottom: 2px;
	border-bottom: 2px solid #a7f9a1;
}

#green3 {
	padding-bottom: 2px;
	border-bottom: 2px solid #dafecf;
}

#purple1 {
	padding-bottom: 2px;
	border-bottom: 2px solid #6845ff;
}

#purple2 {
	padding-bottom: 2px;
	border-bottom: 2px solid #afa1f9;
}

#purple3 {
	padding-bottom: 2px;
	border-bottom: 2px solid #d5ccfc;
}

#red1 {
	padding-bottom: 2px;
	border-bottom: 2px solid #ff4545;
}

#red2 {
	padding-bottom: 2px;
	border-bottom: 2px solid #faa2a8;
}

#red3 {
	padding-bottom: 2px;
	border-bottom: 2px solid #fcccd0;
}

#orange1 {
	padding-bottom: 2px;
	border-bottom: 2px solid #ffa845;
}

#orange2 {
	padding-bottom: 2px;
	border-bottom: 2px solid #fad1a2;
}

#orange3 {
	padding-bottom: 2px;
	border-bottom: 2px solid #fce6cc;
}


.selected_red{
	color:#faa2a8;

	}


.selected_purple{
	color:#afa1f9;

	}


.selected_orange {
	color:#fad1a2;

	}