/* --------------------------------------

	Template:		52
	Datum: 			11.03.2015
	Version: 		1.0
	Homepage:		http://freietemplates.de/
	
----------------------------------------*/


/* --------------- General --------------- */
html {
height:100%;
margin:0;
padding:0;
}

body {
background-image:url(bilder/bg.png);
font-size:12pt;
font-family: 'Arial';
color:#494949;
padding:0;
margin:0;
height:100%;
line-height:22pt;
}

#wrapper {
min-height:100%;
position:relative;
}

* {
padding:0;
margin:0;
outline:none;
}

a { 
color:#127759; 
border-bottom:1px dotted #55db6b; 
text-decoration:none;
}
a:hover { 
border:none;
color:#349945;
}

img {
border:none;
}


/* --------------- Überschriften --------------- */
h1{
font-family: 'Oswald', sans-serif;
font-size:18pt;
margin:0 0 15px 0;
padding:0px;
color:#414141;
}

h2 {
font-family: 'Oswald', sans-serif;
font-size:16pt;
margin:0;
padding:0px;
color:#414141;
}

h3 {
font-family: 'Oswald', sans-serif;
font-size:14pt;
margin:0;
padding:0px;
color:#414141;
}

/* --------------- Struktur --------------- */
#header {
background-color:#FE9900;
background-image:url(bilder_gse/logo.jpg);
background-repeat:no-repeat;
height:160px;
color:#fff;
}

#logo {
font-family: 'Oswald', sans-serif;
font-size:40pt;
color:#fff;
text-decoration:none;
position:relative; top:60px; left: 50px;
border:none;
}

#logo:hover {
color:#55db6b;
}

#content {
padding:0 10px;  
margin:0;
width:80%;
float:right;
box-sizing: border-box;
}

#sidebar {
width:20%;
margin:0;
padding:0 10px;
padding-bottom:160px; /* Bottom Height of the footer element */
box-sizing: border-box;
}

/* --------------- Topnavigation --------------- */
#topnav {
background-color:#4682B4;
width:100%;
height:80px;
margin:0 0 20px;
padding:0;
-webkit-box-shadow: 0px 1px 2px 1px #b1b1b1; /* WebKit */
-moz-box-shadow: 0px 1px 2px 1px #b1b1b1; /* Firefox */
box-shadow: 0px 1px 2px 1px #b1b1b1; /* Standard */
}

#topnav ul {
list-style:none;
}

#topnav li {
float:left;
border-right:1px solid #3e6d45;
}

#topnav li:first-child {
border-left:none;
}

#topnav li:last-child {
border-right:none;
}

#topnav li a {
border:none;
font-size:14px;
height:51px;
display:block;
color:#fff;
text-decoration:none;
padding:28px 25px 0;
margin:0;
font-family: 'Oswald', sans-serif;
text-transform:uppercase;
}

#topnav li a:hover {
background-color:#0E96F2;
color:#000;
}


/* --------------- Sidebar: Boxen und Navigation --------------- */
.sbox {
position:relative;
background-color:#fff;
font-size:12px;
padding:10px;
margin:10px 0 20px 0;
line-height:1.5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 2px 1px #dedede; /* WebKit */
-moz-box-shadow: 0px 1px 2px 1px #dedede; /* Firefox */
box-shadow: 0px 1px 2px 1px #dedede; /* Standard */
}

.sbox:first-child {
margin:0 0 20px 0;
}

.sbox_head {
font-family: 'Oswald', sans-serif;
font-weight:bold;
text-transform:uppercase;
padding:3px 0 0 0;
height:45px;
margin:0 0 5px 0;
color:#414141;
font-size:16px;
}

.sbox ul {
list-style-type:none;
}

.sbox ul li {
height:45px;

border-bottom:1px dashed #ececec;
margin:0;
padding:1px 0;
}

.sbox ul li a {
font-family: 'Oswald', sans-serif;
border:none;
display:block;
height:45px;
color:#000;
text-transform:uppercase;
text-decoration:none;
letter-spacing:1px;
padding:10px 0 0 5px;
margin:0;
box-sizing: border-box;
}

.sbox ul li a:hover {
background-color:#f7f7f7;
color:#55db6b;
}


/* --------------- Footer --------------- */
#footer {
width:100%;
height:160px;
position:absolute; 
bottom:0; 
left:0;
background-color:#d2d2d2;
padding:10px 20px;
box-sizing: border-box;
font-size:10pt;
-webkit-box-shadow: 0px -1px 2px 1px #e2e2e2; /* WebKit */
-moz-box-shadow: 0px -1px 2px 1px #e2e2e2; /* Firefox */
box-shadow: 0px -1px 2px 1px #e2e2e2; /* Standard */
}