@charset "utf-8";
body {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background: black;
}

div#main_bg{

}
img#img_bg{
	width: 100%;
	height:100%;
	overflow:hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index:-99;
	border:none;
}

div#container{
margin:auto;
margin-left:5em;
margin-top:5em;
}

div#content{
height:90%;
width:90%;
}

div#header{

}

div#menu_left{
text-align:left;
}
div#menu_left ul{
list-style: none;
}
div#menu_left ul li{
margin-top:0.1em;
}
div#menu_left ul li a{
font-size:0.9em;
background:white;
color:black;
text-decoration:none;
}
div#menu_left li a:hover {color:green; text-decoration:none; }
div#menu_left li a:active {color:green; text-decoration:none; }


a#inttext:link { color: white; text-decoration: none; }
 a#inttext:link:active { color: white; text-decoration: none; }
 a#inttext:visited { color: white; text-decoration: none; }
 a#inttext:visited:active { color: white; text-decoration: none; }
 a#inttext:hover { color: white; text-decoration: none; }

div#menu_bot{
text-align:center;
}
div#menu_bot ul{
list-style: none;
background:white;
padding:0;
margin:0;
margin-top:1em;
}
div#menu_bot ul li{
background:white;
float:left;
padding-left:0.85em;
padding-right:0.85em;
}
div#menu_bot ul li a{

font-size:0.9em;
color:black;
text-decoration:none;
}
div#menu_bot li a:hover {color:green; text-decoration:none; }
div#menu_bot li a:active {color:green; text-decoration:none; }


div#main_content{
}

div#main_frame{
margin-top:5em;
height:25em;
}

div#sec_content{

}

div#home{
margin-top:5em;
}

div#short_desc{
padding-left:3em;
font-size:0.8em;
position:absolute;
margin-top:-17em;
}

div.short_desc{
background:white;
padding:0.2em;
width:15em;
}

div#proj_info{
color:black;
text-decoration:none;
background-color:white;
margin-top:1em;
padding:0.2em;
width:15em;
}

div#proj_info a{
color:black;
text-decoration:none;
}

div#proj_info a:hover {color:green; text-decoration:none; }
div#proj_info a:active {color:green; text-decoration:none; }


div#proj_back{
background-color:white;
color:black;
font-size:0.8em;
margin-left:0.4em;
margin-top:-1.4em;
padding:0.1em;
text-decoration:none;
width:10em;
}

div#proj_back a{
color:black;
text-decoration:none;
}

div#proj_back a:hover {color:green; text-decoration:none; }
div#proj_back a:active {color:green; text-decoration:none; }

div#projects{

width:49em;
}
td#col_projects{
height:6em;
padding:0.2em;
width:9.6em;
}

td#col_projects img{
border:3px solid white;
height:100%;
width:100%;
}

div.my_fields{
background-color:#ADFF2F;
font-size:small;
padding-top:1em;
padding-bottom:1em;
padding-left:0.7em;
padding-right:0.7em;
text-align:justify;
width:49em;

filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;

}
div#reference{
padding-top:5em;
padding-bottom:5em;
text-align:justify;
}
div#philosophie{
padding-top:5em;
padding-bottom:5em;
}

div.my_fields a{
font-size:medium;
color:black;
text-decoration:none;
}

div.c a:hover {color:black; text-decoration:none; }
div.my_fields a:active {color:black; text-decoration:none; }

a.contact{
font-size:1.2em;
color:white;
text-decoration:none;
}
a.contact:hover {color:green; text-decoration:none; }
a.contact:active {color:green; text-decoration:none; }

.fields{
display: none;
}

div#recommend{
height:27em;
}

div#contact{
font-size:0.8em;
color:white;
text-align:left;
position:absolute;
}
div#rec_left{
background-color:white;
color:black;
padding:0.2em;
text-align:right;
width:15em;
}

#title{
font-size:medium;
}

div#impressum{
color:white;
text-align:left;
font-size:0.8em;
}

p#p_impressum{
width:35em;
text-align:justify;
padding-top:2em;
font-size:0.8em;
}

div#agb{
color:white;
height:35em;
overflow:auto;
text-align:left;
width:40em;
}

div#main_agb{
font-size:0.8em;
}

div#agb p{
padding-top:0.1em;
}

div#main_content_presse{
height:27em;
}

div#presse{
color:white;
font-size:0.8em;
text-align:left;
}

div#presse_top{
width:45em;
}

div#presse_left{
padding-top:5em;
width:20em;
}

#presse_tab td{
padding-left:1em;
padding-right:1em;
padding-top:0.2em;
padding-bottom:0.2em;
border-style:outset;
border-width:1px;
border-color:white;
}

table#presse_em{
font-size:0.7em;
}

div#presse_right{
background:black;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
mar
}

div#row1{

}
div#row2{

}

div#footer{

}

#slideshow {
    position:relative;
    height:30em;
	width:41em;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    display: block;
    border: 0;
	width:100%
}

div#cols_projects{
float:left;
height:6em;
padding:0.3em;
width:9.6em;
}

div#cols_projects img{
border:3px solid white;
height:100%;
width:100%;
}

div.long_desc{
font-size:0.8em;
margin-left:1em;
margin-right:1em;
padding-top:3em;
padding-bottom:3em;
}

div#long_container{
background:white none repeat scroll 0 0;
display:none;
height:15em;
margin-top:6.9em;
margin-left: 0.3em;
margin-right: 0.3em;
position:absolute;
width:40.6em;
overflow:auto;
}

div#img_container{
background:black none repeat scroll 0 0;
display:none;
height:21em;
position:absolute;
width:40.6em;
margin:0.1em;
}
div#img_container img{
width:100%;
border:3px solid white;
}

a#nolink{
color:black;
text-decoration:none;
}

a#nolink:visited {color:black; text-decoration:none; }
a#nolink:hover {color:black; text-decoration:none; }
a#nolink:active {color:black; text-decoration:none; }