* { padding: 0; margin: 0; } 
body {
	color: #000;
	background-color: #fff;
	letter-spacing: 0px;
	font-size: 15px;
	line-height: 1.6em;
	letter-spacing: 0,5;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	
	  
}
a { color: #777; text-decoration: none;}
a:hover { color: #555; text-decoration: none;}
#wrap {
	
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
#header {
	height: 80px;
	padding:25px;
}
#header a {
	color: #000;
	text-decoration: none;
	´
}
#header h1 {
	color: #000;
	font-size: 2em;
	padding: 20px 0 0 20px;
	font-weight: 100;
}
#header h2 {
	color: #000;
	font-size: 1.2em;
	padding: 0 0 0 20px;
	font-weight: 100;
}
#headerlinks {
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	padding-top: 23px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	font-weight: 300;
}

#headerlinks a:hover {
	color: #000;
	
}

img { border: none;}

#headerlinks a {
	color: #000;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 20px;
}
.logo {
	float:left;
	

}


.li-nav {
	float: left;
	list-style-type: none;
	text-decoration: none;
	
}

a#fade_success {
	/* ^- the important bit. RGB 192,192,the s192 is ame as #C0C0C0*/
  
	-webkit-transition: border 500ms ease;
	-moz-transition: border 500ms ease;
	-ms-transition: border 500ms ease;
	-o-transition: border 500ms ease;
	transition: border 500ms ease;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0,0,0,0.0);
}
#fade_success_active {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0,0,0,0.0);
}
a#fade_success:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0,0,0,1);
}

/*
	SUCCESS! 
  The underline fades in because all we're doing is changing the alpha/opacity of the border from 0 (invisible) to 1 (visible), and CSS sure knows how to animate opacities.
*/
/*Weißes Logo und Menü */
#headerlinks_white {
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	padding-top: 22px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	
}

#headerlinks_white a:hover {
	color: #fff;	
}

#headerlinks_white a {
	color: #fff;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

/*Weißes Logo und Menü Ende */
#about_block {
	height: 280px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#kontakt_block {
	height: 280px;
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 50px;
	
}
#map {
	height: 200px;
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 50px;
}
/*
News
*/
#content{
	overflow: hidden;
	margin-left: 400px;
	width: 650px;
	padding-top: 30px;
}
#content-news{
	overflow: hidden;
	margin-left: 400px;
	width: 1000px;
	padding-top: 30px;
}
div.box					{
	overflow: hidden;
	margin-top: 80x;
	margin-right: 0;
	margin-bottom: 80px;
	margin-left: 0;
}
div.mov					{
	overflow: hidden;
	margin-top: 20x;
	margin-right: 0;
	margin-bottom: 80px;
	margin-left: 0;
}
div.box div.title		{ width: 130px; float: left; }
div.box div.title h2,	
	
div.box div.title p		{ margin: 0; font-size: 12px; line-height: 20px; text-transform: uppercase; letter-spacing: 2px; }
div.box div.content		{ width: 520px; float: left; }
div.box div.content h2	{ font-size: 15px; line-height: 20px; text-transform: uppercase; letter-spacing: 2px; }
div.box div.content p	{ margin: 0 0 15px 0; font-size: 12px; line-height: 16px; letter-spacing: 1px; }


h1		{ margin: 0 0 10px 0; font-size: 19px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; }
h2		{ margin: 0 0 10px 0; font-size: 17px; font-weight: 600; }
h3		{ margin: 0 0 10px 0; font-size: 15px; font-weight: normal; letter-spacing: 2px; }


body.news h1	{ display: none; }

body.news div.news ul						{ padding: 0; margin: 0; list-style: none; }
body.news div.news ul li					{ margin: 0 0 30px 0; }
body.news div.news ul li p.image			{ margin: 0 0 20px 0; text-align: center; }
body.news div.news ul li p.image img		{ vertical-align: bottom; }
body.news div.news p.pagination				{ margin: 125px 0 0 0; overflow: hidden; }
body.news div.news p.pagination a			{ width: 130px; font-size: 12px; line-height: 16px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; display: block; float: left; }
body.news div.news p.pagination a:hover,
body.news div.news p.pagination a.active	{ text-decoration: underline; }


.content {
	padding-bottom: 20px;
}
	
.img-studio {
	margin-bottom:50px;}
	
	li.active > a {
	border-bottom : 1px solid #000 !important;}
	
	

	
	.cc_container .cc_btn {
background-color: #000!important; /* Farbe des Buttons */
color: #fff !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #fff !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #000 !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #fff #FFFFFF; /* Textlink-Farbe "Mehr Infos" */
}