/**************************************************************
	
	Class/ID: LAYOUT
	Media: ALL
	
	2007 das.zeichen (Bernhard Sturm) www.daszeichen.ch
****************************************************************/

body {
	margin:0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #000;
	background-color:#FFF;
}

/* accessibility */
#accessibility {
	position:absolute;
	display:none;
	left:-1000em;
	top:-1000em;
}

a#logo img {
	border:none;
}
a#logo {
	background-color:#FFF;
	color:#FFF;
}


#container {
	position:relative;
	width:578px;
	margin:1em auto 0em auto;
	background-image: url(../images/content_bgnd.gif);
	background-repeat: repeat-y;
	background-position: 0px 60px;
}


/* menu */
#menu, #content {
	position:relative;
}

#content {
	width:438px;
	margin:0;
	padding:0em 0em 2em 0em;
	float:left;
	background-color: #E41715;
	background-image: url(../images/content_top.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	overflow:hidden;
}

#menu {
	width:140px;
	float:left;
	margin:0;
}

#menu ul li, #menu ul {
	margin:0em;
	padding:0em;
	list-style-type: none;
}


#menu ul {
	margin:30px 0px 0px 0px;
}

#menu ul li a {
	display:block;
	font-size:1px;
	letter-spacing:-1000em;
	width:122px;
	height:20px;
	background-color:#FFF;
	color:#FFF;
	margin:0px 0px 10px 0px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#menu ul li a:link, #menu ul li a:visited {
	background-position: 0px 0px;
}
#menu ul li a:active, #menu ul li a:hover {
	background-position: 0px -20px;
	color: #E41715;
}


#menu ul li a.parent0 {
	background-image: url(../images/menu_1.gif);
}
#menu ul li a.parent1 {
	background-image: url(../images/menu_2.gif);
}
#menu ul li a.parent2 {
	background-image: url(../images/menu_3.gif);
}
#menu ul li a.parent3 {
	background-image: url(../images/menu_4.gif);
}
#menu ul li a.parent4 {
	background-image: url(../images/menu_5.gif);
}

/* Just for Opera, but hide from MacIE */
/*\*/html>body #menu ul li a { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */


#menu ul.child {
	margin:0px 0px 20px 10px;
	padding:0;
}
#menu ul.child li {
	margin:0px 0px 5px 0px;
	width:120px;
}
#menu ul.child a {
	display:inline;
	font-size:12px;
	color: #E41715;
	background-color: #FFF;
	text-decoration: none;
	background-image: none;
	letter-spacing:normal;
}

#menu ul.child a:link, #menu ul.child a:visited {
	color:#E41715;
}
#menu ul.child a:active, #menu ul.child a:hover {
	color:#FFF;
	background-color: #E41715;
}

/* Just for Opera, but hide from MacIE */
/*\*/html>body #menu ul.child li a { letter-spacing : normal; text-indent : 0; overflow : visible;}
/* End of hack */


/* header */
#header {
	position:relative;
	width:578px;
	height:70px;
	background-color: #FFF;
}

/* footer */
#footer {
	position:relative;
	width:578px;
	height:26px;
	background-image: url(../images/content_bottom.gif);
	background-position: 140px 0px;
	background-repeat: no-repeat;
}


.clear, #content .clear {
	float:none;
	clear:both;
}
#content .clear {
	margin:-1em 0em 0em 0em;
}


/* metanavigation */
#footer p {
	margin:0px 0px 0px 200px;
	position:relative;
	top:0px;
	font-size:0.7em;
}

#content #inner {
	margin:1.4em 1em 1em 56px;
}

/* Titel für jede Seite */
#content h1 {
	font-size:1px;
	letter-spacing: -1000em;
	color: #E41715;
	margin:0em 0em 0em -2px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display:block;
	height:44px;
	width:226px;
}
#content h1#title0 {
	background-image: url(../images/title1.gif);
}
#content h1#title1 {
	background-image: url(../images/title2.gif);
}
#content h1#title2 {
	background-image: url(../images/title3.gif);
}
#content h1#title3 {
	background-image: url(../images/title4.gif);
}
#content h1#title4 {
	background-image: url(../images/title5.gif);
}

/* Just for Opera, but hide from MacIE */
/*\*/html>body #content h1 { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */