@font-face {
font-family: 'Avenir Next LT Pro Heavy';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Heavy'), url('../fonts/AvenirNextLTPro-Heavy.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Ultra Light';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Ultra Light'), url('../fonts/AvenirNextLTPro-UltLt.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Heavy Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Heavy Italic'), url('../fonts/AvenirNextLTPro-HeavyIt.woff') format('woff');
}


@font-face {
font-family: 'Avenir Next LT Pro Ultra Light Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Ultra Light Italic'), url('../fonts/AvenirNextLTPro-UltLtIt.woff') format('woff');
}

@font-face {
font-family: 'Avenir Next LT Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Regular'), url('../fonts/AvenirNextLTPro-Regular.woff') format('woff');
}

*{
font-family: 'Avenir Next LT Pro Ultra Light';
font-style: normal;
font-weight: normal;
color:#000;
line-height:23.5px;
font-size:18px;
}

/*
@font-face {
font-family: 'Androgyne Medium';
font-style: normal;
font-weight: normal;
src: local('Androgyne Medium'), url('../fonts/Androgyne_TB.woff') format('woff');
}
*/

#body{
background:#619bb3;
font-size:18px;
}

#bg { 
position: fixed; 
top: 0; 
left: 0; 
z-index:-2;}

.bgwidth { width: 100%; }
.bgheight { height: 100%; }

a{
color:#009999;
text-decoration:none !important;
}

.active a{
color:#00ffff !important;
}

h1{
font-family:'Avenir Next LT Pro Regular';
font-weight:normal;
color:#009999;
font-size:21px;
}

h2{
color:#009999;
font-size:18px;
font-weight:normal;
margin:0;
}

h3{
color:#009999;
margin-bottom:2px;
margin-top:25px;
}

.handwritten{
font-family:'Avenir Next LT Pro Ultra Light';
font-weight:normal;
color:#009999;
font-size:18px;

}

.likeH1{
font-family:'Avenir Next LT Pro Regular';
font-weight:normal;
color:#009999;
font-size:21px;
margin-top:12px;
}

.likeH2{
font-family: 'Avenir Next LT Pro Regular';
color:#009999;
font-size:18px;
font-weight:normal;
margin:0;
}

#wrapper{
/*width:950px;*/
max-width:950px;
margin:0 auto;
margin-top:120px;
margin-bottom:120px;
}

#backgroundcontainer{
/*width:900px;*/
max-width:900px;
background:url("../image/transparent_bg.png");
overflow:hidden;
padding:25px;
margin:0 auto;
}

#content{
/*width:900px;*/
max-width:900px;
background:url("../image/bg-content.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
margin:0 auto;
border:2px solid #009999;
opacity:none !important;
overflow:hidden;

}

#navigation{
font-family:'Avenir Next LT Pro Regular';
text-transform: uppercase;
color:#fff;
margin-bottom:10px;
}

#navigation ul{
list-style-type:none;
margin: 0;
padding: 0;
}

#navigation ul li{
font-family:'Avenir Next LT Pro Regular';
display:inline;
padding:0px 10px 0px 8px;
border-right:2px solid #fff;
list-style-type:none;
}

.last{
border:none !important;
}

.first{
padding-left:0 !important;
}

.colored{
color:#009999;
}

#navigation ul li a{
font-family:'Avenir Next LT Pro Regular';
color:#fff;
text-decoration:none;
font-size:16px;
}

#navigation ul li a:active{
color:#00ffff;
}

#left{
/*width:510px;*/
width:57%;
padding:25px;
float:left;

}

#left p{
padding-right:25px;
}

#right{
/*width:290px;*/
width:31%;
margin-top:80px;
height:570px;
border-left:2px dotted #2daabb;
padding:0px 20px 40px 20px;
float:right;
}

#slogan p, #slogan span{
font-family:'Avenir Next LT Pro Regular';
font-weight:normal;
color:#009999;
font-size:20px;
padding:19px;
line-height:31px;
}

#slogan{
padding-top:150px;
text-align:center;
}

#bogen{
position:absolute;
margin:0 auto;
top:30px;
z-index:-1;
min-width:900px;
}

#bogen img{
	
	min-width:900px;
}

#impressum{
text-transform: uppercase;
text-decoration:none;
padding:7px 25px;
float:right;
}

ul{
list-style:none;
padding:0;
margin:0;
}

ul li{
/*color:#000;*/
}

li{
text-indent: -.7em;
padding-left:1em;
/*padding-top:2px;*/
}

#content li:before{
content:"\002022";
color:#009999;
left:-3px;
position:relative;
padding-right:2px;
}

small{
position:relative;
top:-7px;
}

@media only screen and (max-width: 855px) {
	
	#left{
		width:100%;
	}
	
	#right{
		
		width:100%;
	}
	
	#content{
		padding-right: 50px;
	}
	
	#left p{
		
		padding:0px;
	}
	
	#bogen{display:none;}
}

#logos{clear:both;}