html[xmlns^="http"]{
	overflow-y: scroll; /* Mozilla-Scrollbar */
}

html{
	margin:0;
	padding:0;
	color:#ffffff;
	background-color:#252525;
	background-image: url(images/bg_html.gif);
	background-position: left top;
	background-repeat:repeat;
}


/* ############################################################ */
/* #### Raster / Seitenaufteilung ############################# */

body{
	font-family: arial, verdana, helvetica, lucida, sans-serif;
	margin:0 auto 0 auto;
	width:48em;
	padding: 2.5em 0 1em 0;
	text-align:center; /* horizontale Zentrierung in alten IEs */
	font-size:100.01%; /* Rundungsfehler beheben (1em = 16px) */
}

div#design{
	position:relative;
	padding: 0 0 0.5em 0;
	width:48em;
	overflow:hidden;
	text-align:left;
	color:#666666;
	background-color:#ffffff;
}

h1{
	font-family: Georgia, Times New Roman, Times, serif, Arial;
	font-weight:normal;
	font-size:2em;
	line-height: 1.4em;
	margin:0.25em 0.25em 0 0.25em;
	padding:1em 1em 0.25em 1em;
	color:#BABABA;
	border-top:0.25em solid #920708;
	border-left:0.25em solid #920708;
	border-right:5.5em solid #920708;
}

img#signet{
	position:absolute;
	left:36.5em;
	top:3em;
	width:11em;
	height:3em;
}

div.frontispiece{
	border-left:0.5em solid #920708;
	margin: 0 0.5em 0 0.5em;
	padding-left:2em;
	height:9em;
}
img.frontispiece{
	width:44.5em;
	height:9em;
}

div#columns{
	margin: 0 0.5em 0 0.5em;
	padding: 0 0em 0 2em;
	border-bottom:0.5em solid #920708;
	border-left:0.5em solid #920708;

}
div#columnbg{
    height:auto !important;
    height:1em;
	background-image: url(images/bg_columns.gif);
	background-position: 33.5em 0;
	background-repeat:repeat-y;
}

div#navigation{
	float:right;
	width:11em;
	padding:2em 0 2em 0;
	color:#ffffff;
	background-color:#920708;
}

div#content{
	float:left;
	width:32.5em;
	padding-top:2em;
}
div.leftcontent{
	float:left;
	width:16em;
	overflow:hidden;
}
div.rightcontent{
	float:right;
	width:15.5em;
	overflow:hidden;
}

div#footer{
	clear:both;
	padding: 2em 0 0.5em 0;
	font-size:0.625em;
	color:#999999;
}

div.clearer{
	clear:both;
	height:1em;
}


/* ############################################################ */
/* #### Allgemeine Formatierungen (Schriften, Listen,... ) #### */

div#content p, h2, ul li{
	font-size:0.75em;
	line-height: 1.5em;
}

div#content p{	margin: 0 0 1.5em 0;}
div#content li{ margin-bottom:1em; }

h2{
	margin:0;
	color:#000000;
}

a{ color:#920708; }

img{ border:none; }


/* ############################################################ */
/* #### Titelbild / Referenzen ################################ */

div#imgcontainer{
	padding:0;
	border-top:0.5em solid #920708;
	border-bottom:0.5em solid #920708;
}

div#imgcontainer div{
	position:relative;
	height:8em;
}

div#imgcontainer img{
	width:2em;
	height:2em;
	position:absolute;
}

#r1,#r2,#r3,#r4,#r5,#r6,#r7,#r8,#r9,#r10,#r11,#r12,#r13,#r14,#r15,#r16,#r17,#r18{ top:0.5em; }
#r19,#r20,#r21,#r22,#r23,#r24,#r25,#r26,#r27,#r28,#r29,#r30,#r31,#r32,#r33,#r34,#r35,#r36{ top:3em; }
#r37,#r38,#r39,#r40,#r41,#r42,#r43,#r44,#r45,#r46,#r47,#r48,#r49,#r50,#r51,#r52,#r53,#r54{ top:5.5em; }

#r2,#r20,#r38 { left:2.5em; }
#r3,#r21,#r39 { left:5em; }
#r4,#r22,#r40 { left:7.5em; }
#r5,#r23,#r41 { left:10em; }
#r6,#r24,#r42 { left:12.5em; }
#r7,#r25,#r43 { left:15em; }
#r8,#r26,#r44 { left:17.5em; }
#r9,#r27,#r45 { left:20em; }
#r10,#r28,#r46{ left:22.5em; }
#r11,#r29,#r47{ left:25em; }
#r12,#r30,#r48{ left:27.5em; }
#r13,#r31,#r49{ left:30em; }
#r14,#r32,#r50{ left:32.5em; }
#r15,#r33,#r51{ left:35em; }
#r16,#r34,#r52{ left:37.5em; }
#r17,#r35,#r53{ left:40em; }
#r18,#r36,#r54{ left:42.5em; }


/* ############################################################ */
/* #### Navigation ############################################ */

div#navigation ul{
	margin:0;
	padding:0;
	list-style: none;
	border-bottom:1px solid white;
}
div#navigation ul ul{
	margin:0;
	padding:0;
	border-top:1px dotted white;
	border-bottom:none;
}
div#navigation ul li{
	border-top:1px solid white;
	font-weight:bold;
	line-height: 1.2em;
}
div#navigation ul li li{
	border:none;
	font-size:1em;
	font-weight:normal;
}
div#navigation ul li a{
	display:block;
	text-decoration:none;
	color:#ffffff;
	padding:0 0 0 1.3em;
	line-height:1.5em;
}
div#navigation ul li a:hover,
div#navigation ul li a.cur{
	background-image: url(images/bg_nav_active.gif);
	background-position: 0.3em center;
	background-repeat:no-repeat;
}