@import url(https://fonts.googleapis.com/css?family=Rubik:400,700);

html,body  /* Angabe der vollen Höhe erforderlich, damit der Content-Div mindestens 100% Höhe hat */
{
	margin: 0;
	padding: 0;
	height: 100%;
}


body
{
	font-family: Rubik, Helvetica, Arial, Sans-Serif;
	font-weight: 400;
	color: #333;
}


a
{
	text-decoration: none;
}


a:link,
a:visited
{
	color: #666;
}


a:active,
a:hover
{
	color: #ff0099;
}






@media screen  {
    body {background: #333 url(font.maxi.jpg) fixed; background-size: cover;}
	#logo-links {width: 360px; margin-left: 40px; float: left;}
	#logo-links img {width: 360px; height:auto; padding-top: 20px;}
	#logo-rechts {margin-left: -10px;}
	#logo-rechts img {width: 114px; height:auto; padding-top: 20px;}
	#logo-rechts-home img {width: 495px; height:auto; padding-top: 20px;}
	#content, #home {margin: 0 40px 0 400px; padding: 0 10px 0 10px; font-size: 14px; line-height: 20px; max-width:700px;}
	#titel {padding: 30px 0 30px 0px}
	#titel h1 {font-size: 40px; line-height: 40px;}
	#navigation {padding: 30px 0 30px 0px;}
}

@media screen and (max-width: 960px) {
    body {background: #333 url(font.midi.jpg) fixed; background-size: cover;}
	#logo-links {width: 240px; margin-left: 20px; float: left;}
	#logo-links img {width: 240px; height:auto; padding-top: 40px;}
	#logo-rechts {margin-left: -10px;}
	#logo-rechts img {width: 76px; height:auto; padding-top: 40px;}
	#logo-rechts-home img {width: 340px; height:auto; padding-top: 40px;}
	#content, #home {margin: 0 40px 0 260px; padding: 0 10px 0 10px; font-size: 14px; line-height: 20px;}
	#titel {padding: 20px 0 30px 0px}
	#titel h1 {font-size: 32px; line-height: 32px;}
	#navigation {padding: 30px 0 30px 0px;}
}


@media screen and (max-width: 640px) {
    body {background: #333 url(font.mini.jpg) top left fixed;}
	#logo-links {width: 240px; margin-left: 20px; float: none; text-align: right;}
	#logo-links img {width: 180px; height:auto; padding-top: 10px;}
	#logo-rechts {margin-left: -10px;}
	#logo-rechts img {width: 76px; height:auto; padding-top: 10px;}
	#logo-rechts-home img {width: 420px; height:auto; padding-top: 10px;}
	#content, #home {margin: 0 10px 0 10px; padding: 0 10px 0 10px; font-size: 14px; line-height: 20px;}
	#titel {padding: 30px 0 30px 0px;}
	#titel h1 {font-size: 24px; line-height: 24px;}
	#navigation {padding: 30px 0 30px 0px;}
}





#logo
{
}



#content
{
	min-height: 100%;
	height: auto !important;
	height: 100%;				/* Sorgt dafür, dass Content-Div mindestens 100% Höhe hat */
	
	background: #fff;
	border-bottom:10px solid #fff;
}



#home
{
	min-height: 100%;
	height: auto !important;
	height: 100%;				/* Sorgt dafür, dass Content-Div mindestens 100% Höhe hat */
	
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.7);

	border-bottom:10px solid #fff;
	border-bottom:10px solid rgba(255,255,255,0.1);
}


#titel
{
	font-weight: 700;
	letter-spacing: 1px;
	color: 665e5e;
}




#content b
{
	text-transform: uppercase;
	font-weight: 700;
}







.fusszeile
{
	font-size: 10px;
	text-transform: uppercase;
	color: #999;
	padding: 120px 0 60px 0;
}



#navigation
{
	color: #ccc;
	text-transform: uppercase;
}

#navigation a 
{
	font-weight: 700;
}


#navigation-home
{

}