@import 'custom.css';
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Oswald');
* {
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
  height: 100%
}

/* RESET BROWSERSTYLE */
body,
h1,h2,h3,h4,h5,h6,
p,
ul,
ol,
li,
hr,
blockquote {
	padding: 0; 
	margin: 0;
}

/* GLOBAL */
h1,h2,h3 {
	color: dodgerblue;
	font-size: 2em;
	letter-spacing: 1px;
	margin-bottom: 1em;
}
h4 {
	color: #333;
	font-size: 1.3em;
	border-bottom: .25em solid dodgerblue;
	letter-spacing: 1px;
	margin: 1em 0;
	clear: both;
}
h5 {
	clear: both;
	color: #333;
	font-size: 1.2em;
	border-bottom: .25em solid #888888;
	letter-spacing: 1px;
	margin: .75em 0;
	background: dodgerblue;
	padding: .25em;
	color: whitesmoke;	
}
h6 {
	clear: both;
	color: #333;
	font-size: 1.1em;
	letter-spacing: 1px;
	margin: .5em 0;
	background: gainsboro;
	padding: .25em;
	color: dodgerblue;
	min-height: 3.3em;
}
p {
	margin: 10px 0;
}
ol {
	margin: 6px 0;
}
ol li {
	border: 0;
	padding: 3px 0;
	margin: 2px 0 2px 22px;
}
ul {
	list-style: square;
	margin: 6px 0;
}
ul li {
	border: 0;
	padding: 3px 0;
	margin: 2px 0 2px 17px;
}
hr {
	height: 1px; 
	clear: both; 
	color: #999; 
	background: #999; 
	border: 0; 
	margin: 16px 0;
}
blockquote {
	padding: 2px 0 2px 20px; 
	border-left: 3px solid #999;
}

/* 
##############################
 C O N T E N T  C L A S S E S 
##############################
*/
img.left {
	max-width: 100%;
	float: left;
	margin: 0;
	padding: 0.5em;
	border: 1px solid gainsboro;
	background: white;
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;	
}
img.right {
	max-width: 100%;
	float: right;
	margin: 0;
	padding: 0.5em;
	border: 1px solid gainsboro;
	background: white;
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;	
}
img.centered {
	max-width: 100%;
	padding: 0.5em;
	border: 1px solid gainsboro;
	background: white;
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;
}
img.border,
.tagline {
	max-width: 100%;
	padding: 0.5em;
	border: 1px solid gainsboro;
	background: white;
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;
}
img.noborder {
	border: 0;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.clearBoth {
	clear: both;
}

.legal {padding: 6px 0;}

/* 
##############################
           B O D Y
##############################
*/

body {
	font-family: "Roboto Condensed", arial, sans-serif; 
	font-size: 100%; 
	line-height: 1.4; 
	color: #000;
}
#body {
	background: whitesmoke; 
}
#top {
	font-size: 10px; 
	line-height: 10px;
}

/* 
##############################
        L A Y O U T
##############################
*/

#header {
	width: 100%;  
	padding: 0 calc(50% - 440px); 
	margin: 0 auto; 
	background: dodgerblue; 
}
#tagline {
	width: 100%;
	padding: 0 calc(50% - 440px); 
	padding-top: .5em;
	margin: 0 auto; 
	background: dodgerblue;
}
#main {
	width: 100%; 
	padding: 0 calc(50% - 440px); 
	margin: 0 auto; 
}
#content {
	width: 100%; 
	float: left; 
}
#sidebar {
	float: right; 
	width: 28%;
}
#footer {
	position: relative;
	background: dodgerblue;	
	width: 100%;  
	padding: 1em calc(50% - 440px) 2em calc(50% - 440px) ;
	margin: 0 auto; 
	bottom: 0;
	font-size: .8em;
}

/* 
##############################
        D E S I G N
############################## 
*/

/* KOPFBEREICH / HEADER */
#header h1 {
	float: right; 
	color: dodgerblue; 
	font-size: 1.5em; 
	text-align: right; 
	padding: 100px 0 0 0;
	margin: 0;
	border: 0;
}
/* logo */
.logo {
	float: left; 
	margin: 1em 1em 0 0; 
}

/* INHALT / CONTENT */
#content input {
	background: #fff; 
	border: 1px solid gainsboro;
}
#content textarea {
	width: 90%; 
	background: #fff; 
	border: 1px solid gainsboro; 
	padding: 10px; 
	margin: 0 0 10px 0;
}
#content input#submit,
#content input.submit {
	background: url(images/button.jpg) repeat-x; 
	float: left; 
	color: #333; 
	font-size: 14px; 
	line-height: 20px; 
	border: 1px solid #999;
	border-radius: 3px; 
	padding: 2px 6px; 
	margin: 0 6px 16px 0;
}

.sitemaplevel1 {font-size: 16px; font-weight: 700;}
.sitemaplevel2 {font-size: 15px; font-weight: 100;}

/* NEWSBOXEN / NEWSBOXES */
/* newsbox */
.newsbox {}
.newsbox h4,.newsboxInfo h4 {font-size: 1.5em;}
.newsbox h5,.newsboxInfo h5 {font-size: 1..25em;}
.newsbox h6,.newsboxInfo h6 {font-size: 1.1em;}

/* FUSSLINKS / FOOTER LINKS */
#footer p {
	padding: 0; 
	margin: 0;
	color: silver;
}

/* LINKFORMATIERUNG / LINKS */
a:link {color: blue; text-decoration: none;}
a:visited {color: blue; text-decoration: none;}
a:hover {color: dodgerblue; text-decoration: underline;}
a:active {color: dodgerblue; text-decoration: underline;}
a:focus {color: dodgerblue; text-decoration: underline;}

.navintern a:link {color: #333; text-decoration: none;}
.navintern a:visited {color: #333; text-decoration: none;}
.navintern a:hover {color: dodgerblue; text-decoration: none;}
.navintern a:active {color: dodgerblue; text-decoration: none;}
.navintern a:focus {color: dodgerblue; text-decoration: none;}

#sidebar ul a:link {color: #222; font-style: normal;}
#sidebar ul a:visited {color: #222; font-style: normal;}
#sidebar ul a:hover {color: dodgerblue; font-style: normal; text-decoration: none;}
#sidebar ul a:active {color: dodgerblue; font-style: normal; text-decoration: none;}
#sidebar ul a:focus {color: dodgerblue; font-style: normal; text-decoration: none;}

.newsin a:link {color: #ccc; text-decoration: none;}
.newsin a:visited {color: #ccc; text-decoration: none;}
.newsin a:hover {color: #f90; text-decoration: underline;}
.newsin a:active {color: #fff; text-decoration: underline;}
.newsin a:focus {color: #fff; text-decoration: underline;}

#footer a:link {color: gainsboro; text-decoration: none;}
#footer a:visited {color: gainsboro; text-decoration: none;}
#footer a:hover {color: gainsboro; text-decoration: underline;}
#footer a:active {color: gainsboro; text-decoration: underline;}
#footer a:focus {color: gainsboro; text-decoration: underline;}

/* 
###################################
        R E S P O N S I V E
###################################
*/
@media (max-width: 960px) {
	#body {
		font-size: 85%;
	}
	#main,
	#header,
	#tagline,
	#footer {
		padding-left: 1em;
		padding-right: 1em;
	}
}
@media (max-width: 640px) {
	#body {
		min-width: 240px;
		font-size: 75%;
	}
}
@media (max-width: 960px) {
	.logo {height: 3.75em; }
}