/* allgemein Defintionen für Typografie, Buttons und Textfelder */
html, body {
	background: #E4BC70 url(../images/header_background.png) repeat-x;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
html, body, td, th {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #484b4f;
}
img {
	border: none;
}

table, tr, td, th {
	border: none;
}
.firstrow {
	background: #DBF0FC;
}
th {
	background: #AEDDFB;
	text-align: left;
	font-weight: bold;
}
h1 {
	color: #006AB5;
	padding-top: 20px;
	font-size: 13px;
	font-weight: bold;
}
h2 {
	color: #006AB5;
	font-size: 11px;
	font-weight: bold;
}
h3 {
	color: #484b4f;
	font-size: 11px;
	font-weight: bold;
}
h4 {
	color: #006AB5;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
}
h5 {
	color: #006AB5;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
}
a:link, a:active, a:visited {
	color: #006aB5;
	text-decoration: none;
}
a:hover {
	color: #006aB5;
	text-decoration: underline;
}


/* wrapper um nav vontent und rechte spalte */
#wrapper {
	margin: 30px 0px;
	position: relative;
	height: 100%;
}
#container {
	margin: 0px;
	/*width: 1000px;*/
}

/* Header mit Logo unf Hintergrundbild */
#header {
	padding: 0;
	margin: 0;
}
#header img {
 display: block;
}
#logo {
    position: absolute;
	top: 0;
    padding: 16px 36px 0 600px;
}
#logo img {
 float: right;
}



/* contentbereich */
#content {
	background-color: #FFF;
	border: 2px solid #3366BB;
	padding: 20px;
	position: relative;
	margin: 0px 295px 0px 165px;
}


/* alles für die linke navigations-spalte */
#nav {
	position: absolute;
	left: 10px;
	top: -15px;
	width: 135px;
}
#nav a {
	text-decoration: none;
	color: #006AB5;
	font-size: 13px;
}
#nav a:hover, #nav a.active {
	color: #FFFFFF;
	text-decoration: none;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding-left: 10px;
}
#nav ul li {
	 margin-bottom:6px;
	 display: block;
}
#nav #subnav_motive li {
	 margin-bottom:2px;
	 display: block;
}


/*  rechte spalte, für die persönlichseiten */
#rightnav {
	width: 185px;
	position: absolute;
	top: 194px;
	right: 36px;
}


/* Footer unten mit den Links für Impressum und Copyright usw. */
#footer {
	text-align:right;
	/*position: relative;*/
	padding-bottom: 20px;
	margin: 10px 295px 10px 165px;
}


/* Styles für die Navigation Bestellvorgang Kalender*/

#bestellvorgang a {
background-repeat: no-repeat;
display:block;
height:56px;
text-decoration:none;
}
#bestellvorgang a:hover, #bestellvorgang a:active, #bestellvorgang a.active {
	background-position: 0px -84px;
	color:#FF9900;
}
/* Schritt 1 Aktiv anklickbar */
#bestellvorgang a#schritt1 {
	padding-left: 32px;
	padding-top: 20px;
	background-image: url(../images/schritt1.gif);
}
/* Schritt 2 Aktiv anklickbar */
#bestellvorgang a#schritt2 {
	background-image: url(../images/schritt2.gif);
	padding-left: 32px;
	padding-top: 20px;
}
/* Schritt 3 anklickbar */
#bestellvorgang a#schritt3 {
	background-image: url(../images/schritt3.gif);
	padding-left: 32px;
	padding-top: 20px;
}
/* Schritt 4 anklickbar */
#bestellvorgang a#schritt4 {
	background-image: url(../images/schritt4.gif);
	text-indent:-5000px;
	width: 28px;
}
/* Noch nicht auswählbare Schritte werden nicht gehighlightet */
#bestellvorgang a.notlinked {
	color: #888;
	background-position: 0px 0px;
}
#bestellvorgang table tr {
	background: url(../images/ablauf_back.gif) repeat-x;
}