body, html {
	margin:0;
	padding:0;
	background-image: url(../bilder/layout/bg.gif);   
	font-family: Verdana,Helvetica,Geneva,sans-serif;
	font-size: 10px;
}

#main {
    margin:10px auto;
}

textarea, input, select {
	background-color: white;
	color : #585858;
	border : 1px solid #999999;
	//min-width : 800px;
}

a {
    color: #0096E3;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: #0096E3;
    text-decoration: none;
}

a:visited {
    color: #0096E3;
}

#main {
	width:800px;
	border:1px solid #0096E3;
	margin: 10px auto 0px auto;
	background-color:white;
}

#middleBox {
	position: relative;
	height:325px;
	background-color: White;
}

#raster {
	position:relative;
	width:100%;
	top:0px;
	height:150px;
	border-top:1px solid white;
	clear: both;
}

#media {
    float:left;
    border:1px solid #ffe;
    width:400px;
}

p {
	letter-spacing: 0px;
	font-size: 1.0em;
	
}

#content {
	font-family: Arial, Verdana,Helvetica,Geneva,sans-serif;
	float: right;
     padding:20px;
     width:260px;
	font-size:1.1em;
	color: #585858;
	line-height: 18px;
	letter-spacing: 1px;
	text-align: justify;
    margin:0px;
}

#content h2 {
    color:#0096e3;
    font: bold 16px arial,verdana,sans-serif;
}

#flash {
    margin:0px;
    padding:80px 0px 0px 0px;
    float:left;
    text-align:right;
    width:320px;
}

#projects {
    float:left;
}

.project {
    clear:both;
    margin:10px;
    border-bottom:1px solid #0096e3;
    height:120px;
    width:500px;
}

.project img {
    padding:0px;
    float:left;
    width:182px;
}

.project h3 {
    float:left;
    margin:0px;
    padding:0px;
    width:500px;
    color:#0096e3;
    font: bold 11pt arial,verdana,sans-serif;
}

.project p {
    float:left;
    width:300px;
    color: #585858;
    padding-right:10px;
    line-height: 12pt;
}

.page_select {
    text-align:center;
    width:33%;
    float:left;
}

#categories {
   float:right;
   width:250px;
   padding:10px;
}

#categories h2 {
    color:#0096e3;
    font: bold 12px arial,verdana,sans-serif;
    margin:0px;
    padding:0px;
}

#categories li {
    padding-bottom:5px;
    color:#0096e3;
}

#categories li a {
    color:black;
}

#categories li a:hover {
    color:black;
    text-decoration:underline;
}

#flashHeadline {
	position:relative;
	z-index:1;
	top:-120px;
	text-align:center;
	left:0px;
	width:450px;
	font-family:Verdana;
	font-size:20px;
	color: #0096E3;
	letter-spacing: 1px;
	font-weight:bold;
}

#movies {
    width:450px;
	font-family: Verdana,Helvetica,Geneva,sans-serif;
	font-size: 10px;
	color: #585858;
	line-height: 18px;
	letter-spacing: 2px;
}

.movie img {
    border:0px;
}

.movie {
    float:left;
    width:200px;
    padding:10px;
}

.text {
	font-size:10px;
	padding: 3px;
	color: #585858;
	line-height: 18px;
	letter-spacing: 2px;
	text-align: left;
}

#project_list {
	width:420px;
	padding:40px 10px 10px 10px;
	color: #585858;
	letter-spacing: 1px;
}

#project_list h2 {
	font:normal 11pt Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #585858;
	padding:15px 0px 5px 0px;
}

#project_list div.o_project {
	float:left;
	width:190px;
	margin:0px 5px;
	padding:5px;
	height: 310px;
}

#project_list div.o_project h3 {
	height:25px;
}

#project_list div.o_project h3 a {
	color:#0096e3;
	font:bold 9pt arial;
}

#project_list div.o_project img {
	border:2px solid #0096E3;
}

#project_list .project_list_link {
	font-size:10pt;
	font-weight:normal;
	color:#0096E3;
	clear:both;
}

#mainfooter {
	background-image: url(../bilder/layout/footer.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	height:30px;
	clear:both;
}

#video a {
    margin-left: 80px;
}