

/*--------------- Plusbalken Anfang ---------------


*/
.plus{
height:40px;
width:850px;
background-image:url(images/balken_blau.gif);
margin-top: 15px;
}

#plus_grau_links{
width:80px;
height:20px;
margin-top:0px;
margin-left:175px;
background-image:url(images/balken_grau.gif);
font-size:80%;
font-weight: bold;
color:#666666;
text-align: center;
padding-right:0px;
}

#plus_grau_rechts{
height:20px;
width:80px;
margin:0px 0px 0px 310px;
font-size:80%;
font-weight: bold;
color:#666666;
text-align: center;
padding-left:5px;
background-color:#DDD;
}

#pluszeichen{position:absolute; left:275px; top:210px; font-size:10%;}

/*--------------- Plus Ende ---------------*/

/*---Erster Inhaltsbereich-------- Content Bereich ---------------------------------*/

#inhaltv1{
   margin-top: 20px;
   margin-left: 50px;
   width:800px;
   font-size:80%;
   height:280px;
   background-color:#DDD;
}
#inhaltUhr{
   margin-top: 20px;
   margin-left: 50px;
   width:800px;
   font-size:80%;
   height:1200px;
   background-color:#DDD;
}
#inhaltDatenschutz{
   margin-top: 20px;
   margin-left: 50px;
   width:800px;
   font-size:80%;
   height:750px;
   background-color:#DDD;
}

#inhaltKeno{
   margin-top: 20px;
   margin-left: 50px;
   width:800px;
   font-size:80%;
   height:1350px;
   background-color:#DDD;
}

	#mitte_Keno{
         margin-left:0px;
         text-align: left;
         }

         #mitte_Keno p{
 	color:#000;
         padding:20px 20px 0px 20px;
         font-size:105%;
         line-height:25px;
         }


#inhalthoch{		/*Für lange Bildunterschriften*/
   margin-top: 20px;
   margin-left: 50px;
   width:800px;
   font-size:80%;
   height:380px;
   background-color:#DDD;
}

#inhalt2Zeilen{		/*Höhere Box, falls die Überschrift 2 Zeilen hat*/
   margin-top: 20px;
   margin-left: 50px;
   width:800px;
   font-size:80%;
   height:325px;
   background-color:#DDD;
}
	/* ------------ Linker Bereich - Definition auf der Startseite ------------ */

         /*Für lange Bildunterschriften*/

         #box_li_hoch{width:260px;float: left;}

         #box_li_hoch p{
         text-align: center;
	margin:35px 0px 0px 0px;
	padding:0px;
         color:#666666;
	}

         #box_li_hoch h1{
	background-color:#FFF;
	color:#666666;
	border-left:8px solid #CC0000;
	margin:0px;
	line-height:20px; }

         #box_li_hoch ul a{
	margin:0px 0px 0px 10px;
         font-size:100%;
         font-weight: bold;
         color:#CC0000;
         line-height:20px;
         }

         #box_li_hoch ul i{
	margin:0px 0px 0px 0px;
         font-size:90%;
         font-weight: normal;
         color:#CC0000;
         line-height:20px;
         }


         /*---------------------------*/

         #box_li_v1{width:260px;float:left; }

	#box_li_v1 h1{
	background-color:#FFF;
	color:#666666;
	border-left:8px solid #CC0000;
	margin:0px;
	line-height:20px; }

	#box_li_v1 h1.orange{
	background-color:#FFF;
	color:#FF4500;
	border-left:8px solid #CC0000;
	margin:0px;
	line-height:20px; }

         #box_li_v1 ul a{
	margin:0px 0px 0px 10px;
         font-size:100%;
         font-weight: bold;
         color:#CC0000;
         line-height:20px;
         }


	#box_li_v1 p{
         text-align: center;
	margin:35px 0px 0px 0px;
	padding:0px;
         color:#666666;
	}

         /* ------------ Mittlerer Bereich ------------- */
	#mitte_v1{
         margin-left:260px;
         text-align: left;
         }

         #mitte_v1 p{
 	color:#000;
         padding:20px 20px 0px 20px;
         font-size:105%;
         line-height:25px;
         }

         #mitte_v1 ul a{
	margin:0px 0px 0px 10px;
         font-size:100%;
         font-weight: bold;
         color:#CC0000;
         line-height:20px;
         }



/* ------------ Drei Spalten Design -------------  */

         #box_re_v3{
         background-color:#FC3;
         color:#CC0000;
	margin:0px;
         height:280px;
         width: 100px;
         float: right;
         }

         #box_re_v3 h1{
	color:#666666;
         font-size:90%;
         border-left:8px solid #CC0000;
	margin:0px;
	line-height:20px;
         }

         #box_re_v3 p{
         font-size:90%;
         font-weight: normal;
         color:#CC0000;
         line-height:15px;
         text-align: left;
         padding-left:10px;
         }

         /*Höhere Box, falls die Überschrift 2 Zeilen hat*/

         #box_re_2Zeilen{
         background-color:#FC3;
         color:#CC0000;
	margin:0px;
         height:325px;
         width: 100px;
         float: right;
         }

         #box_re_2Zeilen h1{
	color:#666666;
         font-size:90%;
         border-left:8px solid #CC0000;
	margin:0px;
	line-height:20px;
         }

         #box_re_2Zeilen p{
         font-size:80%;
         font-weight: normal;
         color:#CC0000;
         line-height:15px;
         text-align: left;
         padding-left:10px;
         }


         	/* ------------ Linker Bereich - Definition auf der Startseite ------------ */
	#box_li_v3{width:260px;float:left; }

	#box_li_v3 h1{
	background-color:#FFF;
	color:#666666;
	border-left:8px solid #CC0000;
	margin:0px;
	line-height:20px; }

         #box_li_v3 i{
	margin:0px 0px 0px 0px;
         font-size:80%;
         font-weight: normal;
         color:#CC0000;
         line-height:20px;
         }

	#box_li_v3 p{
	margin:25px 0px 0px 0px;
	padding:0px;
         text-align: center;
	}

         #box_li_v3 h1 a:hover{
	background-color:#FFF;
	color:#666666;
	border-left:0px solid #CC0000;
	margin:0px;
	line-height:20px;
         font-size: 100%;
         font-weight: bold;   }

         /* ------------ Mittlerer Bereich - ------------ */
	#mitte_v3{
         margin:0px 100px 0px 260px;
         text-align: left;
         padding-left: 5px;
         }

         #mitte_v3 p{
 	color:#000;
         padding:10px 10px 0px 10px;
         font-size:105%;
         line-height:25px;
         }

         #mitte_v3 ul{
	margin:0px 0px 0px 40px;
         font-size:100%;
         font-weight: normal;
         color:#666666;
         line-height:20px;
         }

/*Kontakt Bereich ---------------------------------*/

#inhaltkontakt{
   margin-top: 20px;
   margin-left: 310px;
   width:530px;
   font-size:80%;
   height:550px;
   background-color:#DDD;

}

#inhaltkontakt h2{
   margin-top: 10px;
   margin-left: 20px;
   font-size:90%;
}
/*----------------------Sudoku-----------------------*/

#hintergrundbild{
  background: url(images/sudoku3.2.gif) no-repeat center;
}







#inhaltSudoku{
   margin-top: 20px;
   margin-left: 50px;
   width:800px;
   font-size:80%;
}

#inhaltSudokuErgeb{
   margin-top: 20px;
   margin-left: 50px;
   width:600px;
   font-size:80%;
}

#inhaltSudoku table{
         font-family: Verdana, Geneva, Arial, sans-serif;
         font-size: 100%;
         font-weight: bold;
  	margin-top: 0px;
         margin-left: 120px;
         /*border-spacing: 0;*/
         border-collapse: collapse;
         text-align: center;
         border: 2px solid black;
}

#inhaltSudoku table td{
         font-size: 100%;
         /*border-spacing: 0;*/
         border-collapse: collapse;
         margin-top: 0px;
	text-align: center;
         width:60px;
         height: 60px;
         border: 1px black;
}

#inhaltSudokuErgeb table{
         font-family: Verdana, Geneva, Arial, sans-serif;
         font-size: 100%;
  	margin-top: 0px;
         margin-left: 100px;
         /*border-spacing: 0;*/
         border-collapse: collapse;
         text-align: left;
         border: 1px solid black;
}

#inhaltSudokuErgeb table td{
         font-size: 100%;
         /*border-spacing: 0;*/
         border-collapse: collapse;
         margin-top: 0px;
	     text-align: left;
         width:275px;
         height: 20px;
         border: thin solid #989898;
}

         #mitte_Sudoku{
         margin-left:0px;
         text-align: left;
         }

         #mitte_Sudoku p{
 	color:#000;
         padding:20px 20px 0px 20px;
         font-size:105%;
         line-height:25px;
		 border: thin solid #BBBBBB;
         }

         #mitte_Sudoku h1{
         height: 200px;
         margin-left: 50px;
         margin-top:20px;
         padding-top:70px;
         font-size:140%;
	     line-height:40px;
         text-align:center;
         color:#006B6B;
         }

/*------------------Sudoku-Druckversion-----------------------------------*/

#inhaltSudokuD{
   margin-top: 20px;
   margin-left: 0px;
   width:700px;
   font-size:80%;
}

#inhaltSudokuD table{
         font-family: Verdana, Geneva, Arial, sans-serif;
         font-size: 100%;
         font-weight: bold;
  	margin-top: 50px;
         margin-left: 65px;
         /*border-spacing: 0;*/
         border-collapse: collapse;
         text-align: center;
         border: 2px solid black;
}

#inhaltSudokuD table td{
         font-size: 170%;
         /*border-spacing: 0;*/
         border-collapse: collapse;
         margin-top: 0px;
	text-align: center;
         width:40px;
         height: 40px;
         border: thin solid #BBBBBB;
}
#reinb{
	border: none;
         padding: 10px;
         text-align: center;
         vertical-align: middle;
         font-size: 200%;
         height: 25px;
         width: 25px;
}

#reing{
	border: none;
         padding: 10px;
         text-align: center;
         vertical-align: middle;
         font-size: 200%;
         height: 25px;
         width: 25px;
}

         #mitte_SudokuD{
         margin-left:0px;
         text-align: left;
         }

         #mitte_SudokuD p{
 	color:#000;
         padding:0px 10px 0px 20px;
         font-size:105%;
         line-height:35px;
         }

         #mitte_SudokuD h1{
         margin:0px 0px 0px 20px;
         font-size:100%;
         color:#666666;
	line-height:25px;
         }

