/*
(C) 2012 - AndreeMedia Entertainment Germany
Version: 3.1
Year: 2011-2012
ID: 2012-02-4458
Designer: AndreeDesign
Web: andreemedia.de
File: css/style.css
Date: 27.04.2012
*/

@import url(http://fonts.googleapis.com/css?family=Pontano+Sans);
@import url(kontakt.css);
@import url(navi.css);

html, body{
margin:0;
padding:0;
font-size: 14px;
font-family: Pontano Sans;
background: url('img/back.jpg') repeat;
background-attachment:fixed;
margin-bottom:20px;
}

#maincontainer{
width: 378px;
margin: 0 auto;
position:relative;
border-radius:0 0 26.5px 26.5px;
-moz-box-shadow: 0px -0px 8px #000;
-webkit-box-shadow: -0px 0px 8px #000;
-o-box-shadow: 0px -0px 8px #000;
-ms-box-shadow: 0px -0px 8px #000;
box-shadow: 0px -0px 8px #000;
}

#maincontainer2{
width: 960px;
margin: 0 auto;
margin-top:-310px;
background:url(img/back_in.png);
-moz-box-shadow: 0px -0px 8px #000;
-webkit-box-shadow: -0px 0px 8px #000;
-o-box-shadow: 0px -0px 8px #000;
-ms-box-shadow: 0px -0px 8px #000;
box-shadow: 0px -0px 8px #000;
}


#topsection{
background: url('img/header.png') no-repeat;
height: 378px;
margin-bottom:20px;
border-radius:0 0 26.4px 26.4px;
}

#menusection{
background: url(img/back.png);
height: 60px;
position:relative;
}

#contentwrapper{
float: left;
width: 100%;
background: ;
height: auto;
min-height: 832px;
margin-top:300px
}

#contentcolumn{
margin: 0;
}

#footer{
clear: left;
width: 100%;
height:40px;
border-top:1px solid #5F0000;
background: url('images/foo_back.png');
color: #fff;
padding: 4px 0;
}

#footer a{font-weight:bold;color:#00AFFF;text-decoration:none;}
#footer a:hover{font-weight:bold;color:#FF0000;text-decoration:none;}

.innertube{
margin: 10px;
margin-top: 0;
}

#greyzone {
background: url('images/graupunkt.png') #CFCFCF;
margin:0;
margin-left:-10px;
margin-top: -4px;
color: #000;
padding:0;
overflow: hidden;
padding-left:10px;
width:1014px;
}

img.shadow-img {
background:#E4E4E4;
padding:3px;
border: 2px solid grey;
-moz-box-shadow: 0px -0px 8px #000;
-webkit-box-shadow: -0px 0px 8px #000;
-o-box-shadow: 0px -0px 8px #000;
-ms-box-shadow: 0px -0px 8px #000;
box-shadow: 0px -0px 8px #000;
}

img.shadow-img:hover {
background:#fff;
padding:3px;
cursor:pointer;
border: 2px solid #f00;
-moz-box-shadow: 0px -0px 8px #f00;
-webkit-box-shadow: -0px 0px 8px #f00;
-o-box-shadow: 0px -0px 8px #f00;
-ms-box-shadow: 0px -0px 8px #f00;
box-shadow: 0px -0px 8px #f00;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

a:link {font-weight:bold;color:#FF0000;text-decoration:none;}
a:visited {font-weight:bold;color:#f00;text-decoration:none;}
a:focus {font-weight:bold;color:red;text-decoration:underline;}
a:hover {font-weight:bold;color:#0080FF;text-decoration:none;}
a:active {font-weight:bold;color:#FF00FF;text-decoration:underline;}

.shadow-text-news {text-shadow: 3px 3px 5px gray;}
.linie {border:none;border-top: 1px dotted #000000;background-color: #FFFFFF;height: 1px;}
.ingrey {margin-top: 65px; margin-left:20px}
.footer1{width:1024px;margin:0 auto;}
.footer2{float:left;margin-left:83px;}
.footer3{float:right;margin-right:5px;}
.footerimg {float:left;margin-left:5px;}

#shadow-img {background:#E4E4E4;padding:3px;border: 2px solid grey;-moz-box-shadow: 0px -0px 8px #000;-webkit-box-shadow: -0px 0px 8px #000;-o-box-shadow: 0px -0px 8px #000;-ms-box-shadow: 0px -0px 8px #000;box-shadow: 0px -0px 8px #000;}
#index-1{width:220px;float:left;position:relative;}
#index-2{width:220px;float:left;position:relative;margin-left:80px;}
#index-3{width:220px;float:left;position:relative;margin-left:80px;}
#index-camera{margin-top: -150px; margin-right: 50px; float: right;}
#greyzonestart {background: url('images/graupunkt.png') #CFCFCF;margin:0;margin-left:-10px;margin-top: -4px;color: #000;padding:0;width:1024px;overflow: hidden;height:250px;border-bottom: 2px solid #6F6F6F;}

.radius {
display: inline-block;
overflow: hidden;
border-radius:20px 20px 20px 20px;
box-shadow: 10px 10px 10px grey;
}