@charset "utf-8";

/* Diese CSS Datei ist f�r www.otto-hermes.de von Carlo M�ller erstellt worden*/
/* Copyright by Carlo M�ller - www.carlographie.com - www.carlomueller.de  */
/* Edited: 30.10.2007 */

/* --- STYLE ---------------------------------- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color:#c5c5c5;
	text-align:center;
}

img {
	border:none;
}

p {
	line-height:150%;
	font-size:11px;
	margin:0px 0px 8px 0px;
	padding:0;
}

#center {
	position: absolute;
	width: 800px;
	height: 520px;
	top: 50%;
	left: 50%;
	margin-top: -260px;
	margin-left: -400px;
}

.contain {
	height: 504px;
	width: 800px;
	text-align:left;
	overflow: hidden;
	position: relative;
}

.text {
	margin-top:241px;
	margin-left:64px;
	padding-right:160px;
	padding-left:10px;
	width:564px;
	height:212px;
	overflow:auto;
}

.text a {
	font-size:11px;
}

.back_button {
	width:800px;
	text-align:right;
	margin-top:33px;
	font-size:16px;
	font-weight:bold;
	font-variant: small-caps;
	color: #003366;
}

.back_button a {
	text-decoration:none;
	font-size:16px;
	color: #003366;
	font-weight:bold;
	font-variant: small-caps;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #666666;
}

a:link {
	text-decoration: none;
}

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

a:hover {
	text-decoration: none;
	color: #999999;
}

a:active {
	text-decoration: none;
	color: #999999;
}

h1 {
	font-size: 18px;
	color: #FFFFFF;
	margin-top:5px;
	margin-bottom:5px;
}

h2 {
	font-size: 16px;
	color: #006699;
	margin-top:5px;
	margin-bottom:5px;
}

h3 {
	font-size:16px;
	margin:8px 0 5px 0;
	padding:0;
	color: #FFF;
	font-weight:normal;
}
h3.site {
	font-size:20px;
	margin:15px 0 5px 32px;
	padding:0;
	color: #FFF;
	font-weight:normal;
}

h4 {
	font-size:12px;
	margin-top:5px;
	margin-bottom:0px;
	color: #999999;
	font-weight:bold;
}

td {
	font-size: 11px;
}

.impressum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width:800px;
	text-align:left;
}

/* --- FORMULAR ---------------------------------- */
input, select {
	float:left;
	display:block;
	width:100px;
	border: 1px solid #999999;
	background:#F4F4F4;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	margin-bottom:6px;
	padding:1px;
}
textarea {
	float:left;
	display:block;
	width:245px;
	border: 1px solid #999999;
	background:#F4F4F4;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	margin-bottom:13px;
	padding:1px;
}

/* --- CSS HOVER ---------------------------------- */
a.link_kontakt:link, a.link_kontakt:visited{
	width:134px;
	height:143px;
	display: block;
	background-image:url(pics/01_kontakt.jpg);
	background-position:top;
	text-decoration:none;
	background-repeat:no-repeat;
}
		a.link_kontakt:hover {
			background-position:0px -143px;
			text-decoration:none;
		}
		
		
a.link_service:link, a.link_service:visited{
	width:107px;
	height:143px;
	display: block;
	background-image:url(pics/02_service.jpg);
	background-position:top;
	text-decoration:none;
	background-repeat:no-repeat;
}
		a.link_service:hover {
			background-position:0px -143px;
			text-decoration:none;
		}
		
		
a.link_leistungen:link, a.link_leistungen:visited{
	width:69px;
	height:143px;
	display: block;
	background-image:url(pics/03_leistungen.jpg);
	background-position:top;
	text-decoration:none;
	background-repeat:no-repeat;
}
		a.link_leistungen:hover {
			background-position:0px -143px;
			text-decoration:none;
		}


a.link_referenzen:link, a.link_referenzen:visited{
	width:91px;
	height:143px;
	display: block;
	background-image:url(pics/04_referenzen.jpg);
	background-position:top;
	text-decoration:none;
	background-repeat:no-repeat;
}
		a.link_referenzen:hover {
			background-position:0px -143px;
			text-decoration:none;
		}
		

a.link_aktuelles:link, a.link_aktuelles:visited{
	width:95px;
	height:143px;
	display: block;
	background-image:url(pics/05_aktuelles.jpg);
	background-position:top;
	text-decoration:none;
	background-repeat:no-repeat;
}
		a.link_aktuelles:hover {
			background-position:0px -143px;
			text-decoration:none;
		}


a.link_ueber:link, a.link_ueber:visited{
	width:99px;
	height:143px;
	display: block;
	background-image:url(pics/06_ueber.jpg);
	background-position:top;
	text-decoration:none;
	background-repeat:no-repeat;
}
		a.link_ueber:hover {
			background-position:0px -143px;
			text-decoration:none;
		}