@charset "UTF-8";
/*   Kommentar
color: #fff        weiss
color: #eee        hellgrau
color: #26478A mittelblau
color: #FF4800  hellrot
color: #666 mittelgrau
color: #333 dunkelgrau
*/
* {
    padding: 0;
    margin: 0;
}

body {
background: #eee;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100.1%;
color: #333333;;
}

img { border: none; }
a { color: #26478A; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#wrap {
margin: 0 auto;
width: 840px;
background: #fff;
}

#header {
height: 120px;
color: #fff;
background-color: #26478A;
}
#header .h1 {
font-size: 26px;
font-weight: 100;
padding: 0 0 0 2%;
}
#header a {
color: #fff;
text-decoration: none;
}
#header a:hover {
color: #eee;
text-decoration: none;
}
#header .h2 {
font-size: 14px;
font-weight: 100;
padding: 0 0 0 11px;
line-height: 20px;
}
#header p {
padding: 0.5% 2%;
}

#intro {
padding: 2%;
color: #666;
font-size: 100.1%;
font-weight: 190;
text-decoration: none;
}
#intro h1{
font-size: 180%;
font-weight: 100;
text-decoration: none;
}
#content {
padding: 2%;
}

.left {
float: left;
}
.button a {
margin: 0.2em 0px;
border: #26478A 1px solid;
background-color: #eee;
padding: 0.5em 2em;
}
.left h2 {
color: #26478A;
font-family: Lucida Handwriting, Verdana, Arial, Helvetica, sans-serif;
font-size: 250%;
font-weight: 900;
padding : 1% 0;
}
.left h2 span {
color: green;
font-family: Mistral, Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: 400;
padding-left: 2em;
}
.left h3 {
color: #666;
font-size: 160%;
font-weight: 100;
padding : 1% 0;
}
.left ul {
list-style-type: square;
padding: 1% 0 1% 3%;
}

.left p {
margin-bottom: 2%;
}
.right {
display: none;
width: 150px;
float: right;
padding: 1%;
border-left: 1px solid #bbb;
font-size: 90%;
}
.right ul {
list-style-type: square;
padding: 1% 1% 1% 3%;
}
.right h2 {
height: 30px;
font-size: 120%;
color: #666;
font-weight: 100;
}
.right p {
font-style: oblique;
}

.right h3 {
height: 120%;
font-size: 100%;
font-weight: 150;
}
.right a {
text-decoration: none
}

#footer {
border-top: 1px solid #aaa;
text-align: center;
color: #333;
font-size: 80%;
padding: 0 0 1% 0;
margin-top: 3%;
}
@media only screen and (max-width: 840px) {
#wrap { float: none; width: 100%; }
.left { width: 100%; }

}
@media only screen and (max-width: 600px) {
#wrap, .left { float: none; width: 100%; }
}