/*If you're having a hard time with this template just contact me (www.yomena.de). I'll modify it or even create a unique design for you. This template is distributed under the Creative Commons Attribution 3.0 license. Modify it as you like, but please leave credit intact. Have fun!!! */

body {
margin: 0px;
padding: 0px;
background-color: #ffff00;
font-family:Arial, Helvetica, sans-serif;
font-size: 90%;
}

h2{
font-size: 35px;
margin-bottom: 0px;
color: #0F53A4;
}

hr{
 border: 0px; /* Für Firefox und Opera */
 border-top:  dotted 1px #6D96B8;
 border-bottom: transparent;
}

.main {
margin-right: 10px;
clear: left;
position: relative;
top: -130px;
left: 220px;
width: 70%;
}

.main a {
color: #0F53A4;
text-decoration: none;
font-weight:bold;
}

.main img {
color: #0F53A4;
}

a:hover {
text-decoration: underline;
color: #3583D3;
}

h1 {
font-size: 50px;
margin-bottom: 0px;
color: #0F53A4;
}

.leftNav  a:hover{
text-decoration: underline;
color: #3583D3;
}

.leftNav li {
list-style-type: none;
list-style-image: none;
margin: 0px;
padding: 0px;
line-height: 1.9em;
}

.leftNav ul {
margin: 0px;
padding: 0px;
}

.titel{
position: relative;
left: 110px;
width: 300px;
top: 10px;
}


.leftNav {
position: relative;
top: 170px;
text-align: left;
margin: 0px 0px 0px 10px;
}

.leftNav li a{
color: #0F53A4;
font-size: 130%;
text-decoration: none;
padding: 0px;
font-weight: bold;
}

.leftNav li a:hover {
padding: 5px;
text-decoration: none;
}

.footer {
position: relative;
top: 10px;
text-align: right;
margin: 20px;
font-size: 80%;
color: gray;
}

.footer a {
color: silver;
text-decoration: none;
}

.footer a:hover {
text-decoration: underline;
}

img {
    margin-right:60px;
	margin-bottom:30px;
}


@media(max-width: 700px)
 {
  .main {
    left: 190px;
  }
  h1 {
    font-size: 40px;
  }
  .leftNav li a {
    font-size: 100%;
  }
  img {
    margin-right:30px;
	margin-bottom:10px;
  }
}

@media(max-width: 600px)
 {
  .main {
    left: 130px;
  }
  h1 {
    font-size: 30px;
  }
  .leftNav li a {
    font-size: 75%;
  }
  img {
    margin-right:10px;
	margin-bottom:5px;
  }
}

@media(max-width: 400px)
 {
  .main {
    left: 120px;
  }
  h1 {
    font-size: 25px;
  }
}