﻿*{
    padding: 0px;
    margin: 0px;
    font-family: helvetica,arial,sans-serif,Lucida Handwriting,Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;
	}
img{
    border:0;
	}
html {
background: url(http://bestoflinks.synology.me/bilder/background.jpg) no-repeat center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
img{
    border:0;

        }
body{
    width: 960px;
    margin: 50px auto;
	background-repeat:repeat-x-y;
	}
header{
    text-align: center;
    box-shadow: 5px 20px 30px black;  
    height: 100px;
    border-radius: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius:  10px;
    border: #000 2px solid;
    background:#7373A4; background:-moz-linear-gradient(top, #7373A4 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7373A4), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #7373A4 0%,#222222 100%); background:-o-linear-gradient(top, #7373A4 0%,#222222 100%); background:-ms-linear-gradient(top, #7373A4 0%,#222222 100%); background:linear-gradient(top, #7373A4 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7373A4', endColorstr='#222222',GradientType=0 );
	}



header img{
    padding-top: 15px;
	}



nav {
    box-shadow: 5px 20px 30px black; 
    border-bottom-left-radius: 10px;
    border-bottom-right-radius:  10px;
	border: #000 1px solid;
    background:#7373A4; background:-moz-linear-gradient(top, #7373A4 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7373A4), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #7373A4 0%,#222222 100%); background:-o-linear-gradient(top, #7373A4 0%,#222222 100%); background:-ms-linear-gradient(top, #7373A4 0%,#222222 100%); background:linear-gradient(top, #7373A4 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7373A4', endColorstr='#222222',GradientType=0 );
	}



nav ul { 
	overflow: hidden;
	list-style-type:none;
	}



nav ul li {  
	width: 12.5%;  
	float: left;
	}



nav ul li a {  
	text-align:center;
    border-left: 1px solid black;
	height: 22px;
	padding-top: 5px;
	display:block;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
	}



nav ul li a:hover {  
    background: #66669D;
	}
    
	

nav ul li.first1 a{
    background: #5C5C5C;
    border-bottom-left-radius:  10px;
    border-left: 1px solid #0088eb;
	}
   
   
   
nav ul li.first a{
    border-bottom-left-radius: 10px;
    border-left: 1px solid #0088eb;
	}   
   
   
   
nav ul li.first:hover a{     
    background: gray;
    border-bottom-left-radius:  10px;
    }
  
  
  
nav ul li.active a {
    background: #5C5C5C;  
	}  
   
   
   
nav ul li.last1 a{
    background: #5C5C5C;
    border-bottom-right-radius:  10px;
    border-right: 1px solid #0088eb;
	}
   
   

nav ul li.last a{
    border-right: 1px solid #0088eb;
	border-bottom-right-radius:  10px;
	}
   


nav ul li.last:hover a{
    background: gray;
    border-bottom-right-radius:  10px;
    border-right: 1px solid #0088eb;
	}
      
  
  
section{    
    margin-top: 20px;          
	}



.boxen{
    margin-right: 4%;
    float: left;
    width: 22%;
	}
 
 
 
.boxenlast{
    margin-right: 0px;
    float: left;
    width: 22%;
	}

 
 
h1{ 
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 5px 20px 30px black;
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius:  10px;  
    text-align: center;
    font-size: 9pt;
    border: #000 2px solid;
    background:#7373A4; background:-moz-linear-gradient(top, #7373A4 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7373A4), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #7373A4 0%,#222222 100%); background:-o-linear-gradient(top, #7373A4 0%,#222222 100%); background:-ms-linear-gradient(top, #7373A4 0%,#222222 100%); background:linear-gradient(top, #7373A4 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7373A4', endColorstr='#222222',GradientType=0 );
	}



.top p{
    padding-left: 40px;
    padding-right: 40px;
    }

	

.top{
    color:white;
    font-size: 9pt;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 5px 20px 30px black;     
    border-bottom-left-radius: 10px;
    border-bottom-right-radius:  10px;
    text-align: left;
    margin-bottom: 30px;
    letter-spacing: 2px;
    border: #000 2px solid;
    background:#7373A4; background:-moz-linear-gradient(top, #7373A4 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7373A4), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #7373A4 0%,#222222 100%); background:-o-linear-gradient(top, #7373A4 0%,#222222 100%); background:-ms-linear-gradient(top, #7373A4 0%,#222222 100%); background:linear-gradient(top, #7373A4 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7373A4', endColorstr='#222222',GradientType=0 );
	}



h2{ 
    box-shadow: 5px 20px 30px black;
    color: white;   
    border-top-left-radius: 10px;
    border-top-right-radius:  10px;
    padding: 5px;
    text-align: center;
    font-size: 9pt;
    border: #000 1px solid;
    background:#7373A4; background:-moz-linear-gradient(top, #7373A4 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7373A4), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #7373A4 0%,#222222 100%); background:-o-linear-gradient(top, #7373A4 0%,#222222 100%); background:-ms-linear-gradient(top, #7373A4 0%,#222222 100%); background:linear-gradient(top, #7373A4 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7373A4', endColorstr='#222222',GradientType=0 );
	}



article{
	color: white;
    box-shadow: 5px 20px 30px black;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius:  10px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    border: #000 1px solid;
    background:#7373A4; background:-moz-linear-gradient(top, #7373A4 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7373A4), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #7373A4 0%,#222222 100%); background:-o-linear-gradient(top, #7373A4 0%,#222222 100%); background:-ms-linear-gradient(top, #7373A4 0%,#222222 100%); background:linear-gradient(top, #7373A4 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7373A4', endColorstr='#222222',GradientType=0 );
	}



article a{ 
    font-size: 9pt; 
    text-decoration: none;
    color: white;
	}



article li{   
    list-style-type: none;
    padding-left: 22px;
    margin-left: 10px;
    background-image:url(1.png);
    background-repeat:no-repeat;
    background-position:left top;
	}

  
  
article li.starline {
    background-image:url(star.png); 
	}
 
 
  
article li.starline a{
    color: #26A2FD;
    font-weight: bold; 
    }
    
    
    
article a:hover{
    text-decoration: underline;    
    
	}

footer{
    box-shadow: 5px 20px 30px black; 
    margin-top: 30px;    
    padding: 5px;
    color: white;
    border-radius: 40px;
    clear: both;
    border: #000 2px solid; 
    background:#7373A4; background:-moz-linear-gradient(top, #7373A4 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7373A4), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #7373A4 0%,#222222 100%); background:-o-linear-gradient(top, #7373A4 0%,#222222 100%); background:-ms-linear-gradient(top, #7373A4 0%,#222222 100%); background:linear-gradient(top, #7373A4 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7373A4', endColorstr='#222222',GradientType=0 );
	}
 
 
 
footer p{      
    text-align: right; 
    font-size: 9pt;
	}
 
 
 
footer a{  
    margin-left: 290px;
    padding-right: 10px;
    color: white;
    font-size: 9pt;
    text-decoration: none;
	}



footer p span{
    font-weight: bold;
    }
	
	
	
footer a:hover{
    color:gray;
	} 



.impressum{
    color:gray;
	}



.impressum1{
    color:#5C5C5C;
    
	}


#impressumlink{
	color:gray;
	
	}
	
#impressumtextbox p{
	font-size:9px;
	margin-left:20px;
	}
a, a:link, a:visited  { color: #ffffff; text-decoration: none; }
	a:hover { text-decoration: underline; color: #FF0000; }
	a img { border: none; }
	
	form {
		display: inline;
	}

