BODY { background-color : #e6e6e6; }

A { color : #cc0000; }
A:active, A:visited { color : #660000; }
A IMG { border : none; }

.header { 
	overflow : hidden; /* hack to allow floated content inside normal container */
	zoom : 1; /* hack to allow floated content inside normal container -- IE addition */
	background-color : #cccccc;
	margin-right : 105px;
	border-top-left-radius : 1em; -moz-border-radius-topleft : 1em; -webkit-border-top-left-radius : 1em;
	border-top-right-radius : 1em; -moz-border-radius-topright : 1em; -webkit-border-top-right-radius : 1em;
}
.header A { display : block; float : left; text-align : center; width : 105px; }
.header H1 { color : #cc3333; font-family : sans-serif; font-size : 1.5em; padding-top : 1em; margin : 0; }

TABLE.page { border-collapse : collapse; width : 100%; }
TABLE.page A IMG { border : solid 2px #cc0000; }
TABLE.page A:active IMG, TABLE.page A:visited IMG { border-color : #660000; }

/* liquid layout, one fixed-width menu column */
.outerpagewrap {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	background:#cccccc;
	border-bottom-left-radius : 1em; -moz-border-radius-bottomleft : 1em; -webkit-border-bottom-left-radius : 1em;
}
.innerpagewrap {
	float:left;
	width:200%;
	position:relative;
	background:white;
	border-top-left-radius : 1em; -moz-border-radius-topleft : 1em; -webkit-border-top-left-radius : 1em;
	border-top-right-radius : 1em; -moz-border-radius-topright : 1em; -webkit-border-top-right-radius : 1em; /* this doesn't work because of column layout */
}
.contentwrap {
	width:50%;
	position:relative;
}
.content {
	margin:0;
	overflow:hidden;
	padding:1em;
}
.menu {
	position:relative;
	text-align : center;
}
/* menu column width */
.header { margin-right : 105px; }
.content { margin-left : 105px; }
.menu { width : 105px; }
/* menu column left */
.innerpagewrap { left : 105px; }
.contentwrap { float : right; right : 105px; }
.content { position : relative; right : 100%; }
.menu { float : left; right : 105px; }
/* menu column right */
/*.innerpagewrap { margin-left : -105px; right : 100%; }
.contentwrap { float : left; left : 50%; }
.menu { float : right; left : 105px; }*/

/*.content { width:100%; }*/ /* IE6 fix */

.icon {
	font-family : sans-serif;
	font-size : 60%;
}
.icon IMG {
	margin-top : 3em;
}

.menu UL {
	color : white;
	font-family : sans-serif;
	font-size : 80%;
	font-weight : bold;
	list-style-type : none;
	padding : 0;
	margin-left : 0;
	text-transform : uppercase;
}
.menu LI { margin-top : 1em; }
.menu LI A { text-decoration : none; }
.menu LI A:hover { text-decoration : underline; }
.menu LI A:visited { color : #CC3333; }

H2 { font-family : sans-serif; font-size : 2em; font-weight : normal; margin-bottom : 0; margin-top : 0; }
H3 { margin-top : 0; }

A.map { float : right; margin-bottom : 1em; cursor : -moz-zoom-in; }
A.map IMG { border : solid 2px white; }
A.map:hover IMG { border : solid 2px blue; }

.photo { text-align : center; }
.photo IMG { border : solid 1px black; }

TABLE.prop { border-collapse : collapse; margin-top : 1em; }
TABLE.prop TH { padding-right : 0.5em; text-align : right; }
TABLE.prop TH, TABLE.prop TD { vertical-align : top; }

.download { text-align : center; }
.download .pdf { 
	background-image : url(bilder/pdf.png); 
	background-position : top center;
	background-repeat : no-repeat; 
	display : block; 
	padding-top : 128px;
}

.colophon { 
	background-color : white; 
	clear : both; 
	font-size : 80%; 
	margin-left : 105px; 
	padding : 1em; 
	border-bottom-left-radius : 1em; -moz-border-radius-bottomleft : 1em; -webkit-border-bottom-left-radius : 1em;
	border-bottom-right-radius : 1em; -moz-border-radius-bottomright : 1em; -webkit-border-bottom-right-radius : 1em;
}