@charset "utf-8";
/* CSS Document */


/* Reset (Inspired by E. Meyers)

	Mehr dazu: http://www.elmastudio.de/tipps-und-tools/tipps-und-tricks-zum-css-reset/

====================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body {line-height: 1; }


/* GENERELLES
====================================================== */
body {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	background-color:#fff;
}

.clear {
	clear:both;
}

.mobile_clear {
	clear:none;
}

.wrapper {
	width:960px;
	margin:0 auto;
}

a {
	text-decoration:none;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	color:#1C52B6;
	font-weight:800;
}

a:hover {
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

a img{
	border:none;
	text-decoration:none;
}

.last {
	margin-right:0px !important;
}

.break {
	position:relative;
	height:1px;
	width:100%;
	border-bottom:solid 1px #FFF;
	margin:20px 0px;
}

/* Fonts
====================================================== */

h1 {
	font-weight:300;
	font-size:35px;
	line-height:150%;
	color:#000;
	display:block;
	margin-bottom:20px;
	border-bottom:solid 1px #000;
	text-transform:uppercase;
}

h2 {
	font-weight:700;
	font-size:20px;
	line-height:150%;
	color:#000;
}

h3 {
	font-weight:700;
	font-size:16px;
	line-height:150%;
	color:#000;
	margin-bottom:15px;
}

h4 {
	font-weight:300;
	font-size:25px;
	line-height:150%;
	color:#000;
	display:block;
	margin-bottom:20px;
	border-bottom:solid 1px #000;
}


span {
	line-height:150%;
	font-size:16px;
	font-weight:400;
	color:#000;
}

#image_description {
	font-size:12px;
}

#image_description a{
	font-size:10px;
}

p {
	line-height:150%;
	font-size:16px;
}

strong {
	font-weight:600;
}

span a {
	color:#1C52B6;
	margin-left:7px;
}
/* Listen
====================================================== */

ul {
	list-style:disc;
	line-height:180%;
	margin-left:60px;
	color:#000;
	margin-bottom:35px;
}

ul.cushycms {
	list-style:none;
	margin-left:0px;
}

li.cushycms {
	list-style:none;
	margin:none;
}

/* NAVIGATION
====================================================== */

#main_nav {
	position:fixed;
	top:0px;
	left:100px;
	width:235px;
	background-color:rgba(255,255,255,0.4);
	height:100%;
	z-index:4;
	box-shadow:0px 0px 5px #000;
}

#logo {
	width:225px;
	height:175px;
	padding-bottom:25px;
	border-bottom:solid 1px #000;
	margin:0 auto;
	text-align:center;
	padding-top:15px;
}

#logo img{
	width:80%;
}

a.menu_item {
	width:185px;
	padding:7px 25px;
	border-bottom:solid 1px #000;
	height:35px;
	color:#000;
	display:block;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

a.menu_item:hover {
	background-color:rgba(56,52,136,0.8);
	}

a.menu_item span{
	font-size:14px;
	font-weight:800;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	color:#000;
}

a.menu_item span.sub{
	font-size:12px;
	font-weight:300;
	line-height:100%;
}

a.menu_item:hover span {
	color:#fff;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}


/* INTROSEITE 
====================================================== */


#links {
	position:absolute;
	width:30%;
	left:10%;
	top:45%;
	text-align:center;
}

#rechts {
	position:absolute;
	width:30%;
	left:60%;
	top:45%;
	text-align:center;
}

#rechts img,#links img {
	width:40%;
}

#rechts a,#links a {
	font-size:3em;
	color:#000;
	text-shadow:0px 0px 5px #fff;
	font-weight:800;
}



/* Basis Layout
====================================================== */

#content {
	position:absolute;
	width:55%;
	padding:0px 25px;
	height:auto;
	background-color:rgba(255,255,255,0.0);
	left:400px;
	top:0px;
	z-index:5;
	box-shadow:0px 0px 0px #000;
	height:300px;
	overflow:hidden;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

#content:hover {
	background-color:rgba(255,255,255,0.5);
	height:auto;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	box-shadow:0px 0px 5px #000;
}

#mehr {
	position:absolute;
	top:100%;
	margin-top:-23px;
	left:90%;
	font-weight:800;
}

#content:hover #mehr {
	display:none;
}
	
#content-impressum {
	position:absolute;
	width:55%;
	padding:0px 25px;
	height:auto;
	background-color:rgba(255,255,255,0.0);
	left:400px;
	top:0px;
	z-index:5;
	box-shadow:0px 0px 0px #000;
	background-color:rgba(255,255,255,0.5);
	height:auto;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	box-shadow:0px 0px 5px #000;
}


#facebook {
	position:absolute;
	width:30px;
	height:30px;
	top:32px;
	left:640px;
}

#content_text {
	width:100%;
	padding:20px 0px;
	color:#000;
	margin-bottom:15px;
	text-shadow:0px 0px 10px #fff;
}

.row img{
	width:194px;
	padding:2px;
	border:solid 1px #000;
	margin-bottom:15px;
}

img.social {
	border:none;
	margin:10px 4px 0px 0px;
	width:26px;
	float:left;
	opacity:0.5;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

img.social:hover {
	opacity:1;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

#impressum {
	position:fixed;
	top:100%;
	margin-top:-40px;
	left:100px;
	width:185px;
	padding:10px 20px;
	height:20px;
	z-index:4;
	color:#000;
}

#impressum a {
	font-size:14px;
	font-style:italic;
	margin:0px 5px;
	color:#000;
	padding:2px;
	line-height:180%;
}


#impressum a img {
	
}
	

img#bg {
	/* Stretch background */
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:0;
}


img#bg_intro {
	/* Stretch background */
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:0;
}
	
#bg_grid {
	position:fixed; /* This is very important! */
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: url(../img/grid.png) repeat;
		
	/* Display on top of background */
	z-index:1;
}


/* FORMS
====================================================== */

form {
	position:relative;
	width:100%;
	margin-bottom:20px;
}

input, textarea {
	border:none;
	background-color:#fff;
	color:#000;
}

.eingabe {
	position:relative;
	display:block;
	width:90%;
	background-color:#fff;
	font-size:14px;
	margin-bottom:15px;
	padding:5px 0px;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.eingabe:focus {
	background-color:#efefef;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

label {
	position:relative;
	display:block;
	color:#000;
	font-size:14px;
	font-weight:600;
	margin-bottom:5px;
}

.textfeld {
	position:relative;
	display:block;
	max-width:90%;
	width:90%;
	height:300px;
	font-size:14px;
	margin-bottom:15px;
	padding:5px 0px;
	background-color:#fff;
}

.button {
	position:relative;
	display:block;
	width:100%;
	padding:1% 5%;
	font-size:14px;
	margin-bottom:15px;
	height:30px;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

/* TABELLEN
====================================================== */

table {
	font-size:16px;
	width:100%;
}

th, td {
	padding:10px 5px;	
}

.odd {
	background-color:rgba(255,255,255,0.5);
}



@media only screen and (max-width: 960px) {
	
/* Fonts
====================================================== */

h1 {
	font-size:50px;
	line-height:150%;
	margin-bottom:20px;
}

h2 {
	font-weight:700;
	font-size:35px;
	line-height:150%;
	color:#000;
}

h3 {
	font-size:28px;
}

h4 {
	font-size:40px;
}

span {
	font-size:25px;
}

p {
	line-height:150%;
	font-size:25px;
}


.mobile_clear {
	clear:both;
}

#rechts, #links {
	top:50%;
}

#rechts a,#links a {
	font-size:2em;
	color:#000;
	text-shadow:0px 0px 5px #fff;
	font-weight:800;
}
	
	/* NAVIGATION
====================================================== */

body {
	background-color:#fff;
}

#main_nav {
	position:relative;
	top:0px;
	left:0px;
	width:90%;
	height:auto;
	padding:5%;
	background-image:none;
	background-color:#fff;
}

#logo {
	position:relative;
	margin:0 auto;
	width:250px;
	height:250px;
	border-bottom:none;
}

a.menu_item {
	width:100%;
	padding:5px 0px;
	text-align:center;
	height:55px;
	border-bottom:solid 2px #000;
}

a.menu_item span{
	font-size:40px;
	font-weight:300;
}

a.menu_item span.sub{
	display:none;
}

#main_nav_spitze {
display:none;
height:0px;
}


/* Basis Layout
====================================================== */

#content {
	position:relative;
	width:90%;
	padding:0% 5%;
	height:auto;
	background-image:none;
	background-color:#fff;
	left:0px;
	top:0px;
}

#content-impressum {
	position:relative;
	width:90%;
	padding:0% 5%;
	height:auto;
	background-image:none;
	background-color:#fff;
	left:0px;
	top:0px;
}

#content_text {
	margin-bottom:0px;
}

.row {
	position:relative;
	width:100%;
	margin-right:0px;
	height:auto;
	margin-bottom:25px;
	float:none;
	border-bottom:solid 1px #000;
}

.row img{
	width:194px;
	padding:2px;
	border:solid 1px #000;
	margin:5px 15px 15px 0px;
	float:left;
}

img.social {
	border:none;
	margin:10px 4px 0px 0px;
	width:26px;
	float:left;
	opacity:0.5;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

#impressum {
	position:relative;
	top:0px;
	margin-top:0px;
	left:0px;
	width:90%;
	padding:5% 5%;
	height:auto;
	z-index:4;
	color:#000;
}

#impressum a {
	font-size:25px;
}



img#bg {
	/* Stretch background */
	position:relative;
	top:0;
	left:0;
	height:auto;
	width:100%;
	z-index:0;
}


#bg_grid {
display:none;
height:0px;
width:0px;
}

/* FORMS
====================================================== */

form {
	position:relative;
	width:100%;
	margin-bottom:20px;
}

input, textarea {
	border:none;
	background-color:#eee;
	color:#000;
}

.eingabe {
	font-size:20px;
	background-color:#eee
}


label {
	font-size:25px;
}

.textfeld {
	font-size:20px;
}

.button {
	font-size:20px;
}


/* TABELLE
====================================================== */


table {
	background-color:#efefef;
}

.odd {
	background-color:rgba(255,255,255,1);
}
}


@media only screen and (max-device-width: 640px) {

/* Fonts
====================================================== */

h1 {
	font-size:50px;
	line-height:150%;
	margin-bottom:20px;
}

h2 {
	font-weight:700;
	font-size:35px;
	line-height:150%;
	color:#000;
}

h3 {
	font-size:28px;
}

h4 {
	font-size:40px;
}

span {
	font-size:25px;
}

p {
	line-height:150%;
	font-size:25px;
}


.mobile_clear {
	clear:both;
}
	
	/* NAVIGATION
====================================================== */

body {
	background-color:#fff;
}

#main_nav {
	position:relative;
	top:0px;
	left:0px;
	width:90%;
	height:auto;
	padding:5%;
	background-image:none;
	background-color:rgba(255,255,255,1);
}

#logo {
	position:relative;
	margin:0 auto;
	width:175px;
	height:175px;
	border-bottom:none;
}

a.menu_item {
	width:100%;
	padding:5px 0px;
	text-align:center;
	height:45px;
	border-bottom:solid 2px #000;
}

a.menu_item span{
	font-size:30px;
}

a.menu_item span.sub{
	display:none;
}

#main_nav_spitze {
display:none;
height:0px;
}


/* Basis Layout
====================================================== */

#content {
	position:relative;
	width:90%;
	padding:0% 5%;
	height:auto;
	background-image:none;
	background-color:#fff;
	left:0px;
	top:0px;
}

#content_text {
	margin-bottom:0px;
}



#content-impressum {
	position:relative;
	width:90%;
	padding:0% 5%;
	height:auto;
	background-image:none;
	background-color:#fff;
	left:0px;
	top:0px;
}

.row {
	position:relative;
	width:100%;
	margin-right:0px;
	height:auto;
	margin-bottom:25px;
	float:none;
	border-bottom:solid 1px #000;
}

.row img{
	width:194px;
	padding:2px;
	border:solid 1px #000;
	margin:5px 15px 15px 0px;
	float:left;
}

img.social {
	border:none;
	margin:10px 4px 0px 0px;
	width:26px;
	float:left;
	opacity:0.5;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

#impressum {
	position:relative;
	top:0px;
	margin-top:0px;
	left:0px;
	width:90%;
	padding:5% 5%;
	background-image:none;
	height:auto;
	z-index:4;
	color:#000;
}

#impressum a {
	font-size:25px;
}

img#bg {
	/* Stretch background */
	position:relative;
	top:0;
	left:0;
	height:auto;
	width:100%;
	z-index:0;
}


#bg_grid {
display:none;
height:0px;
width:0px;
}


/* FORMS
====================================================== */

form {
	position:relative;
	width:100%;
	margin-bottom:20px;
}

input, textarea {
	border:none;
	background-color:#ddd;
	color:#000;
}

.eingabe {
	font-size:20px;
}


label {
	font-size:25px;
}

.textfeld {
	font-size:20px;
}

.button {
	font-size:20px;
}
}