body {
	background-image: url('bilder/layout/bg17dunkel.bmp');
	text-align: center;}
p  {font-size: 1.2em; font-weight: normal; font-family: "Comic Sans MS"; text-align: left;}
h1 {font-size: 1.4em; font-weight: bold;   font-family: "Comic Sans MS"; text-align: center;}
h2 {font-size: 1.6em; font-weight: bold;   font-family: "Comic Sans MS"; text-align: center;}
h3 {font-size: 1.8em; font-weight: bold;   font-family: "Comic Sans MS"; text-align: center;}
h6 {font-size: 2.2em; font-weight: bold;   font-family: "Comic Sans MS"; text-align: center;}

 a:link		{text-decoration: none;	color: lime;}
 a:visited 	{text-decoration: none;	color: lime;}
 a:hover 	{ text-decoration:none; color:azure; }
 a:active 	{ text-decoration:none; color:magenta; }

/* Dies ist die äußere Box in der die drei Spalten untergebracht werden */ 

#kopf_umgebung {
	width:1100px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */}
#kopflinks {
	height: 120px;
	width: 113px;
	background-image: url('bilder/layout/mike07ba120.jpg'); 
	float: left;}
#kopfmitte {
	height: 120px;
	background-image: url('bilder/layout/bg17.bmp');
	float: left;
	width: 864px;}
#kopfmitte p {
	font-size: 2.0em;
	font-weight: bold;
	font-family: "Comic Sans MS";
	word-spacing: 0.2em;
	text-align: center;}
#kopfrechts { 
	height: 120px;
	width: 122px;
	background-image: url('bilder/layout/mike3120.jpg');
	float: left;
	vertical-align: baseline;}	
#impressum {
	width:1100px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */}
#impressum_links {
	height: 197px;
	width: 405px;
	background-image: url('bilder/layout/kon.jpg');
	float: left;}	
	
/* Dies ist die äußere Box in der die drei Spalten untergebracht werden */ 
#aussen{
	width:1150px;
	background-image: url('bilder/layout/bg17dunkel.bmp')
}
#haupt_umgebung {
	background-image: url('bilder/layout/bg17.bmp'); min-height:1100px;
	width:1100px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */}

#haupt_umgebung_1000 {
	background-image: url('bilder/layout/bg17.bmp'); min-height:1000px;
	width:1100px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */}
#haupt_umgebung_1050 {
	background-image: url('bilder/layout/bg17.bmp'); min-height:1050px;
	width:1100px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */}
	
#haupt_umgebung_denver {
	background-image: url('bilder/layout/bg17.bmp'); min-height:3000px;
	width:1100px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */}

#haupt_umgebung_ros {
	background-image: url('bilder/layout/bg17.bmp'); min-height:2700px;
	width:1100px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */}

#haupt_umgebung_2000 {
	background-image: url('bilder/layout/bg17.bmp'); min-height:2000px;
	width:1100px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */}
	
#haupt_umgebung_2200 {
	background-image: url('bilder/layout/bg17.bmp'); min-height:2200px;
	width:1100px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */}

	
#nav {width: 200px; float:left;}

#inhalt {width: 700px; float:left;}

#inhalt80 {background-image: url('bilder/layout/bg17.bmp');	width:80%; float:right;}

#inhalt100 {background-image: url('bilder/layout/bg17.bmp'); width:100%;}

#inhalt ul li{font-size: 1.0em; font-weight: normal; font-family: "Comic Sans MS";}
#inhalt ul li a:link    {font-weight: bolder; color: lime}
#inhalt ul li a:visited {font-weight: bolder; color: lime;}
#inhalt ul li a:hover 	{color: #0099FF; }
#inhalt ul li a:active 	{color: #0099FF; }

#promo {width:  200px; float:  right;}
#promo p {text-align: center; font-size: 0.8em; font-weight: normal; font-family: "Comic Sans MS"; color:blue}
#adi {width:  150px; float:  right;}

#rubrik{ margin: 10px 0px 0px 180px;  background-color:orange}

#fuss { float:center; width: 1100px; margin-left: auto; margin-right:auto; background-image: url('bilder/layout/bg17.bmp'); color: #000066}
#fuss p { text-align: left; font-size: 1.0em; font-weight: normal; font-family: "Comic Sans MS";}

#zweitnav{ float:left;width:160px; margin-top:10px;  background-color:silver;}

#bild01 {float:left; width:80%;	}
#bild01 img{float:left; margin:0 10px 5px 0}
#bild01 p{font-size: 1.2em; font-weight: normal; font-family: "Comic Sans MS"}
#bild02 {float:left; width:60%;		}
#bild02 img{float:right; margin:0 10px 5px 0}
#bild02 p{font-size: 1.2em; font-weight: normal; font-family: "Comic Sans MS"}
#bild03 {float:right; width:80%;		}
#bild03 img{float:right; margin:0 10px 5px 0}
#bild03 p{font-size: 1.2em; font-weight: normal; font-family: "Comic Sans MS"}
#bild04 {float:left; width:60%;		}
#bild04 img{float:right; margin:0 10px 5px 0}
#bild04 p{font-size: 1.2em; font-weight: normal; font-family: "Comic Sans MS"}
#bild05 {float:left; width:100%;	}
#bild05 img{float:left; margin:0 10px 5px 0}
#bild05 p{font-size: 1.0em; font-weight: normal; font-family: "Verdana"}
#bild05 td{font-size: 0.8em; font-weight: normal; font-family: "Verdana"}

.menu {font-family: "Comic Sans MS"; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;}
.menu ul li a:visited {display: block; text-decoration: none; color: #000; width: 104px; height: 20px; text-align: center;
	                   border: 1px solid #000080; border-width: 1px 1px 0 0; background: #0099FF; line-height: 19px; font-size: 11px;}
.menu ul li a {display: block; text-decoration: none;color: #000; width: 104px; height: 20px; text-align: center;
	           border: 1px solid #000080; border-width: 1px 1px 0 0; background: #0099FF; line-height: 19px; font-size: 11px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
.menu ul li p { display: block; text-decoration: none;color: #000; width: 104px; height: 20px; text-align: center;
	           border: 1px solid #000080; border-width: 1px 1px 0 0; background: #0099FF; line-height: 19px; font-size: 11px;}
	           
/* specific to non IE browsers */
.menu ul li:hover a {color: #FFFFFF;background: #000080;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li:hover ul li a.hide {background: #000080;color: #FFFFFF;
}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display: block; background: #6699FF; color: #000; width: 150px;}
.menu ul li:hover ul li a:hover {background: #000080; color: #FFFFFF;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display: block; width: 200px; background: #000080; color: #FFFFFF;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}

.anwahl {font-family: "Comic Sans MS"; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;}
.anwahl ul li a:visited {display: block; text-decoration: none; color: #000; width: 104px; height: 20px; text-align: center;
	                   border: 1px solid #000080; border-width: 1px 1px 0 0; background: #0099FF; line-height: 19px; font-size: 11px;}
.anwahl ul li a {display: block; text-decoration: none;color: #000; width: 104px; height: 20px; text-align: center;
	           border: 1px solid #000080; border-width: 1px 1px 0 0; background: #0099FF; line-height: 19px; font-size: 11px;}
.anwahl ul {padding:0; margin:0;list-style-type: none; }
.anwahl ul li {float:left; margin-right:1px; position:relative;}
.anwahl ul li ul {display: none;}
.anwahl ul li p { display: block; text-decoration: none;color: #000; width: 104px; height: 20px; text-align: center;
	           border: 1px solid #000080; border-width: 1px 1px 0 0; background: #0099FF; line-height: 19px; font-size: 11px;}
	           
/* specific to non IE browsers */
.anwahl ul li:hover a {color: #FFFFFF;background: #000080;}
.anwahl ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.anwahl ul li:hover ul li a.hide {background: #000080;color: #FFFFFF;
}
.anwahl ul li:hover ul li:hover a.hide {width:150px;}
.anwahl ul li:hover ul li ul {display: none;}
.anwahl ul li:hover ul li a {display: block; background: #6699FF; color: #000; width: 150px;}
.anwahl ul li:hover ul li a:hover {background: #000080; color: #FFFFFF;}
.anwahl ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.anwahl ul li:hover ul li:hover ul li a {display: block; width: 200px; background: #000080; color: #FFFFFF;}
.anwahl ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}

#box_inhalt  {float:left; width: 700px; border:1pt solid  }
#box_links   {position: relative; height: 200px;	width: 434px;float: left;}
#box_rechts  {position: relative; height: 200px;	width: 236px;float: left;}	
#box_links2  {position: relative; height: 100px;	width: 380px;float: left;}
#box_rechts2 {position: relative; height: 100px;	width: 290px;float: left;}	
#box_links3  {position: relative; height: 250px;	width: 380px;float: left;}
#box_rechts3 {position: relative; height: 250px;	width: 290px;float: left;}	
#box_links120  {position: relative; height: 120px;	width: 480px;float: left;}
#box_rechts120 {position: relative; height: 120px;	width: 190px;float: left;}
#box_links190  {position: relative; height: 190px;	width: 480px;float: left;}
#box_rechts190 {position: relative; height: 190px;	width: 190px;float: left;}

.kleineschrift p{font-size: 1.2em; color: lime; font-weight: normal; font-family: "Arial"}

.neueslayout p {
	color:lime; text-align:center; font-family:Verdana; font-size:medium; height:14px;vertical-align:baseline
}
.puzzle {border-color: silver; 	border-style: ridge; border-width: 10px;}
#amazon {position:absolute;  margin-top:450px;margin-left:70px;  height: 200px;	width: 120px; float: left;}