/* GLOBAL */
body {
	margin-top: 20px;
	font-family: "OpenSansRegular", Arial, sans-serif;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	color:#333;
}

@font-face {
	font-family: "OpenSansRegular";
	src: url("fonts/OpenSans-Regular/opensans-regular.eot?#iefix");
	src: url("fonts/OpenSans-Regular/opensans-regular.eot?#iefix") format("embedded-opentype"),
         url("fonts/OpenSans-Regular/opensans-regular.woff") format("woff"),
         url("fonts/OpenSans-Regular/opensans-regular.ttf") format("truetype"),
         url("fonts/OpenSans-Regular/opensans-regular.svg#OpenSansRegular") format("svg");
}

p {
	margin :15px 0;
	line-height: 22px;
}

h1 {
	font-size: 28px;
	font-weight: normal;
	padding-bottom: 15px;
	border-bottom: 1px solid #dedede;
}

/*
img {
	height: auto;
	max-width: 100%;
}
*/

ul {
	margin-left: 20px;
	line-height: 22px;
}

li {
	margin-bottom: 10px;
}


a, a:visited {
	-webkit-transition:color 0.2s ease-out;  
   -moz-transition:color 0.2s ease-out;  
   -o-transition:color 0.2s ease-out;  
   transition:color 0.2s ease-out;  
}

a:hover {
	/*color:#333;*/
}


.btn {
	background-color:#000;
	display:inline-block;
	color:#fff;	
	height: 40px;
	line-height: 40px;
	padding: 0px 20px;
	margin: 0px 0px 10px 0px;
	text-decoration: none;
	text-align:center;	
}



/* NAVI */

#nav {
	float: right;
	margin-top: 15px;
	color: #999;
}

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

#nav li {
	float: left;
	margin: 0;
	padding: 4px 12px;		
}


#nav ul li a, a:visited, #footer a {
	color: #999;
	text-decoration: none;
}

#nav ul li a:hover, 
#nav ul li.current_page a, 
#footer a:hover {
	color:#333;
}


/* CONTENT */

#page {
    margin: 0px auto;
    width: 960px;
}

#logo	{
	float: left;
}

header {
	float: left;
	padding: 0;
	margin-bottom: 10px;
	width: 100%;
}

#keyvisual {
	margin-bottom: 20px;
}

#keyvisual img {
	height: auto;
	max-width: 100%;
}


#content {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

#content p a {	
	color:#999;
	text-decoration: underline;
}

#content p a:hover {
	color:#333;
}

#col-1 {
	float: left;
	width: 660px;
	background-color:#fff;
}

#col-2 {
	float: left;
	width: 45%;
}


#sidebar {
	float: right;
	width: 240px;
	margin: 0;
	padding: 0;
}

#zitat {
	margin-top: 40px;
	font-size: 18px;
	color: #666;
}

/*
#zitat:before {
	content: "\00BB";
	font-size:24px; 
	color:#ccc;
}

#zitat:after {
	content: "\00AB";
	font-size:24px; 
	color:#ccc;
}
*/
#zitatzeichen {
	content: "\00AB";
	font-size:24px; 
	color:#ccc;
}

#zitatquelle {
	font-size:14px; 
	text-align:right
}



/* FOOTER */

#footer {
	padding: 15px 0px 15px 0;
	border-top: 1px solid #dedede;
	clear: both;
	color: #999;
	margin-top: 10px;
	text-align: right;
}

 



/* MEDIA QUERIES */

@media (max-width: 960px)
{
	body {
		/*background: #eee:*/
		margin: 20px;
	}
	
	#page, #content, #col-1, #sidebar, #footer {
	    float:left;
		/*margin: 0px auto;*/
    	width: 100%;
	}
	
	#logo {
		width: 100%;
		padding: 0;
		text-align:center;
		margin-bottom: 10px;
	}
	
	#nav {
		float: none;
		width: auto;
	}

	#nav ul {
		text-align: center;
	}
	
	#nav li {
		float: none;
		display: inline-block;
	}
}

@media (max-width: 480px)
{
	#col-2 {
	clear: both;
	padding: 0;
	width: 100%;
	background-color:#fff;
	margin-bottom: 40px
	}	
}