/* General Style */ 


body {

	background:#DCDCDC;
	background:#FFF;

	font-size:100%;

	margin:0em;

	padding:0em;

}



h1 {

	font-size:4.0em;

	line-height:3.8em;

	font-family:Helvetica;

	font-weight:100;

	color:#E2DBDB;

	margin:0em;

}



h2 {
	font-size:1.563em;

	line-height:1.8em;

	font-family:Helvetica;

	font-weight:100;

	color:#2F2D2C;

	margin:0em;

	padding:0.7em;

	text-align:left;

}



h3 {
	font-size:3.0em;

	line-height:1.5em;

	font-family:Helvetica;

	font-weight:100;

	color:#2F2D2C;

	margin:0em;

	padding-top:1.0em;

	text-align:center;

}


h4 {
	font-size:1.6em;

	line-height:1.2em;

	font-family:Helvetica;

	font-weight:100;

	color:#2F2D2C;

	margin:0em;

	padding:0.8em;

	text-align:center;

}


h5 {
	font-size:0.8em;

	line-height:0.7em;

	font-family:Helvetica;

	font-weight:100;

	color:#2F2D2C;

	margin:0em;

	padding:0.4em;

	text-align:center;

}


h6 {
	font-size:0.67em;

	line-height:1.0em;

	font-family:Helvetica;

	font-weight:bold;

	color:#2F2D2C;

	margin:0em;

	padding-bottom:1.25em;

	text-align:center;

}



p {

	line-height:1.25em;

	font-family:Helvetica;

	font-weight:100;

	color:#2F2D2C;

	margin:0em;

	padding:1.25em;

	text-align:justify;

}



ul {

	margin:0px;

	padding:0px;

}



li {

	list-style:square;

	font-family:Helvetica;

	font-weight:100;

	color:#2F2D2C;

	line-height:1.25em;

	margin:0em;

	padding:0em;

	margin:0.313em 0em 0.313em 0em;

}



a {

	text-decoration: none;

}



/* On Top Bar */


#menubar {

	display:block;
        visibility: hidden;

	background:#FFFFFF;

}


#menubar ul {

	display:block;

	width:2em;

	padding:0.9em;

}


#menubar ul li {

	display:inline;

}


#menubar ul li a.menubutton {

	display:none;

}


/* Header */


header {

	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	display:block;

	background:#2F2C2C;

	text-align:center;

}


/* Navigation */


nav {

    width: 90%;
    max-width: 1180px;
    display:block;

    height:2.5em;

    background:#FFFFFF;

    margin: 0 auto;
    text-align:center;

}



nav ul {

    padding: 0px;

    margin: 0px;


    box-shadow: 2px 2px 2px #dfdfdf;

    -moz-box-shadow: 2px 2px 2px #dfdfdf;

    -webkit-box-shadow: 2px 2px 2px #dfdfdf;

    display:block;

    background-color: #bbb;

}



nav ul li {

    display:block;

/*    margin:0em 0.188em 0em 0.188em;
 */
    margin: 0;

    background-color: #bbb;

    list-style: none;

    float:left;

    border-right: 1px solid #dfdfdf;

    text-align: left;
}


nav ul li a {

    text-decoration: none;

    display: block;

    color: #333;

    font-size: 1.125em;

    line-height:2.5em;

    padding:0.563em 0.938em 0.375em 0.983em;

    transition: background 1s ease-out;

    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;

    -o-transition: background 1s ease-out;

}



nav ul li a:hover {

    background:#DBD9D8;

/*    border-bottom: 0.188em solid #E7590B; */
}


nav ul li a.active {

/*    border-bottom: 0.188em solid #E7590B;
 */
}


nav ul:after {

    clear: both;

    content: " ";

    display: block;

    font-size: 0;

    height: 0;

    visibility: hidden;

}



nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a  {

/*    background-color: #E6DD00; */
    background-color: #666;

}


nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a  {

/*    background-color: #8CB302; */
    background-color: #666;

}


nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {

/*    background-color: #008C74; */

    background-color: #666;

}


nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a {

/*    background-color: #004C66;
 */
    background-color: #666;

}


nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a {

/*    background-color: #332B40; */

    background-color: #666;

}



nav ul li:hover > a {

    color: #FAFAFA;

}


nav ul li:hover > ul {

    visibility: visible;
}



nav ul li ul {

    display: inline;

    visibility: hidden;

    position: absolute;
    padding: 0px;

}


nav ul li ul li {

    float: none;

}


nav ul li ul li a {

    color: #FAFAFA;

}


nav ul li ul li a:hover{

    color: #333;

    background-color: #FAFAFA !important;

}




/* Content Area */


#main {

	display:block;

	width:90%;

	max-width:1180px;

	margin:0 auto;

	padding:0em;

}



#main article {

	display:inline-block;
 
	width:70%;
 
	background:#FFFFFF;

	vertical-align: top;

	margin:0em;

	padding:0em;

	text-align:center;

}



#main article img {

	max-width:600px;

}



#main article .impressionen td {

	width:32%;

	margin:0;
	padding:0;
}



#main aside {

	display:inline-block;

	width:30%;

	background:#FFFFFF;

 
	padding:0em;

	vertical-align:top;
	float: right;

}



#main aside section {

	background:#999;

	margin: 0.3em;

	border-radius: 1em;
}



#main aside img {

	max-width:120px;

	margin: 20px 20px;
}



#main article h2 {

	padding:1em 1.8em 1em 1.8em;

}



#main aside section ul {

	padding:0em 1.875em 1.25em 2.5em;

}


/* Footer */


footer {

	display:block;

	background:#2F2C2C;

	text-align:center;

	width:90%;

	max-width:1180px;

	margin: 0.8em auto;
	clear: both;
	border-radius: 0.5em;
}



footer ul {

	display:block;

	text-align:center;

	margin:0px auto;

}



footer ul li {

	display:inline;

	font-size:0.8em;

	line-height:2.8em;

	color:#E2DBDB;

	padding:0em 0.625em 0em 0.625em;

}


footer ul li a {

	color:#E2DBDB;

}


figure {
  width: 45%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  border: thin silver solid;
  margin: 0.5em auto;
  padding: 0.5em;
}

/* Mobile Style */


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

	body {

		font-size:90%;

	}

}


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

	#main aside, #main article {

		width:100%;

		display:block;

		margin:0.625em 0em 0.625em 0em;

	}

}


@media screen and (min-width:550px) {

	nav.nav {

		display:block !important;

	}

}


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

	body {

		font-size:86%;

	}

	#menubar ul li a.menubutton {

		display:block;

	}
/*
	nav {

		display:none;

		height:auto;

	}

 */
	nav ul li {

		display:block;

		margin:0.3em 0em 0.3em 0em;

	}

}