body {
margin:20px;
font-family: 'Roboto Condensed', sans-serif;
}
#container {
max-width:960px;
padding:40px; /* 20 / 960 */
margin:0 auto;
background-image:url(../img/weiss-90.png);
background-repeat:repeat;
-moz-box-shadow:    3px 3px 100px 6px #000;
-webkit-box-shadow: 3px 3px 100px 6px #000;
box-shadow:         3px 3px 100px 6px #000;
-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomright: 30px;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
}
header {
width:100%; /* 920 / 960 */
background:none;
margin-bottom:5px;
}
header img {
height:200px;
width:auto;
}
header h1 {
font-family: 'Monofett', cursive;
}
article {
width:62.5%; /* 600 / 960 */
float:left;
margin-top:30px;
}
article h1 {
font-size:28px;
}
article a {
color:#009999;
text-decoration:none;
}
aside {
width:27.083333333333332%; /* 260 / 960 */
padding:2.083333333333333%;
margin:7.291666666666667% /* 70 / 960 */ 0 2.083333333333333% 4.166666666666666%; /* 40 / 960 */;
float:right;
background:none;
border-left:1px dotted #000;
color:#000;
}
aside a {
color:#009999;
text-decoration:none;
}
aside h1 {
color:#009999;
text-transform:uppercase;
font-weight:normal;
font-size:20px;
}
aside.sprachen {
float:right;
background:none;
color:#000;
}
aside.sprachen a {
color:#000;
text-transform:uppercase;
text-decoration:none;
}
aside.sprachen a:hover {
color:#009999;
text-transform:uppercase;
text-decoration:none;
}
aside.sprachen a.aktiv {
color:#009999;
text-transform:uppercase;
text-decoration:none;
}
footer {
width:96%; /* 920 / 960 */
padding:2% 0 2% 0;
background:none;
border-top:1px dotted #000;
clear:both;
}
footer a {
color:#009999;
text-decoration:none;
}
footer a:hover {
color:#009999;
text-decoration:underline;
}
img {
width:50%;
height:auto;
padding:0;
margin:0;
}
p.bildbeschrieb {
font-style:italic;
background:#fff;
width:40%;
padding:5%;
margin:-2% 0% 10% 0%;
}
.tinynav {
display:none;
}
#nav {
border-top:1px dotted #000;
border-bottom:1px dotted #000;
display: block;
width:96%;
float:left;	
padding:2%;
margin-bottom:0;
}
#nav li {
list-style:none;
float:left;
width:auto;
margin-right:1.5%;
}
#nav li a {
padding:2%;
color:#000;
text-decoration:none;
text-transform:uppercase;
}
#nav li a:hover {
color:#009999;
text-decoration:none;
text-transform:uppercase;
}
#nav li a.aktiv {
color:#009999;
text-decoration:none;
text-transform:uppercase;
}
h1 {
color:#009999;
text-transform:uppercase;
font-weight:normal;
font-size:40px;
}
h2 {
color:#009999;
text-transform:uppercase;
font-weight:normal;
font-size:20px;
}
select {
width:75%;	
}
input {
width:74%;	
}
textarea {
width:74%;
height:100px;
}
lable {
margin-bottom:100px;	
}
.fehlermeldung {
color:#ff0000;
}
.erfolgsmeldung {
color:#009999;
}
@media screen and (max-width:600px) {
#container {
padding:4%;
margin:0 auto;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-border-top-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-bottomright:0px;
border-top-left-radius:0px;
border-bottom-right-radius:0px;
}
article {
width:100%;
padding:0;
}
article img {
width:100%;
}
aside {
width:96%;
padding:2%;
border:none;
}
body {
margin:0;
background:none;
}
.js .tinynav { 
display: block;
width:100%;
margin-top:1.5em; 
}
.js #nav {
display: none;
}
header img {
height:auto;
width:50%;
padding:0 25% 0 25%;
}
article img {
width:100%;
}
article select {
width:100%;	
}
article input {
width:94%;	
}
article textarea {
width:98%;
}
article lable {
margin-bottom:100px;	
}
article input[type="submit"] {
width:100%;	
}
footer {
padding-top:15px;
}
p.bildbeschrieb {
font-style:italic;
background:#fff;
width:90%;
padding:5%;
margin:-2% 0% 10% 0%;
}
}