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

	Template:		39
	Datum: 			19.12.2012
	Version: 		1.0
	Homepage:		http://freietemplates.de/
	
----------------------------------------*/

/*------ General ---------------------- */


body {
background-image:url(bilder/bg.jpg);
font-size:13px;
font-family: Arial, sans-serif;
line-height:20px;
color:#696969;
padding:0;
margin:0;
}

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

a { color:#2870bb;}
a:hover { color: #428edc;
text-decoration:none;}

img {
border:none;
}

/*------ Überschriften ---------------------- */
h1{
font-size:20px;
margin:10px 0;
padding:0 0 5px 0;
border-bottom:1px dashed #fff;
color:#000;
}

h2{
font-size:16px;
margin:10px 0;
color:#000;
}

h3{
font-size:13px;
margin:10px 0;
color:#000;
}

/*------ Struktur ---------------------- */
#wrapper {
max-width:980px;
margin:30px auto;
}

#shadow {
-moz-box-shadow:    0 0 6px #767676;
-webkit-box-shadow: 0 0 6px #767676;
box-shadow:         0 0 6px #767676;
}

#sidebar {
float:left;
max-width:200px;
}

#right {
float:right;
max-width:760px;
}

@media screen and (max-width:890px) {
#right { max-width:670px; }
}

@media screen and (max-width:840px) {
#right { max-width:620px; }
}

@media screen and (max-width:800px) {
#right { max-width:580px; }
}

@media screen and (max-width:740px) {
#right { max-width:520px; }
}

@media screen and (max-width:690px) {
#right { max-width:470px; }
}

@media screen and (max-width:640px) {
#right { max-width:420px; }
}

@media screen and (max-width:480px) {
#right { max-width:340px; }
}

@media screen and (max-width:360px) {
#right { max-width:280px; }
}

@media screen and (max-width:320px) {
#right { max-width:240px; }
}

@media screen and (max-width:240px) {
#right { max-width:160px; }
}

#logo  {
font-size:40px;
font-weight:bold;
color:crimson;
text-decoration:none;
text-shadow: 3px 3px 4px #111;
}

@media screen and (max-width:240px) {
#logo { font-size:32px; }
}

#logo:hover {
color:#000;
}

hr {
background: gainsboro;
height: 2px;
border: none;
}


/*------ Topnavigation ---------------------- */
#topnav {
background-color:#c93d22;
max-width:980px;
height:50px;
padding:0;
margin:10px 0 0 0;
border-bottom:5px solid #a9341c;
}

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

#topnav ul li {
display:block;
float:left;
height:34px;
color:#000;
font-weight: bold;
padding:12px 10px 0;
border-right:1px solid #a9341c;
}

@media screen and (max-width:360px) {

#topnav ul li {
background-color:#c93d22;
height:16px;
padding:10px 8px 5px;
border: none;
clear:left;
}

}

#topnav ul li a {
color:#fff;
font-weight: normal;
text-decoration:none;
}

#topnav ul li a:hover {
background-color:#d85940;
}

/*------ Menü in der Sidebar ---------------------- */


/*----- Hamburger Menue -----*/

.hamburger_icon {
color:crimson;
background-color: gainsboro;
font-size: large;
}

.dropdown > input{
display: none;
}

label {
display:none;
}

@media screen and (max-width:480px) {

.menuhead {
display:none;
}

label {
display:inline;
}

.menu ul{
display: none;
}

input[type=checkbox]:checked ~ ul {
display: block
}

input[type=checkbox]:checked ~ .menuhead {
display: block
}

}

/*----- Ende Hamburger Menue -----*/



.menuhead {
font-family:Arial, sans-serif;
font-size:15px;
font-weight:bold;
letter-spacing:1px;
padding:0;
margin:15px 0 5px 0;
color:#000;
}

.menu ul li {
height:27px;
max-width:180px;
border-bottom:1px solid #e4e4e4;
font-size:12px;
font-weight: bold;
display:block;
height:22px;
color:crimson;
padding:4px 0 0px 0;
margin:1px 0 0 0;
}

.menu ul li:first-child {
border-top:1px solid #e4e4e4;
padding:0 0 1px 0;
}

.menu ul li a {
color:#4d4d4d;
font-weight: normal;
text-decoration:none;
}

.menu ul li a:hover {
color:#000;
background-color:#f1f1f1;
text-shadow:1px 1px 0 #fff;
font-weight:bold;
}

/*------ Content ---------------------- */
#content {
overflow:hidden;
background-color:#fff;
max-width:960px;
height:auto;
text-align:justify;
padding:10px;
}

/*------ Footer ---------------------- */
#footer {
clear:both;
background-color:#313131;
border-bottom:5px solid #1e1e1e;
color:#fff;
font-size:11px;
max-width:960px;
height:17px;
margin:0 auto 0;
padding:10px 10px;
}


@media screen and (max-width:480px) {
#footer {
height:50px;
}
}