/* Styles for www.haagnetz.de - die private Seite von Oliver Haag im Netz */

body, table, p, h1, h2, h3 {
	font-family: verdana, arial, sans, ssans-serif;
	font-size: 12px;
	color:#006;
}

h1 {
	font-size: 18px; font-weight: normal;
	margin-top:0px;
}

.topspace {
	height:200px;
	background: url(image/ovhdup4.gif);
	vertical-align:bottom;
}


.logo {
	z-index: 10;
	float: left;
	font-size: 32px; 
	color:#006; 
	padding-right: 20px;
}

.logo2 {
	z-index: 10;
	width: 190px;
	float: left;
	font-size: 32px; 
	color:#006; 
	padding-right: 20px;
}

.motto {
	float:clear; 
	z-index: 10;
	padding-top:12px;
	font-size: 20px;
	
	color: darkorange;
	background-color: #ccc;
}
.motto2 {
	float:clear; 
	z-index: 10;
	padding-top:12px;
	font-size: 20px;
	
	color: darkorange;
}
.bottomhint {
	text-align: right;
	text-decoration: overline;
}

/* hauptmenue oben quer */
/* colors: #fcc684 (hellorange) #ff9 (hellgelb) */
ul.mainmenu {
	list-style-type: none;
	background-color: darkorange;
	padding: 2px;
	margin-left:0px;
	text-align:left;
}

ul.mainmenu li {
	display:inline;
	margin-left: 0px;
}


ul.mainmenu li a {
	color: #006;
	text-decoration: none;
}

/* zusätzliches menue unten quer */
ul.botmenu {
	list-style-type: none;
	background-color: #ccc;
	padding-top:2px; padding-bottom: 2px;
	margin-left:0px;
}


ul.botmenu li {
	display:inline; 
	margin-left: 10px;
}


ul.botmenu li a {
	color: #006;
	text-decoration: none;
}


div.leftbox {
	width: 190px; color: darkorange; background-color: white; padding:0px; padding-left:2px;
	border-width:0px; border-bottom-width: 1px; border-color:darkorange; border-style: solid;
	float:left;
}

div.mainbox {
	padding:0px; margin:0px; margin-left:210px; 
}

div.mainDescription {
	margin-left: 200px; min-height: 200px;  padding-left:10px;
}

div.item {
	float:left; 
	height: 50px; width: 180px;
	background-color:#ccc;
	padding-top: 150px; padding-left: 10px; padding-right: 10px; 
	font-size: 32px; color:#006;
	text-align:right;
	margin-right: 10px; margin-bottom:10px;
}

div.item2 {
	float:left; 
	height: 50px; width: 200px;
	background-color:#ccc;
	background: url(image/ovh3.gif);
	padding-top: 150px; padding-left: 0px; padding-right: 0px; 
	font-size: 32px; color:#006;
	text-align:right;
	margin-right: 10px;
}
div.item2 span.item2text {
	padding-left: 10px; padding-right:10px; 
	background-color: #ccc;
}

img.visualisation {
	float:left; 
	margin-right: 10px;
}

p.information {
	margin-left: 10px; 
}

br.separation {
	clear: left;
}


li {
	list-style-position: inside;
}

a {
	color: darkorange;
}