html, body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	width: 100%;
}

body {
	background-color: #666666;
	background-image:url(image/bg_pattern.jpg);
	background-position: top;
	background-repeat: repeat-y;
	font: 80%/1.2 verdana, helvetica, sans-serif;
	color: 333333;
}

h1 {
	font: 130%/1.2 verdana, helvetica, sans-serif;
	color: #993333;
	font-weight: bold;
	text-decoration: overline;
}

h2 {
	font: 110%/1.2 verdana, helvetica, sans-serif;
	color: #993333;
	font-weight: bold;
	text-decoration: none;
}

tr, td {
	border: 1px solid;
	border-bottom-color: #993333;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #993333;
	font: 90%/1.2 verdana, helvetica, sans-serif;
	color: 333333;
}

table {
	border: 1px solid;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-bottom-color: #993333;
	border-right-color: #993333;
}

blockquote {
	color: #927b6b;
	font: italic 1.5em georgia, serif;
	line-height: 1.4em;
	margin: .3em 0 .7em .5em;
	text-align: center;
}

a:link {
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}

a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}

a:hover {
	font-weight: bold;
	text-decoration: overline;
	color: #660000;
}

a:active {
	font-weight: bold;
	text-decoration: none;
	color: #993333;
}

/* ### SPECIFIC DIVS ####################################### */
#frame {
	width: 700px;
	height: 100%;
	margin: 0 auto 0 auto;
	display: block;
}

#navi {
	width: 180px;
	height: 100%;
	background: url(image/frame_bg.jpg);
	float: left;
	display: block;
	margin: 0 20px 0 0;
}

#navi_pattern {
	background: url(image/pattern.jpg) repeat-x;
	width: 170px;
	height: 21px;
	border: 0px;	
	margin: 0 5px 0 5px;
}

#navi_bg {
	background-color:#FFFFFF;
	width: 170px;
	height: 71%;
	margin: 0 5px 0 5px;
	float: left;
}

#navi_filler {
	background: url(image/navi_filler.jpg) no-repeat;
	width: 170px;
	height: 171px;
}

#navi_footer {
	background: url(image/navi_footer.jpg) no-repeat;
	width: 180px;
	height: 30px;
	float: left;
}

#content {
	height: 100%;
	width: 500px;
	background: url(image/frame_bg.jpg);
	float: left;
	display: block;
	margin: 0 0 0 0;
}

#content_head {
	background:url(image/content_head.jpg);
	width: 500px;
	height: 130px;
}

#content_pattern {
	background: url(image/pattern.jpg) repeat-x;
	width: 490px;
	height: 21px;	
	margin: 0 5px 0 5px;
}

#content_bg {
	background-color:#FFFFFF;
	width: 490px;
	height: 75%;
	margin: 0 5px 0 5px;
	float: left;
}

#iframe {
	width: 470px;
	text-align: justify;
	height: 95%; 
	overflow: auto;
	margin: 10px 10px 0 10px;
	
}

#mail {
	background: url(image/mail.jpg) no-repeat;
	width: 240px;
	height: 30px;
}

#disclaimer {
	font: 70%/1.2 verdana, helvetica, sans-serif;
	color: 333333;
}

/* ### NAVIGATION ########################################## */
ul {  
	list-style: none;  
	list-style-type: none;  
	margin: 10px 0 10px 0;  
	padding: 0;  
}  
  
li {  
	float: left;
	width: 170px;  
	height: 36px;  
}   

li a {
display: block;
height: 100%;
text-decoration: none;
text-indent: -999em;
}

li#nav-theorie {
background: url(image/button_theorie.jpg);
}

li#nav-praxis {
background: url(image/button_praxis.jpg);
}

li#nav-preise {
background: url(image/button_preise.jpg);
}

li#nav-nachschulung {
background: url(image/button_nachschulung.jpg);
}

li#nav-finanzierung {
background: url(image/button_finanzierung.jpg);
}

li#nav-kontakt {
background: url(image/button_kontakt.jpg);
}