@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Lato);
@import url(http://fonts.googleapis.com/css?family=Oswald);

body, input, textarea {

font-family: 'Lato', Arial, Helvectiva, sans-serif

}

body{

color:#000000;

padding:0;

margin:0;

}

h1{

font-size:24px;

font-weight:normal;
margin-top:0

}

a{

text-decoration:none;

color:#FFFFFF;

text-shadow:1px 1px #555

}

a:hover{

color:#bbb;

}

/* Body BG Farben */

#v{

background-color:#973596;

}

#b{

background-color:#64b1df;

}

#r{

background-color:#b21616;

}

#g{

background-color:#539257;

}

#o{

background-color:#cd9317;

}

#gb{

background-color:#c2cd17;

}

/* Schriftfarben Farben */

.v{

color:#973596;

}

.b{

color:#64b1df;

}

.r{

color:#b21616;

}

.g{

color:#539257;

}

.o{

color:#cd9317;

}

.gb{

color:#c2cd17;

}



/* Container */

#flashcontent{

width:570px;

height:639px;

float:left;

padding-left:157px;

margin-top:33px;

}

#content{

width:315px;

height:440px;

margin-left:749px;

padding-top:0;

font-size:0.75em;

line-height: 135%;

margin-top: -14px;

}

#content a {
    text-shadow: 0 0 0;
}

#content b{color:#666;font-size:1.25em;font-weight:normal}

#navi{

padding-top:48px;

width:1204px;

margin-left:auto;

margin-right:auto;

text-align:center;

color:#FFFFFF;

font-size:0.9em;

font-family: 'Oswald', Arial, Helvectiva, sans-serif;
position: relative;
top: -10px;
}

#menu{

margin-top:28px;

color:#FFFFFF;

text-align:center;

padding-right:125px;

float:right;

width:352px;
font-size: 0.9em;

font-family: 'Oswald', Arial, Helvectiva, sans-serif

}

.panel-wrapper, #layer h2{
    text-align: center
}

.img{

width:110px;

float:left;

}

.txt{

height: 140px;

margin-left: 110px;

width: 150px;

}

#content a{

color:#000000;

text-decoration:underline;

}

#content a:hover{

text-decoration:none;

}

/* Wraps */

#wrap-v{

width:1204px;

height:742px;

padding:0;

margin:0;

margin-left:auto;

margin-right:auto;

background-image:url(img/violet.jpg);

background-repeat:no-repeat;

}

#wrap-b{

width:1204px;

height:742px;

padding:0;

margin:0;

margin-left:auto;

margin-right:auto;

background-image:url(img/blau.jpg);

background-repeat:no-repeat;

}

#wrap-r{

width:1204px;

height:742px;

margin-left:auto;

margin-right:auto;

background-image:url(img/rot.jpg);

background-repeat:no-repeat;

}

#wrap-g{

width:1204px;

height:742px;

margin-left:auto;

margin-right:auto;

background-image:url(img/gruen.jpg);

background-repeat:no-repeat;

}

#wrap-o{

width:1204px;

height:742px;

margin-left:auto;

margin-right:auto;

background-image:url(img/orange.jpg);

background-repeat:no-repeat;

}

#wrap-gb{

width:1204px;

height:742px;

margin-left:auto;

margin-right:auto;

background-image:url(img/gelb.jpg);

background-repeat:no-repeat;

}

#wrap-gb a, #wrap-gb #navi{color:#555}

#wrap-gb a:hover{color:#000}

a, input, textarea, h1, #subnavi a {

	-webkit-transition: all 0.8s ease-in-out;

	-moz-transition: all 0.8s ease-in-out;

	-o-transition: all 0.8s ease-in-out;

	-ms-transition: all 0.8s ease-in-out;

	transition: all 0.8s ease-in-out

}

#logo{margin-left:180px;margin-top:70px}.no{display:none !important}.toppadding{padding-top:0 !important;margin-top: -40px}

#o h1{font-size:22px}

#layer {
    left: 50%;
    margin-left: -435px;
    max-width: 871px;
    position: absolute;
    top: 100px;
	background-color:#F2F2F2
}
#layer h1{margin-bottom:0;text-align:center}
#layer b{margin-right:20px;margin-top:20px;text-align:right;display:block;cursor:pointer}
#layer p{text-align:center}
#layer a{color:#000}