/* Style Sheet */
/* © Friedrich Reinecke 2010 */

body {
  background-color:#ffdbaa;
}
/* canvas 1, fixed height and width. Includes "left", "logo", "right" and "between". Centers to screen.*/
#canvas1 {
	position: absolute;
	width: 949px;
	left:50%;
	margin-left:-475px;
	height: 147px;
	background-color: green;
}
#left {
	position: absolute;
	width: 175px;
	height: 147px;
	background-color: white;
}
#logo {
	position: absolute;
	width: 600px;
	height: 147px;
	left:175px;
	background-color: white;

	background:url(./Grafik/logo_600x147.png) no-repeat;
}
#right {
	position: absolute;
	width: 175px;
	height: 147px;
	margin-top:0px;
	left:774px;
	background-color: white;
}
#between {
	position: absolute;
	width: 949px;
	height: 32px;
	top: 100%;
	background-color: red;
}

/* canvas 2, dynamic height, fixed width. Includes "content", "nav", "extra" and "footer". Centers to screen. */

#canvas2 {
	position: absolute;
	top: 188px;
	width: 950px;
	left:50%;
	margin-left:-475px;
	height: 600px;
	background-color: white;
}

#content {
    position: absolute;
	width: 550px;
	left: 50%;

	top: 0px;
	min-height: 500px;
	margin-left: -290px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 30px;
	background-color: white;
	text-align: center;
}

#nav {
    position: absolute;
	width:175px;
	bottom: 0%;
	top: 0px;
	left:50%;
	margin-left:-475px;
	background-color: #e0e0e0;
	padding-right: 10px;

}



#extra {
    position: absolute;
	width:175px;
	bottom: 0%;
	top:0px;
	right:50%;
	margin-right: -475px;
	background-color: #e0e0e0;
	padding-left: 10px;
	text-align: left;
}
#footer {
  	position: absolute;
	width: 941px;
	height: 32px;
	top: 100%;
	left: 50%;
	margin-left:-475px;
	background-color: #c0c0c0;
	padding-left: 10px;
	text-align: left;
}


/* content_style.css */
/* © Friedrich Reinecke 2010 */

/* Textformate Überschriften */

h1 {
font-family: Tahoma,Arial,sans-serif;
font-style: normal;
font-size:1.5em;
font-weight: bold;
color: #0000ff;
}
h2 {
font-family: Tahoma,Arial,sans-serif;
font-style: normal;
font-size:1.2em;
font-weight: bold;
color: #900055;
}


 #extra h2 {
font-family: Tahoma,Arial,sans-serif;
font-style: normal;
font-size: 1.2em;
font-weight: bold;
text-align:center;
color: #400055;

}

h3 {
font-family: Tahoma,Arial,sans-serif;
font-style: normal;
font-size:1.0em;
font-weight: normal;
color: #008000;    
}

h4 {
font-family: Tahoma,Arial,sans-serif;
font-style: normal;
font-size:0.8em;
font-weight: normal;
color: #6d92aa;    
}

h5 {
  
}

h6 {
  
}
a {
font-family: Tahoma,Arial,sans-serif;
font-style: italic;
font-size: 1.0em;
font-weight: bold;
color: #444444;    
}

 #nav h2 {
font-family: Tahoma,Arial,sans-serif;
font-style: normal;
font-size:1.2em;
font-weight: bold;
text-align: center;
color: #900055;
}

#nav a:link {
	font-style: normal;
	text-decoration: none;
	color: #000000;
}

#nav a:hover {
	font-style: normal;
	text-decoration: none;
	color: #000000;
}

#nav a:visited {
	font-style: normal;
	text-decoration: none;
	color: #000000;
}

#nav a:active {
	font-style: normal;
	text-decoration: none;
	color: #000000;
}
#nav a:focus {
	font-style: normal;
	text-decoration: none;
	color: #000000;
}



#nav ul {
	list-style: none;
	list-style-image: none;
	font-family: Tahoma,Arial,sans-serif;
	font-style: normal;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	color: #000000;
}

#nav li {
	background: url(./Grafik/nav_5v.png) repeat-x;
	/* HTML 5 / CSS 3 */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	/* HTML 5 / CSS 3 */
	padding-top:0px;
	padding-left:0px;
	margin-top:4px;
	margin-right:40px;
	border:1px solid #000;
}

#nav li:hover {
	background: url(./Grafik/nav_9v.png) repeat-x;
}
#nav li:focus {
	background: url(./Grafik/nav_1v.png) repeat-x;
}
#nav li:active {
	background: url(./Grafik/nav_8v.png) repeat-x;
}

p {
font-family: Tahoma,Arial,sans-serif;
font-style: normal;
font-size:  0.8em;
font-weight: bold;
color: #444444;    
}


.center {
	width:480px;
	padding-top: 15px;
	padding-bottom: 15px;
}