html {height:100%;}
body {
	color: #FFFFFF;
	background-color: #660000;
	font-size: 100.01%;
	font-family: Helvetica,Arial,sans-serif;
	font-family: Georgia, "Times New Roman", Times, serif;
	font:13px "Trebuchet MS", tahoma, arial, sans-serif;
	margin: 0; padding: 0;
	height: 100%;
	background-image:url(./images/background.png);
	background-repeat:repeat-y;
	background-position: top center;
}

h1{
margin-top: 0px;
padding-left: 15px;
margin-left: -15px;
margin-right: -15px;
border: solid 1px #FFFFFF;
font-size: 2em;
}

h2{
padding-left: 15px;
margin-left: -15px;
margin-right: -15px;
border: solid 1px #FFFFFF;
font-size: 1.5em;
}

h3{
padding-left: 15px;
margin-left: -15px;
margin-right: -15px;
font-size: 1.15em;
}

.ftext {
/* padding-left: 20px; */
/* padding-right: 40px; */
}

a:link { 
	text-decoration: none;
	color: #FFFFFF;
}

#inhalt a:link {
	text-decoration: underline;
	color: #FFFFFF;
}

#inhalt a:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
a:visited { 
	text-decoration: none;
	color: #FFFFFF;
}

a:active {
color: red;
}

p {
margin-top: 10px;
margin-bottom: 10px;
line-height: 1.25;
}

#navlist a {
display:block;
width: 105px;
padding-top: 7px;
padding-bottom: 7px;
}

#navlist a:hover {
	text-decoration: none;
}

div#container1{
	width: 900px;
	margin:auto;
	height: 100%;
	background:url(./images/box_header.png) top left no-repeat;

}

div#headerbox {
	margin:auto;
	width: 810px;
	height: 145px;
	background:url(./images/box_header_m.png) top left no-repeat;
}

div#container2{
	width: 810px;
	margin:auto;
	background-color: #460101;
	min-height: 100%;
}

* html div#container2{
	height: 100%;
}

div#inhaltbox {
font-size: 1em;
width: 665px;
margin-left: 145px;
}

.bild{
float: right;
padding-right: 110px;
}
.bild_gr{
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 110px 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
/*
p {
	clear:both;
}
*/	

/* End Images */


* html div#inhaltbox {	/* siehe IE Bug: "IE Three Pixel Gap" */
width: 662px;
}

div#inhalt {
text-align:justify;
padding-top: 20px;
padding-left: 20px;
padding-right: 40px; /* padding-left + 20px Schatten*/
padding-bottom:40px;
min-height: 400px;
/*background-color:#EFD78F; */
}

div#navigation {
	float: left;
	padding-left: 20px;
	font-size: 1em;
	width: 125px;
	color: #FFFFFF;
	text-align:center;
}

div#lang {
	margin: 0;
	padding: 0;
	padding-right: 15px;
	padding-top: 5px; /* = padding-bottom - 20 für den schatten */
	padding-bottom:25px;
	padding-left: 30px;
}

ul#navlist {
	margin: 0;
	padding: 0;
	padding-right: 20px;
	padding-top: 8px;
	height: 224px;
}

#navlist li {	
/*	display: inline; */
	list-style-type: none;
/*	padding: 0 3em;*/

}

a:hover { 
	color: #FFFFFF;
}

#navlist #currentpage a { 
	/*background:url(button.png) 0px 0px no-repeat; */
}

.ro {
background:url(./images/box_ro.png) top right no-repeat;
margin:0;
padding:0;
}

.lo {
background:url(./images/box_lo.png) top left no-repeat;
margin:0;
padding:0;
}

.ru {
background:url(./images/box_ru.png) bottom right no-repeat;
margin:0;
padding:0;
}

.lu {
background:url(./images/box_lu.png) bottom left no-repeat;
margin:0;
padding:0;
}