html {
}

body {
/*background: url(../images/bg_gradient.png) repeat-x;*/
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}


a.links:link {color: #FF6600; text-decoration: none;}
a.links:visited {color: green; text-decoration: none;}
a.links:hover {color:  green; text-decoration: none;}
a.links:active {color: #3B240B; text-decoration: none;}

#earth{
/*background: url(../images/earth.gif) no-repeat;*/
position: absolute;
bottom: 0;
right: 40px;
width: 549px;
height: 550px;
}

#logo{
position: absolute;
top: 8%;
right: 60px;
width: 500px;
height: 100px;
margin: 0;
z-index: 3;
color: #3B240B;
text-align: right;
}

#subtitel{
position: absolute;
float:right; 
top: 20%; 
right: 60px; 
z-index: 3; 
color: #3B240B; 
text-align: right;
}

#footer{
position: absolute;
top: 80%;
right: 60px;
width: 300px;
height: 100px;
margin-right: 10px;
z-index: 3;
color: #2A1B0A;
font-size: 13px;
}

#intro{
position: absolute;
top: 8%;
left: 40px;
background: url(../images/cubes.gif) no-repeat;
padding: 8px 0 0 61px;
width: 250px;
font-size: 14px;
}

#intro p{
margin: 0 0 13px 0;
color: #2A1B0A;
font-size: 1em;
line-height: 150%;
}

#portfolio{
position: absolute;
top: 30%;
left: 0;
width: 100%;
height: 294px;
background: url(../images/bg_checkered.gif);
}

#portfolio2{
position: absolute;
top: 0;
left: 64%;
width: 100%;
height: 294px;
}

#portfolio ul {
position: relative;
z-index: 4;
list-style: none inside;
width: 482px;
margin: 0;
}

#portfolio2 ul {
position: relative;
z-index: 4;
list-style: none inside;
width: 292px;
margin: 0;
}

#portfolio ul li {
width: 138px;
height: 138px;
float: left;
margin: 0 18px 18px 0;
background: url(../images/bg_checkered_dark.gif);
}

#portfolio2 ul li {
width: 138px;
height: 138px;
float: right;
margin: 0 18px 18px 0;
background: url(../images/bg_checkered_dark.gif);
}

#portfolio ul li a {
float: left;
width: 102px;
height: 102px;
margin: 18px 0 0 18px;
}

#portfolio2 ul li a {
float: left;
width: 102px;
height: 102px;
margin: 18px 0 0 18px;
}

#portfolio ul li a img {
border: 1px solid #ffffff;
}

#portfolio2 ul li a img {
border: 1px solid #ffffff;
}

#frame{
position: absolute;
top: 30%;
left: 0;
width: 100%;
height: 294px;
background: url(../images/bg_checkered.gif);
}

#themes{
position: absolute;
left: 20%;
right: 20%;
width: 600px;
height: 294px;
background-color: white;
z-index: 4;
}

#cleft{
float:left;
text-align: left;
font-size: 12px;
padding: 20px;
width:110px;
}

#cright{
float:left;
text-align: left;
margin-left:20px;
font-size: 14px;
height: 294px;
border-left: 1px dotted gray;
//background-color: #99cc33; //
}

#cright ul li{
margin-bottom: 15px;
margin-right: 10px;
}

#pageturnl{
width: 138px;
height: 138px;
float: left;
margin: 20px 18px 18px 20px;
background: url(../images/bg_checkered_dark.gif);
}

#pageturnl2{
width: 158px;
height: 176px;
float: left;
margin: 20px 18px 18px 20px;
background: url(../images/bg_checkered_dark.gif);
}

#pageturnl a{
float: left;
width: 102px;
height: 102px;
margin: 18px 0 0 18px;
}

#pageturnl2 a{
float: left;
width: 135px;
height: 151px;
margin: 12px 0 0 12px;
}

#pageturnl a img {
border: 1px solid #ffffff;
}

#pageturnl2 a img {
border: 1px solid white;
}

#pageturnr{
width: 138px;
height: 138px;
float: right;
margin: 20px 220px 18px 0px;
/*background: url(../images/bg_checkered_dark.gif);*/
}

#pageturnr a{
float: left;
width: 102px;
height: 102px;
margin: 18px 0 0 18px;
}

#pageturnr a img {
border: 1px solid #ffffff;
}

a.activ:link {color: #3B240B; text-decoration: none;}
a.activ:visited {color: #FF6600; text-decoration: none;}
a.activ:hover {color:  #FF6600; text-decoration: none;}
a.activ:active {color: #3B240B; text-decoration: none;}

a.impressum:link {color: #FF6600; text-decoration: none;}
a.impressum:visited {color: #FF6600; text-decoration: none;}
a.impressum:hover {color:  #4CC417; text-decoration: none;}
a.impressum:active {color: #3B240B; text-decoration: none;}

#discright{
position: absolute;
top: 30%;
height: 294px;
margin: 0px 0px 0px 510px;
background-color: white;
padding: 0px 0px 0px 20px;
z-index: 4;
}

#disclaimer{
font-size: 11.2px;
padding: 0px 20px 0px 0px;
}

#visionright{
position: absolute;
top: 30%;
height: 294px;
margin: 0px 0px 0px 510px;
background: url(../images/bg_vision.gif);
/* opacity: 0.95;
filter:alpha(opacity=40); */ /* For IE8 and earlier */
overflow: hidden;
padding: 0px 0px 0px 0px;
z-index: 4;
border-left: 10px solid white;
border-right: 10px solid white;
}

#vision{
font-size: 11.5px;
padding: 0px 20px 0px 20px;
float:left;
text-align:left;
margin-top: 20px;
width:460px;
}

#vquote{
font-size:32px;
font-family:Palatino;
font-style:italic;
font-weight: bold;
color:#fff;
}

#values{
font-size:22px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
color:#372004;
margin-top:10%;
margin-left:20px;
line-height:35px;
}

#referenzen{
font-size: 13.5px;
padding: 0px 20px 0px 0px;
}

#kunden{
font-size: 13.5px;
padding: 0px 20px 0px 0px;
color: #3B240B;
height:260px;
}

#partner{
font-size: 11px;
padding: 0px 20px 0px 0px;
}

a.partners:link {color: green; text-decoration: none; font-size: 12; font-weight: bold;}
a.partners:visited {color: grey; text-decoration: none;}
a.partners:hover {color:  #3B240B; text-decoration: none;}
a.partners:active {color: #3B240B; text-decoration: none;}

td.oben {vertical-align:top; }