html,body,form{margin:0;padding:0}

form { display:inline }

body
{
 font-family:Arial;
 font-size:14px;
 line-height:1.5;
 padding-left:15px;
 padding-top:15px;
 color:#52473D;
}

div#navigation
{
  position: absolute;
  width: 180px;
  padding:10px;
  background-color:#F1EFE9;
 -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
 float:left; margin-right:15px; margin-bottom:5px; border:2px solid #F1EFE9;

}

p
{
 margin:0 0px 9px; text-align:justify
}



.mbutton
{
 -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
 border:1px solid #C5BCA1;
 background-image:url('design/button.gif');
 background-repeat:repeat-x;
 background-position:left center;
 width:88%;
 padding:3%;
 padding-left:18px;
 float:left;
 line-height:1.0em;
 TEXT-DECORATION: none;
 color:#52473D;
 display:block;
 font-size:1.0em;
 margin-bottom:2px;
}

.nbutton
{
 background: url(bilder/pfeil.gif) no-repeat; margin-left:20px; background-position:0px center; padding-left:10px; padding-top:0px; font-size:1.0em; display:block; color:#52473D; 
 padding-top:2px;
 padding-bottom:4px;
 border-bottom: 1px dotted #CBC8C1;
 margin-right:5px;
}

.nbutton:hover
{
 color:#ae7300;
}


div#content
{
 position: absolute;
 margin-left: 220px;
 padding:0px;
 max-width:1000px; 
 min-width:300px;
 width:auto;
 display:block;
 padding-right:20px;
 padding-top:5px;
}

.contentbox
{
 padding:3%; background-color:#F1EFE9;
 -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
 float:left; margin-right:15px; margin-bottom:5px; border:0px solid #F1EFE9;
 width:94%;
 float:left;
}



.footer
{
 display:none;
 position:static;
 clear:both;
}

.navbox
{
 clear:both;
 padding-top:6px;
 padding-bottom:10px;
}

.logo
{
 max-width:641px;
 width:50%;
 height:auto;
 margin-bottom:5px;
 margin-top:5px;
}


a .mbutton:hover
{
 text-decoration:underline
}

.url
{
 font-size:11px; padding-bottom:10px
}

div#navigation b
{
 color:#52473D;
 display:block;
 padding-bottom:2px;
 padding-top:10px;
}

/* Start: Elemente für Layout ohne zusätzliche Kisten */

.small {  font-size:0.846em; text-decoration:underline; float:right; padding-right:3px; display:block; }

A
{
 TEXT-DECORATION: none;
 color: #ae7300;
 TEXT-DECORATION: underline;
}

A:hover
{

}

.content_left
{
 width:50%;
 float:left;
}

.content_right
{
 width:49%;
 float:right;
}


.rahmen
{
 -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
 float:left; margin-right:15px; margin-bottom:5px; border:10px solid #F1EFE9;
 max-width:300px;
 width:32%;
 height:auto;
 margin-right:15px; float:left;
 margin-bottom:8px;
 position:relative;
}

.inbox_rahmen
{
 -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
 float:left; border:1px solid #F1EFE9;
 max-width:300px;
 width:45%;
 height:auto;
 float:left;
 position:relative;
}

.inbox_text
{
 float:right;
 width:52%;
 display:block;
 font-size:0.932em;
}

.inbox_text a
{
 text-decoration:none;
 color:#52473D;
}

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

.inbox_text b
{
 clear:both;
 font-size:1.2em;
 display:block;
 padding-bottom:3px;
 padding-left:1px;
}

.inbox_text p
{
 text-align:left;
 font-size:1.0em;
 padding-left:1px;
}


@media all and (min-width: 1200px) 
{
 body
 {
  font-size:14px;
 }
 
 div#navigation
 {
  width: 200px;
 }
 
 div#content
 {
  margin-left: 242px;
 }
}

@media all and (min-width: 1400px) 
{
 body
 {
  font-size:15px;
 }
 
 div#navigation
 {
  width: 220px;
 }
 
 div#content
 {
  margin-left: 262px;
  position:absolute;
 }
}

@media all and (max-width: 400px) 
{
 body
 {
  font-size:12px;
 }
}

@media (max-width: 879px) 
{


.content_left
{
 width:100%;
 float:left;
}

.content_right
{
 width:100%;
 float:left;
 clear:both;
}


}



@media (max-width: 799px) 
{
 body
 {
  padding:10px;
  padding-top:20px;
  font-size:13px;
 }

 .logo
 {
  max-width:450px;
  height:auto;
  width:80%;
  
 }

 div#navigation
 {
  font-size:1.0em;
  width: 175px;
 }
 
 div#content
 {
  font-size:1.0em;
  margin-left: 205px;
  padding-right:10px;
 } 
 
.navbox
{
 padding-top:1px;
 padding-bottom:6px;
}

 div#navigation
 {
  padding:5px;
 }
 
 .inbox_rahmen
  {
  width:99%;
  margin-bottom:5px;
 }
 
 .inbox_text
  {
  width:100%;
 }
 
.mbutton
{
 -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
 background-image:url('design/button2.gif');
 width:92%;
 padding:4%;
}

.nbutton
{
 background: url(bilder/pfeil.gif) no-repeat; margin-left:20px; background-position:0px center; padding-left:10px; padding-top:0px; font-size:1.0em; display:block; color:#52473D; 
 padding-top:2px;
 padding-bottom:4px;
 border-bottom: 1px dotted #CBC8C1;
 margin-right:5px;
 margin-left:10px;
}


}



@media all and (min-width: 319px) and (max-width: 640px)
{
 div#navigation
 {
 position: static;
 width:96%;
 padding:0px;
 border:none;
 -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
 padding:2%;
 }
 
 .mbutton
  {
  width:auto; 
   margin:0;
   padding:5px;
   float:left;
   margin-right:3px;
 }
 
 .navbox
 {
  display:none;
 }
 
 .footer
  {
  display:block; 
 }
 
 .extrainfo
 {
  display:none;
 }
 
 .footer a
  {
  float:right;
  font-size:0.9em  
 }
 
 .small
  {
  display:none;
 }
 
 div#content
 {
 position:static;
 width:100%;
 margin:0px;
 } 

 body
 {
  padding:5px;
  padding-top:20px;
 }
 
div#content_start
{
 padding:10px;
}

}

img
{
 border:0px;
}







h1
{
 font-size:1.462em;
 padding-bottom:0px;
 margin-bottom:10px;
 margin-top:0px;
 color:#4E433A
}

h2
{
 font-size:1.231em;
 padding-bottom:0px;
 margin-bottom:10px;
 color:#4E433A;
 margin-top:20px;
 clear:both;
}

h3
{
 font-size:1.077em;
 padding-bottom:0px;
 margin-bottom:5px;
 color:#4E433A;
}







@media all and (min-width: 450px) 
{
 .box2
  {
  -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
  width:calc(50% - 25px); background-color:#F1EFE9; height:100%;
  float:right; border:10px solid #F1EFE9;
  margin-bottom:10px;
 }

 .box1
 {
  clear:both;
  -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
  width:calc(50% - 25px); background-color:#F1EFE9; height:100%;
 
  float:left; border:10px solid #F1EFE9;
  margin-bottom:10px;
 }
}

@media all and (max-width: 449px) 
{
 .box1, .box2
  {
  -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
  width:calc(100% - 25px); background-color:#F1EFE9; height:100%;
  float:left; border:10px solid #F1EFE9;
  margin-bottom:10px;
 }

.inbox_rahmen
{
 -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
 float:left; border:1px solid #F1EFE9;
 max-width:300px;
 width:45%;
 height:auto;
 float:left;
 position:relative;
}

.inbox_text
{
 float:right;
 width:52%;
 display:block;
 font-size:0.932em;
}

.inbox_text a
{
 text-decoration:none;
 color:#52473D;
}

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

.inbox_text b
{
 clear:both;
 font-size:1.2em;
 display:block;
 padding-bottom:3px;
 padding-left:1px;
}

.inbox_text p
{
 text-align:left;
 font-size:1.0em;
 padding-left:1px;
}

}





.element1
{
 clear:both; padding-top:10px;
}

 .button 
  {
  -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
 border:1px solid #C5BCA1;
 background-image:url('design/button.gif');
 background-repeat:repeat-x;
 background-position:left center;
 padding:7px;
 

   padding-left:18px;
   float:left;
   line-height:1.0em;
   TEXT-DECORATION: none;
   color:#52473D;
   display:block;
   font-size:1.0em;
   margin-right:5px;
   
   margin-bottom:5px;

  }

  .button hover { TEXT-DECORATION: underline;  }

.zitat
{
 background: url(bilder/linie.gif) bottom left repeat-x; padding-bottom:10px; font-size:1.154em; margin-bottom:8px; line-height:1.3em
}

.gedicht
{
 background: url(bilder/linie.gif) top left repeat-x; font-size:1.154em; margin-bottom:10px; padding-top:10px; line-height:1.4em
}

.glueckwunsch
{
 background: url(bilder/linie.gif) top left repeat-x; font-size:1.154em; margin-bottom:10px; padding-top:10px; line-height:1.4em
}

.quelle
{
 color:#765C44; font-size:0.923em; padding-top:3px;
}


.result
{
 padding-top:6px; background: url(bilder/10points.gif) top left no-repeat; display:block; padding-left:100px; float:left; padding-right:10px; width: 58px;
}

.result0
{
 padding-left:15px; padding-top:12px; display:block; margin-bottom:5px; float:left; 
}

.voter
{
 padding:3px; padding-top:4px;
}

.voterbox
{
 padding-top:10px;
}

.votetext
{
 float:left; padding-top:5px; padding-right:5px;
}

.voterbox_vote
{
 float:left; padding-top:0px;
}

.voterbox_voted
{
 float:left; padding-top:5px;
}










.gratulationsbox
{
 -moz-box-shadow: 0 0px 3px rgba(34,25,25,0.3);
 -webkit-box-shadow: 0 0px 3px rgba(34,25,25,0.3);
 box-shadow: 0 0px 3px rgba(34,25,25,0.3);
 padding:10px; max-width:360px; height:auto; width:calc(100% - 30px); margin-right:0x; float:left;
}

div#lower
{
 width:100%;
 clear:both;
}







 
 .links
{
 background: url(bilder/link2.gif) bottom left repeat-x;
 display: block;
 height:15px;
 border:0px;
 max-width:188px;
 padding-top:3px;
 padding-bottom:7px;
 text-decoration:none;
 font-size:0.923em;
 padding-left:10px;
 margin-left:15px;
 margin-bottom:5px;
}

.links:hover
{
 text-decoration:underline;
}



@media all and (max-width: 899px) 
{


}