body{
background-color: #424242;
color: #E2E2E2;
font-family: 'Open Sans Condensed', 'TitilliumText25L';
margin: 0px;
padding: 0px;
font-family: Verdana;
}

#main{ /*div*/
margin: 20px auto;
width: 1000px;
text-align: center;
}

#logo{ /*div*/
background: url("pngs/blattlogo.png") no-repeat;
height:80px;
width:60px;
margin: 0 auto;
margin-bottom:-40px;
}

h1{
font-size: 60px;
text-align: center;
margin: 0px;
text-shadow: 1px 1px 6px #000;
font-weight: normal;
text-decoration: none;
}

h2{
margin: 0px;
font-size: 25px;
text-align: center;
margin-bottom: 30px;
text-decoration: none;
}

h3{
font-size: 20px;
text-align: left;
text-shadow: 1px 1px 3px #222;
font-weight: normal;
}

#content{
font-family: 'Shanti', sans-serif;
width: 1000px;
border: 1px solid #777777;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display: block;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#222222));
-webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.5);
/*-webkit-box-shadow: 300px 5px 150px #FFFFFF;*/
}

#contentLeft{
float: left;
width: 270px;
}

#contentRight{
width: 710px;
text-align: justify;
float:right;
margin-top: 15px;
margin-right: 10px;
/*border: 1px #222222 solid;
-moz-box-shadow: 1px 2px 5px 0px rgba(180, 180, 180, 0.3);
box-shadow: 1px 2px 5px 0px rgba(180, 180, 180, 0.3);*/
}

div.referenz{
text-align: center;
width: 680px;
box-shadow: 1px 2px 8px 0px rgba(20,20,20,0.8);
border-radius: 5px;
border: 1px solid black;
color: #8EB100;
font-size: 20px;
text-shadow: 2px 2px 4px black;
margin: 0 auto;
background: transparent; /*alternative Hintergrundfarbe für IE*/
background: -webkit-gradient(linear, 0 0, 0 80%, from(#424242), color-stop(5%, #AAAAAA), color-stop(50%, #424242));
background: -moz-linear-gradient(top, #E2E2E2, #BBBBBB 5%, #424242 50%);
cursor: hand;
cursor: pointer;
}

p.menu{
vertical-align: 50%;
font-size: 20px;
border: 1px solid #777777;
width: 250px;
padding: 5px;
margin-top: 15px;
margin-left: 5px;
height: 64px;
line-height: 64px;
margin-bottom: 20px;
box-shadow: 1px 2px 5px 0px rgba(180, 180, 180, 0.3);
}

a{
color: white;
cursor: hand;
text-decoration: none;
}

a.green{
color: #8EB100;
}

span.footer a{
color: #BBBBBB;
}


a:hover{
color: white;
}

a:clicked{
color:white;
}

.footer{
font-family: 'Shanti', sans-serif;
font-size: 14px;
color: #BBBBBB;
}

b{
font-weight: bold;
color: #8EB100;
}

#referenzenDisplay{
display: none;
}

input, textarea{
background: transparent;
border: 3px solid #8EB100;
color: white;
padding: 5px;
text-shadow: 0px 1px 0px #000;
border-radius: 3px;
font-size: 14px;
}

input:focus, textarea:focus{
border: 3px solid black;
box-shadow: 0px 0px 5px #8EB100; 
outline: none; 
}

.success{
margin-top: 10px;
color: #8EB100;
border: 1px dashed #8EB100;
padding: 6px;
width: 700px;
}

.error{
margin-top: 10px;
color: #de0404;
border: 1px dashed #de0404;
padding: 6px;
width: 700px;
}

td{
padding: 3px;
}

.screenshot{
border-radius: 8px;
box-shadow: 4px 5px 6px 0px rgba(11,11,11,0.8);
float: left;
margin-right: 15px;
margin-left: 5px;
margin-bottom: 7px;
border: 0px;
}

.roundimg{
border-radius: 4px;
}