@charset "utf-8";
/* CSS Document */


* {
margin: 0;
padding: 0;
}

html {
  height:100%;

  background:url("../img/bg_verlauf.gif") #a9d2ea repeat-x 0px 0px;
}

body{
  height:100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
		
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	text-align:center;
}


#wrapper {
	width:931px;
	margin:0 auto;
  position:relative;
  min-height:100%;
  height:auto !important;
  height:100%;
  background:url(../img/bg_content.gif) repeat-y 42px 0px;
  text-align:left;
}
#wrappertop {
    height:155px;
    padding:0;
    margin:0;
    background-image:url(../img/bg-menutop.png);
    background-repeat:no-repeat;
    background-position:2px 0px;
}

#wrappercontent {
    padding:0px 70px 100px 80px;    
}

#footer {
    display:block;
    position:absolute; 
    bottom:0;
    width:100%;
    height:85px; 
    background-image:url(../img/footer.png);
    background-repeat:no-repeat;
    background-position:-34px bottom;
}

#footer-flexibel {
    display:block;
    position:relative; 
    bottom:0;
    width:100%;
    height:85px; 
    background-image:url(../img/footer.png);
    background-repeat:no-repeat;
    background-position:-34px bottom;
}


#breadcrumb {
  padding:0px 0px 10px 80px;
  font-family:Arial, Helvetica, sans-serif;
  color:RGB(195,1,32);
  font-size:0.8em;
}

#breadcrumb a {
    font-family:Arial, Helvetica, sans-serif;
    color:#c30020;
    font-size:12px;
    text-decoration:none;
}
#breadcrumb a:hover {
    text-decoration:underline;
}

#containerinside {
  padding:0px 30px 0px 85px;                 
}

#contentmain {
   height:auto !important;
   width:530px;
   float:left;
   margin:0;
   padding:0;
 /* border:solid 1px #dfdfdf;  */ 
}

#contentright {
   width:166px;
   float:right;
   padding:0px 0px 0px 0px;
   /* border:solid 1px #dfdfdf;    */ 
}


#contentbottom {
    clear:both;
}

h1 {
  font-size:1.0em; 
  color:#0e5498;
  margin:0;
  padding:0px 0px 7px 0px;
}

h3 {
  font-size:0.8em; 
  color:#c30020;
  margin:0;
  padding:0px 0px 7px 0px;
}

p {
  color:#0e5498;
  font-size:0.8em;
}
label {
  color:#0e5498;
  font-size:0.8em;
}
a {
    font-family:Arial, Helvetica, sans-serif;
    color:#c30020;
    font-size:12px;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

#menutop {
    width:653px;
    padding:59px 0px 0px 0px;
    float:left;
    /* border:solid 1px #dfdfdf; */
}


#menubottom {
  padding:57px 0px 0px 0px;
  font-family:Arial, Helvetica, sans-serif;
  color:RGB(0,73,145);
  font-size:0.8em;
}

#menubottom a {
  font-family:Arial, Helvetica, sans-serif;
  color:RGB(0,73,145);
  font-size:11px;
  text-decoration:none;
}

#menubottom a:hover {
   text-decoration:underline;
}

#logo1bottom {
  width:70px;
  height:80px;
  float:left;
  /* border:solid 1px #dfdfdf; */
  padding:0px 0px 0px 130px;
}

#logo2bottom {
  width:80px;
  height:80px;
  float:left;
  /* border:solid 1px #dfdfdf; */
  padding:0px 0px 0px 5px;
}

#logo1top {
  width:140px;
  height:90px;
  float:left;
  /* border:solid 1px #dfdfdf; */
}

#logo2top {
  width:100px;
  height:105px;
  float:left;
  /* border:solid 1px #dfdfdf; */
}

.notes {
  font-size:0.75em;

}

.textpic-left {
  width:auto;
  margin:0px 5px 0px 0px;
  float:left;
}

.textpic-trenner {
  clear:both;
  margin:0;
  width:550px;
  padding:10px 0px 20px 0;
}
#wusstensieschon {

}

#wusstensieschon .oben {
  height:30px;
  padding:0px 0px 0px 9px;
  line-height:10px;
  margin:0;
  background:url(../img/box-wusstensie01.png);
  font-size:0.9em;
  font-weight:bold; 
  color:#0e5498;
  
}
#wusstensieschon .mitte {
  background:url(../img/box-wusstensie02.png);
    color:#0e5498;
  font-size:0.8em;
  padding:0px 7px 0px 7px;
}
#wusstensieschon .unten {
  background:url(../img/box-wusstensie03.png) no-repeat;
  
}

#sitemap {
  padding:0 0 0 20px;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:#0e5498;
  font-size:14px;
  text-decoration:none;
}
#sitemap a {
  font-family:Arial, Helvetica, sans-serif;
  color:#0e5498;
  font-size:12px;
  text-decoration:none;
  line-height:1.2em;
}
#sitemap a:hover {
  text-decoration:underline;
}

#sitemap ul {
    list-style-position:outside;

}

#sitemap ul li.sitemap-level1 {
        vertical-align:middle;
}
#sitemap ul li.sitemap-level1 a{
      display:block;
      height:23px;
      background:#fff;
      padding:3px 0px 0px 5px;
      margin:0px 0px 1px 0px;
}

#sitemap ul.sitemap-level2 {
      padding:0 0 0 20px;

}
#sitemap ul.sitemap-level2 li {
      vertical-align:middle;
}

#sitemap ul.sitemap-level2 li a{
      display:block;
      height:23px;
      background:#C0DEEF;
      padding:3px 0px 0px 5px;
      margin:0px 0px 1px 0px;
}

#sitemap ul.sitemap-level3 {
      padding:0 0 0 40px;
}

#sitemap ul.sitemap-level3 li a{
      height:23px;
      background:#fff;
      padding:3px 0px 0px 5px;
      display:block;
      margin:0px 0px 1px 0px;
}

#sitemap ul.sitemap-level4 {
      padding:0 0 0 60px;

}

#sitemap ul.sitemap-level4 li a{
      height:23px;
      background:#C0DEEF;
      padding:3px 0px 0px 5px;
             display:block;
       margin:0px 0px 1px 0px;
}






img {
  border-style:none;
}
img.submitbutton {
    cursor:pointer;
}

div.box-weiss {
background:url(../img/box_weiss_mitte.png) repeat-y;

  width:530px;
  margin:0;
  padding:0;
  height:auto;
}
div.box-weiss-oben {
  background:url(../img/box_weiss_oben.png) no-repeat;
  width:100%;
  height:6px;
  padding:0;
  margin:0;
}
div.box-weiss-mitte {
  
  width:100%;
  margin:0;
  padding:6px 0px 0px 10px;
}
div.box-weiss-unten {
  background:url(../img/box_weiss_unten.jpg) no-repeat;
  background-position:bottom;
  width:100%;
  height:6px;
  padding:0;
  margin:0;
}

table.gewinnspielpreise {
  width:100%;
}

table.gewinnspielpreise td.col1 {
  width:45%;
  vertical-align:top;
}
table.gewinnspielpreise td.col2 {
  width:55%;
  vertical-align:top;
}

.trenner {
  clear:both;
  margin:2px 0px 0px 0px;
}

.antwort ul {
list-style-position:outside;
}
div.antwort {
  
  color:#0e5498;
  font-size:0.8em;
  background:#c0deef;
}

.box-weiss-100 {
  color:#0e5498;
  font-size:0.8em;
  font-weight:bold;
  background:#ffffff;
  width:530px;
  margin:0;
  padding:0;
  height:auto;
}

.box-weiss-100-mitte {
  background-color:#ffffff;
}

.box-weiss-100-oben {
  height:6px;
  /* background:url(../img/box_weiss_oben-100.png) no-repeat;  */
}
.box-weiss-100-unten {
  height:6px;
  /* background:url(../img/box_weiss_unten-100.png) no-repeat; */
}

span.frage {
   float:left;cursor:pointer;width:100%;
   padding:5px;
   border-bottom:solid 1px #d7eaf5; 
  color:#0e5498;
  font-size:0.8em;
  font-weight:bold;
  background:url(../img/bg_frage_1-zeilig.png) no-repeat;
}
span.frage-big {
   float:left;cursor:pointer;width:100%;
   padding:5px;
   border-bottom:solid 1px #d7eaf5; 
  color:#0e5498;
  font-size:0.8em;
  font-weight:bold;
  background:url(../img/bg_frage_2-zeilig.png) no-repeat;
}

p.liste {
  padding:5px 0px 0px 0px;
  margin:0; 
  color:#0e5498;
  font-size:0.7em;
}

li.pic1 {
padding:30px 0px 0px 0px;
}

li.pic2 {
padding:15px 0px 0px 0px;
}

#highscore {
  clear:both;
}
#highscore table {
  width:570px;
}
#highscore th {
  background:#ffffff;
  color:#0e5498;;
  padding:0px 0px 0px 5px;
}

#highscore tr.row1 {
    height:20px;
    background:#c0deef;
}

#highscore tr.row2 {
    height:20px;
    background:#c0deef;
}

#highscore td {
  padding:0px 0px 0px 2px;
  font-family:Arial, Helvetica, sans-serif;
  color:#0e5498;
  font-size:14px;
}
#highscore td.col1 {
  width:45px;
  text-align:center;
}
#highscore td.col2 {
  padding:0px 0px 0px 10px;
  width:350px;
}
#puzzleForm {
  clear:both;
}

br.clearFloat {
  clear:both;
}
#puzzleForm {
  border:none;
  width:550px;
  padding:5px 5px 0px 0px;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:#0e5498;
  font-size:14px;
  text-align:left;
  
}

#addhighscore {
  font-family:Arial, Helvetica, sans-serif;
  color:#0e5498;
  font-size:14px;
  padding:0px 0px 0px 7px;
  margin:0;
  width:561px;
  background:#c0deef;
}
#puzzleForm .button-highscore {
  margin:0px 0px 0px 0px;
  width:85px;
  height:20px;
  clear:both;
  padding:2px 3px 3px 20px;
  font-family:Arial, Helvetica, sans-serif;
  color:#0e5498;
  font-weight:bold;
  font-size:11px;
  background:url('../img/btn.gif') no-repeat;
  cursor:pointer;
}

#sekunden {
  background:#dfdfdf;
}

#moves {
  background:#dfdfdf;
}

#motivauswahl {
  width:550px;
  padding:0;
  margin:0;
}
#motivauswahl img {
  border:solid 1px #fff;
}
div.motivauswahl-links {
  margin:0;
  padding:0px 0px 5px 0px;
  width:270px;
  float:left;
}

div.motivauswahl-rechts {
  margin:0;
  padding:0px 0px 5px 0px;
  width:270px;
  float:right;
}

div.left {
  float:left;
}
div.right {
  float:right;
}