/*
Theme Name: LaOla zaubert Kinderlachen
Author: FRANK SCHROEDER | AGENTUR FUER KOMMUNIKATION
*/


/* ##### ALLGEMEINE DEFINITIONEN ##### */

* {
     padding: 0px;
     margin: 0px;
     }
#impressum { float:right; margin-right: 70px;margin-bottom: 30px;}
a img { border:none;}
#votingspalte {float: left;}
#inhalt-wrapper {padding-bottom: 30px;}

#impressum a {color: #e12227; font-size: 10px;}

a { text-decoration:none; }
body {
     background: #0063a7;
     color: #281f4a;
     font-family: Tahoma;
     font-size: 12px;
margin-bottom: 1px;
     }

#main-wrapper {
     background: #112d5f url('images/hintergrund.jpg') top center no-repeat;
     width: 100%;
     padding-top: 30px;
     }

#wrapper {
     margin: 0 auto;
     width: 960px;
     }

p {
     line-height: 1.5;
     margin-left: 5px;
padding-bottom: 10px;
text-align: justify;

     }

a:focus {
     outline-style: none;
     }



h1 {
     background: #ffffff url('images/bg_ueberschrift.jpg') bottom left;
     padding: 0px 0px 3px 5px;
     margin-bottom: 5px;
     color: #da251c;
     font-weight: bold;
     font-size: 24px;
     }

.clear {
     clear: both;
     }
     
     

/* ##### HEADER ##### */

#header {
     background: transparent url('images/bg_header.jpg') bottom center no-repeat;
     height: 385px;
     }

#kinder {
     margin-top: 35px;
     float: left;
     width: 378px;
     }

#logo {
     float: left;
     height: 315px;
     width: 570px;
     }

#navigation {
     float: left;
     margin-left: 12px;
     text-align: right;
     height: 60px;
     }



/* ##### NAVIGATION ##### */

.menu {
     display: block;
     float: left;
     width: 125px;
     height: 54px;
     background: transparent url('images/navigation.png');
     }

.menu-home { background-position: 0px 0px; }
.menu-aktion { background-position: 375px 0px; }
.menu-einrichtungen { background-position: 250px 0px; }
.menu-gewinner { background-position: 125px 0px; }

.menu-home:hover { background-position: 0px -54px; }
.menu-aktion:hover { background-position: 375px -54px; }
.menu-einrichtungen:hover { background-position: 250px -54px; }
.menu-gewinner:hover { background-position: 125px -54px; }



/* ##### FOOTER ##### */

#footer {
     background: #0063a7 url('images/footer.jpg') top center no-repeat;
     height: 100px;
     }



/* ##### INHALT ##### */

#inhalt-wrapper {
     width: 960px;
     padding-top: 20px;
     min-height: 300px;
     background-color: #ffffff;
     }

#inhalt {
     margin: 0px 70px 0px 80px;
     }



/* ##### EINRICHTUNGEN ##### */

#infospalte {
     width: 500px;
     float: left;
     }

#votingspalte {
     width: 320 px;
     float: left;
padding-top: 10px;
     }

.infobox {
     background: #ffffff url('images/bg_box.gif') bottom left repeat-x;
     width: 460px;
     height: 85px;
     border: 1px solid #87adcf;
     padding: 9px;
     margin: 5px 5px 20px 5px;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     }

.vorschaubild {
     background: #ffffff;
     border-radius: 6px;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     padding: 4px;
     border: 1px solid #bcd1e4;
     }

.box-bild {
     width: 130px;
     margin-right: 10px;
     float: left;
     }

.box-beschreibung {
     width: 320px;
     float: left;
     font-size: 11px;
     }

.box-beschreibung p {
     margin: 0px;
     text-align: justify;
     }

.box-beschreibung h2 {
     color: #0064a8;
     font-size: 18px;
     font-weight: normal;
     border-bottom: 1px dotted #87adcf;
     padding-bottom: 4px;
     margin-bottom: 7px;
     }

.box-beschreibung a {
     text-decoration: none;
     color: #281f4a;
     }

.box-beschreibung a .mehr-infos {
     color: #da251c;
     }

.box-beschreibung a:hover .mehr-infos {
     text-decoration: underline;
     }


.auswahl {
     margin-bottom: 20px;
     padding-top: 50px;
     height: 55px;
     font-size: 14px;
     }
.voting-ergebnis {padding-top: 30px; padding-bottom: 30px; }

.zahl {float:right; clear: right; }

.balken img {float: left; padding-top: 10px;  clear: both; }

.prozent {font-size: 40px; color: #112d5f; }

.stimmen {}

#wrapper-einzelansicht { background-color: #FFFFFF;}
#wrapper-einzelansicht p { padding: 5px;}
.vorschaubild-einzel {margin-right: 10px; margin-left: 10px;}

#inhalt p a {color: #e12227; }

.shaded img {margin-left: 50px; }