/* Styles for www.ohcon.de - ..*/

/*
 */

br.clearbreak {
	clear:left;
}

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

body {
	padding: 0px; margin: 1px; border-width:0px;
}

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

h2 {
	font-size: 14px; font-weight: bold;
}
h3 {
	font-size: 12px; font-weight: bold; font-style: italic;
}

.topspaceleft {
	height: 100px; width: 190px;
	padding: 10px; 
	background-color: #fff;
	float: left;
}
/* 
	margin-right:0px; border-width: 0px
*/


a.logotext {
	text-decoration: none;
}
span.logotext1 {
	font-size: 32px; 
	color: #377;
	background-color: #fff;
}
span.logotext2 {
	font-size: 32px; 
	color: #006; 
	background-color: #fff;
}

span.companytext1 {
	font-size: 16px; 
	color: #377;
	background-color: #fff;
}
span.companytext2 {
	font-size: 16px; 
	color: #006; 
	background-color: #fff;
}


img.logoimage {
	border-style: solid;
	border-width: 1px; 
	border-color: #006;
	z-index: 20;
	position: absolute;
	top: 40px;
	left: 135px;
	float: left;
}


.topspaceright {
	height: 100px;
	color: #006;
	background-color: #fff;
	margin-left: 210px;
	padding: 10px; padding-right:0px;
}
/*
margin-left:0px; border-width: 0px;
*/

/* #006; #377; */
span.mottotext { 
	font-size: 32px;
	color: #006;
	margin-bottom: 10px; 
	white-space: nowrap;
}

/* #f30; 
span.pagename {
	color: #a00;
	font-size: 16px;
	margin-top: 70px; margin-right:10px; float: right;	
}
 */

span.pagename {
	position: absolute;
	top: 100px; right: 10px;
	color: #a00;
	background-color: #fff;
	font-size: 16px;
}


.topspaceX {
	width: 100%;
	clear: left;
	height:10px;
	font-size: 6px;
	background-color: #a00; 
}


/* hauptmenue oben quer */
ul.mainmenu {
	display: inline;
	list-style-type: none;
	color: #fff; 
	font-size: 16px;
	background-color: #006;
	
	position: relative; top: 15px; 
	margin: 0px;
	padding: 0px;
}
ul.mainmenu li {
	display:inline;
	color: #fff; 
	background-color: #006;
}
/* color=background-color! Trick explained in html page */
ul.mainmenu li.big {
	padding: 2px;
	display:inline;
	color: #006; 
	background-color: #006;
}
ul.mainmenu li a {
	
	padding: 2px;
	color: #fff; 
	text-decoration: none;
	background-color: #006;
}
ul.mainmenu li a:hover {
	color: #fff; 
	background-color: #377;
}

div.leftbox {
	width: 200px;  padding:10px; padding-bottom:10px;
	border-width:0px; border-bottom-width: 1px; border-color:#377; border-style: solid;
	background-color: #fff;
	clear:left; float:left;
}

div.leftbox a.submenu {
	color: #377;
	text-decoration: none;
	font-size: 16px;
}

div.mainbox {
	margin:0px; margin-left:220px; padding:10px; 
	background-color: #fff;
}

a {
	color: #377;
}

span.hint {
	color: #c00;
}

.bottomhint {
	text-align: right;
	text-decoration: overline;
}