html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	font-size: 62.5%;
	background-image:url(http://www.seitenbaukasten.ch/images/background/bckgrnd.gif);
	background-repeat:repeat;
	text-align:center;
}


/**********************************************************************/


#main {
   position:absolute;
	width:93em;
	height:60em;
	text-align:left;
	margin:0 auto;
	margin-top:5em;
	/* fuer horizontale zentrierung */
	left: 50%;
   margin-left: -50em;  /* Um die Haelfte der Breite nach links schieben */
   top: 50%;
   margin-top: -35.8em;   /* Um die Haelfte der Hoehe nach oben schieben */
}

#content {
	width:46em;
	height:60em;
	float:right;
	background-color:#84C30A;
	border:0.1em solid white;
}

#content_text {
	margin:2em 1em 1em 1em;
	font-family:verdana, tahoma, arial, sans-serif;
	font-size:1.2em;
	color:white;
}

#content_h {
	margin:0;
}

#content_img {
	margin:0 auto;
	text-align:center;
	margin-bottom:3em;
}

#content2 {
	width:24em;
	height:60em;
	float:right;
	background-color:#84C30A;
	border:0.1em solid white;
	margin-right:1.2em;
	overflow:auto;
}

#content2_text {
	margin:2em 1em 1em 1em;
	font-family:verdana, tahoma, arial, sans-serif;
	font-size:1.2em;
	color:white;
	font-style:italic;
}

#content2_h {
	margin:0;
}

#navi {
	background-image:url(http://www.seitenbaukasten.ch/images/background/navi_bckgrnd.gif);
	background-repeat:no-repeat;
	background-position:2em 24em;
	width:20em;
	height:50em;
	float:right;
	background-color:#5C3200;
	border:0.1em solid #A85D00;
	margin-right:1.2em;
}

#navi_text {
	margin:2em 1em 1em 1em;
	font-family:verdana, tahoma, arial, sans-serif;
	font-size:1.2em;
	color:white;
}

#navi_h {
	margin:0;
}

#foot {
	width:20em;
	height:8.7em;
	float:right;
	background-color:#5C3200;
	border:0.1em solid #A85D00;
	margin-right:1.2em;
	margin-top:1.2em;
}

#foot_text {
	margin:1em;
	font-family:verdana, tahoma, arial, sans-serif;
	font-size:1em;
	color:#CCCCCC;
}


#morelink {
	text-align:right; 
	font-weight:bold; 
	font-size:0.8em; 
	font-style:normal;
}

#nextlink {
	text-align:right; 
	font-weight:bold; 
	font-size:0.8em; 
	font-style:normal;
	margin-top:2em;
}


/**********************************************************************/


h1 {
	font-size:1.6em; 
	font-weight:bold; 
	font-family:"courier new", courier, monospaced; 
	color:#A85D00; 
	display:inline; 
	margin:0; 
	padding:0; 
}

h2 {font-size:1.6em; font-style:normal; font-weight:bold; font-family:"courier new", courier, monospaced; color:#ffffff; display:inline; margin:0; padding:0;}

h3 {font-size:1.4em; font-weight:bold; font-family:"courier new", courier, monospaced; color:#A85D00;}

h4 {font-size:1.2em; font-weight:bold; font-family:"courier new", courier, monospaced; color:#A85D00;}


/**********************************************************************/


ul#ul1 {list-style:none; margin:0; padding:0;}

li.li1 {list-style:none; margin:0; padding:0;}

li.li1 a:link {text-decoration:none; color:white;}
li.li1 a:visited {text-decoration:none; color:white;}
li.li1 a:hover {text-decoration:none; color:#090909; font-weight:bold;}
li.li1 a:active {text-decoration:none; color:#090909; font-weight:bold;}

ul#ul2 {list-style:none; margin:0; padding:0;}

li.li2 {list-style:none; margin:0 0 0 0px; padding:0;}

li.li2 a:link {text-decoration:none; color:white;}
li.li2 a:visited {text-decoration:none; color:white;}
li.li2 a:hover {text-decoration:none; color:#090909; font-weight:bold;}
li.li2 a:active {text-decoration:none; color:#090909; font-weight:bold;}

ul#ul3 {list-style:none; margin:0; padding:0;}

li.li3 {list-style:none; margin:0 0 0 25px; padding:0;}

li.li3 a:link {text-decoration:none; color:#CDCDCD;}
li.li3 a:visited {text-decoration:none; color:#CDCDCD;}
li.li3 a:hover {text-decoration:none; color:#090909; font-weight:bold;}
li.li3 a:active {text-decoration:none; color:#090909; font-weight:bold;}

ul#ul4 {list-style:none; margin:0; padding:0;}

li.li4 {list-style:none; margin:0 0 0 15px; padding:0;}

li.li4 a:link {text-decoration:none; color:#CDCDCD;}
li.li4 a:visited {text-decoration:none; color:#CDCDCD;}
li.li4 a:hover {text-decoration:none; color:#090909; font-weight:bold;}
li.li4 a:active {text-decoration:none; color:#090909; font-weight:bold;}


#morelink a:link {text-decoration:none; color:#5C3200;}
#morelink a:visited {text-decoration:none; color:#5C3200;}
#morelink a:hover {text-decoration:underline; color:#5C3200;}
#morelink a:active {text-decoration:underline; color:#5C3200;}

#nextlink a:link {text-decoration:none; color:#5C3200;}
#nextlink a:visited {text-decoration:none; color:#5C3200;}
#nextlink a:hover {text-decoration:underline; color:#5C3200;}
#nextlink a:active {text-decoration:underline; color:#5C3200;}

#content2_text a:link {text-decoration:none; color:#5C3200;}
#content2_text a:visited {text-decoration:none; color:#5C3200;}
#content2_text a:hover {text-decoration:underline; color:#5C3200;}
#content2_text a:active {text-decoration:underline; color:#5C3200;}


h2 a:link {text-decoration:none; color:#FFFFFF;}
h2 a:visited {text-decoration:none; color:#FFFFFF;}
h2 a:hover {text-decoration:underline; color:#FFFFFF;}
h2 a:active {text-decoration:underline; color:#FFFFFF;}


/**********************************************************************/


img.footimg {width:6em; height:6em; border:none; float:left; margin:1em;}

img.contentimg {width:100px; height:100px; border:none;}