@import url(http://fonts.googleapis.com/css?family=Gentium+Basic);
@import url(http://fonts.googleapis.com/css?family=Spinnaker);
/* Allgemein */

body{
    font-size:14px;
	background-color:#000000;
    font-family: 'Spinnaker', serif;
	color: #FFFFFF;
	overflow-y: scroll;
}

h1, h3, ul, li, p{
	padding: 0;
    margin: 0;  
}

blockquote{
    float:right;    
}

h1{
    font-size:30px;
	font-weight: normal;	
    color: #FFFFFF;
    margin-bottom:0px;
    /*text-shadow: 1px 1px #333;*/
}

td {
    vertical-align: top;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}

.main-img{
    margin: 0 40px 22px 40px;
    float:left;
    max-width: 100%;
}

.uebermich-img{
    margin: 15px 0px 0px 0px;
    float:right;
    max-width: 40%;
}

.kontakt-img{
    margin: 15px 20px 0px 0px;
    float:left;
    max-width: 30%;
}

.auswahl-img{
	width: 90%;
	border-radius: 25px;
}

.videorahmen{
	width:70%;
	margin: 0px auto;
}

.video iframe {
	position: absolute;
	margin-top:2px;
	/*left: 0;*/
	width: 100%;
	height: 100%;
}

.video {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	/*padding-top: 0px;*/
	height: 0;
	overflow: hidden;
}

.left{
    float:left;
    width:50%;
	margin: 0px auto;
	text-align: center;
    /*margin-right:15px;*/
}

.right{
    float:right;
    width:50%;
	margin: 0px auto;
	text-align: center;
    /*margin-right:15px;*/
}


.small{
    font-size:12px;
}

/* Content */

#main{
    margin:0 auto;
    padding: 10px;
	width:70%;
    /*width:1000px;*/
}

#header{
    /*background-image:url("logo-website.png");
    width:149px;
    height:68px;*/
    margin: 15px 0 15px 0;
}

#content{
    padding:10px 15px 35px 15px;
    background-color:#383838;
    border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}


/* Navigation */

ul#navigation {
    background-color:#383838;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    float:right;
	/*width:100%;*/
}

ul#navigation li {  
    font-size:15px;
  	color: white;
	text-align:center;
	float:left;
    position:relative;
    list-style: none;
    margin:10px 0px 0px 10px;
    background-color:#181818;
    border-radius: 5px;
    border:0px solid grey;
    width:100px;
	padding:4px;
}

ul#navigation li:last-child{
    margin-right:2px;
}

ul#navigation li:hover{ 
    color:#000000;
	background-color:grey;  
}   

ul#navigation a{
    text-decoration:none;
}

ul#navigation a:visited{
}

ul#navigation li a:hover{
    color:#000000;
	background-color:grey;
}

.clear{
    clear:both; 
}