/** STYLES FÜR WEBSITE **/

/** Fix für IE -**/
img {
	border: none; 
}

/** Fix für volles Bild **/
body {
	width:100%;
	margin:0 auto;
	font-family: myriad-pro, Verdana;
	font-size:15px;
}

/** HEAD **/
#head {
	width: 100%;
	height: 85px;
	position:fixed;
	background-image:url(data/head/white.png);
	border-bottom-width: 1px;
	border-bottom-color: #aaaaaa;
	border-bottom-style: solid;
}

#head:hover {
	background-image:url(data/head/white2.png);
}

a.hButton {
	background-image: url(data/head/navi/downloads_passiv.png);
	background-repeat:no-repeat;
	height:22px;
	width:74px;
	float: right;
	opacity: 0.7;
	margin-top: 35px;
	margin-right: 10px;
	margin-left: 20px;
}

a.hButton:hover {
	background-image: url(data/head/navi/downloads_aktiv.png);
	border-bottom-color: #17a1e5;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

#head_banner {
	max-width:1200px;
	min-width:800px;
	height:85px;
	margin-left:auto;
	margin-right:auto;
}

#head_logo {
	width: 162px;
	height: 27px;
	float:left;
	margin-top: 28px;
	margin-left: 10px;
	opacity:0.65;
}

#head_navi {
	float: right;
	opacity: 0.7;
	margin-top: 35px;
	margin-right: 10px;
	margin-left: 20px;
}

#head_splitter {
	float: right;
	height: 20px;
	margin-top: 33px;
	margin-left: 10px;
	border-left-width: 1px;
	border-left-color: #aaaaaa;
	border-left-style: solid;
}

#head_blocker {
	max-width:1180px;
	min-width:780px;
	height:86px;
	margin-left:auto;
	margin-right:auto;
}

/** BODY **/
#body {
	max-width: 1180px;
	min-width: 780px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

/** BOTTOM **/
#bottom {
	max-width:1180px;
	min-width:780px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding:10px;
	opacity: 0.6;

}

/** Projekte **/
.project_banner {
	background-repeat:no-repeat;
	background-position:center;
	max-width: 1200px;
	min-width: 800px;
	height: 110px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}

.webdesign {
	background-image:url(data/projects/banner/webdesign.png);
	border-bottom-color: red;
}

.video {
	background-image:url(data/projects/banner/video.png);
	border-bottom-color: yellow;
}

.bild {
	background-image:url(data/projects/banner/bild.png);
	border-bottom-color: blue;
}

.programming {
	background-image:url(data/projects/banner/programming.png);
	border-bottom-color: green;
}

.project_background {
	max-width: 1200px;
	min-width: 800px;
	overflow: auto;
}

.boxWebdesign {
	background-color: #ffe8e8;
}

.boxVideo {
	background-color: #fffee8;
}

.boxBild {
	background-color: #e8eeff;
}

.boxProgramming {
	background-color: #eaffe8;
}

a.project_banner {
	font-size: 150%;
	color: white;
	text-decoration: none;
	font-family: "Times New Roman",Georgia,Serif;
	text-shadow: black 5px 5px 7px;
}

#project_box_project {
	width:220px;
	height:140px;
	float:left;
	margin-bottom:11px;
	margin-left:11px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: gray;
}