body {
    margin:0px;
    padding:0px;
}

#all {
margin: 0px auto;
max-width:650px;
}

@media only screen and (min-width: 600px) {
#bg {
margin: 0px auto;
max-width:1030px;
background:url('../images/rapunzel/rapunzel-background.jpg') no-repeat 164px 20px;
}
}

@media only screen and (max-width: 600px) {
#bg {
background:url('../images/rapunzel/rapunzel-bg-mobil.jpg') no-repeat;
}
}



#content {
        position: relative;
        top: 200px;
        width: 290px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        line-height: 1.5em;
        color: #4D4961;
        text-align:left;
         padding-left:15px;
         padding-right:15px;
        padding-bottom:300px;
        left: 1px;
        word-wrap: normal;
}


@media only screen and (min-width: 600px) {

#content {
 width: 430px;
 padding-left:0px;
 padding-right:0px;
}
}


h1 {
font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size:16px;
        color: #4D4961;
        padding-top:30px;
}


h2 {
font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size:20px;
        color: #4D4961;
}

#verz {
position: relative;
top:155px;
left:45px;
width:270px;
}

a.navi_rap:link {
text-decoration: none;
font-family: Arial,  Helvetica, sans-serif;
        font-size: 16px;
        color: #4D4961;
        line-height:35px;
}
a.navi_rap:visited {
text-decoration: none;
font-family: Arial,  Helvetica, sans-serif;
        font-size: 16px;
        color: #4D4961;
                line-height:35px;
}
a.navi_rap:hover {
text-decoration: underline;
font-family: Arial,  Helvetica, sans-serif;
        font-size: 16px;
        color: #4D4961;
                line-height:35px;
}

ul#inhalt li {
list-style-type: none;
display:inline;
margin-left:-20px;
height:30px;
background: url('../images/rapunzel/rapunz2.gif') 10px 6px no-repeat;
padding-left: 30px;
width:auto;
    }

@media only screen and (min-width: 600px) {

ul#inhalt li {
margin-bottom: 10px;
margin-left:none;
}
 }

#symbole li a:link {
display:block;
text-decoration: none;
font-family: Arial,  Helvetica, sans-serif;
        font-size: 16px;
        background: #677B96;
        color: #FFFFFF;
        padding:10px;
        width:auto;
        margin-bottom:3px;
}

#symbole li a:visited {
text-decoration: none;
font-family: Arial,  Helvetica, sans-serif;
        font-size: 16px;
        background: #677B96;
        color: #FFFFFF;
}

#symbole li a:hover {
text-decoration: none;
font-family: Arial,  Helvetica, sans-serif;
        font-size: 16px;
        background: #5D5F85;
        color: #FFFFFF;
}

ul#symbole {
display:block;
margin-top:10px;
margin-bottom:50px;
margin-left:-20px;
}

 ul#symbole li {
list-style-type: none;
height:30px;
   float:left;
   width:auto;
   margin-left:3px;
   margin-bottom: 3px;
           padding-bottom:13px;
    }

ul#inhalt{
clear:both;
  text-align:right;
}



@media only screen and (min-width: 600px) {

#header {
position: relative;
float:right;
top:0px;
left:100px;
height:20px;
right:0px;
width:772px;
margin-bottom: 40px;
}

ul#topmenu {
position: relative;
float:left;
top:0px;
right:0px;
margin-top:0px;
}
ul#topmenu li {
list-style-type: none;
float:left;
  padding-left: 30px;
}
}


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

#header {
position: relative;
top:0px;
left:0px;
height:auto;
margin-bottom: 40px;
}

ul#topmenu {
position: relative;
top:20px;
float:right;
text-align:right;
padding-right:10px;
margin-top:10px;
}

ul#topmenu li {
list-style-type: none;
line-height:25px;
}
}

a.navi_top {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #4D4961;
text-decoration: none;
}
a.navi_top:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #4D4961;
text-decoration: none;

}
a.navi_top:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #4D4961;
text-decoration: underline;

}



ul#index {
margin-left: -40px;
}

ul#index li {
background: url('../images/rapunzel/rapun-dot.gif') 0px 9px no-repeat;
padding-left:20px;
list-style-type: none;
display:inline;
}

a.cont {
display:block;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: #4D4961;
        height:70px;

}
a.cont:visited {
display:block;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: #4D4961;
        height:70px;
}
a.cont:hover {
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: #4D4961;
}

a.textlink {
font-family: Arial, Helvetica, sans-serif;
color: #677D92;
font-size: 15px;
font-weight:bold;
line-height: 1.5em;
text-decoration: none;
}

a.textlink:visited {
font-family: Arial, Helvetica, sans-serif;
color: #4D4961;
font-size: 15px;
line-height: 1.5em;
text-decoration: none;
}

a.textlink:hover {
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
font-size: 15px;
line-height: 1.5em;
color: #4D4961;
}