/* CSS Document */
html, body {
	height:100.1%;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
}

body {
	margin:0;
	padding:0;
	background-color:#dfecff;
	text-align: center;
}

#main {
	background-image:url('/images/harst-bg.gif');
	background-repeat:repeat-y;
	background-position:top left;
	background-color:#ffffff;
	width:990px;
	min-height: 100%;
  	height:auto !important; /* moderne Browser */
  	height:100%; /* IE */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border-right: 2px solid #194486;
	border-left: 2px solid #194486;
}

a {
	color:#000000;
	text-decoration:none;
}

a:link {
	color:#90b0f0;
	text-decoration:none;
}

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

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

a:hover {
	color:#90b0f0;
	text-decoration:underline;
}

#titel {font-size: 33pt; font-weight: 800; }

.ttt { font-size:24pt; font-weight:800; line-height:28pt; }
.tt { font-size:1.3em; font-weight:600; line-height:200%; }
.zt { font-size:14pt; font-weight:600; line-height:16pt; }
h1 { font-size:1.2em; font-weight:500; line-height:215%; }
.s { font-size:0.75em; font-weight:300; line-height:120%; }
.n { font-size:0.75em; font-weight:300; }
.m { font-size:9pt; font-weight:600; }
.k { font-size:8pt; font-weight:300; }
.logo { list-style-image:url('/images/harst-li.gif'); font-size: 0.9em; }

.n A:link,.n A:visited,.n A:active {color: #194486; text-decoration: none;} 
.n A:hover {text-decoration: underline; color: #194486; background-color: #E8EFF7;}

.m A:link,.m A:visited,.m A:active {color: #ffffff; text-decoration: none;} 
.m A:hover {color: #ffffff;}

.s A:link,.s A:visited,.s A:active {color: #194486; text-decoration: none; font-weight: 600; } 
.s A:hover {text-decoration: underline; color: #194486; background-color: #E8EFF7; font-weight: 600;}

STRONG { font-size: 8pt; }
STRONG A:link,STRONG A:visited,STRONG A:active {color: #90B0F0;} 
A:link,A:visited,A:active {text-decoration: none;} 
#dunkel A:hover {text-decoration: none; color: #194486;}
#hell A:hover {text-decoration: none; color: #FFFFFF;}

.menu1 a, .menu2 a, .menu3 a, .menu4 a, .menu5 a, .menu6 a, .menu7 a  {
	width:174px;
	height:18px;
	display:block;
	margin:none;
	border-bottom:1px solid #C1D2EB;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:1px;
	background-color:#e8eff7;
}

.menu1 a { background-image:url('/images/harst-l-galerie0.gif'); }
.menu2 a { background-image:url('/images/harst-l-kontakt0.gif'); }
.menu3 a { background-image:url('/images/harst-l-presse0.gif'); }
.menu4 a { background-image:url('/images/harst-l-referenzen0.gif'); }
.menu5 a { background-image:url('/images/harst-l-uebermich0.gif'); }
.menu6 a { background-image:url('/images/harst-l-index0.gif'); }
.menu7 a { background-image:url('/images/harst-l-email0.gif'); }

.menu1 a:hover { background-image:url('/images/harst-l-galerie1.gif'); background-repeat:no-repeat; background-position:1px; }
.menu2 a:hover { background-image:url('/images/harst-l-kontakt1.gif'); background-repeat:no-repeat; background-position:1px; }
.menu3 a:hover { background-image:url('/images/harst-l-presse1.gif'); background-repeat:no-repeat; background-position:1px; }
.menu4 a:hover { background-image:url('/images/harst-l-referenzen1.gif'); background-repeat:no-repeat; background-position:1px; }
.menu5 a:hover { background-image:url('/images/harst-l-uebermich1.gif'); background-repeat:no-repeat; background-position:1px; }
.menu6 a:hover { background-image:url('/images/harst-l-index1.gif'); background-repeat:no-repeat; background-position:1px; }
.menu7 a:hover { background-image:url('/images/harst-l-email1.gif'); background-repeat:no-repeat; background-position:1px; }

#preloader1 { background-image:url('/images/harst-l-galerie1.gif'); visibility:view; }
#preloader2 { background-image:url('/images/harst-l-kontakt1.gif'); visibility:hidden; }
#preloader3 { background-image:url('/images/harst-l-presse1.gif'); visibility:hidden; }
#preloader4 { background-image:url('/images/harst-l-referenzen1.gif'); visibility:hidden; }
#preloader5 { background-image:url('/images/harst-l-uebermich1.gif'); visibility:hidden; }
#preloader6 { background-image:url('/images/harst-l-index1.gif'); visibility:hidden; }
#preloader7 { background-image:url('/images/harst-l-email1.gif'); visibility:hidden; }

/* NEW HOMEPAGE */

h2 { 
	font-size:		1.4em;
	font-weight:	600;
	padding-top:	15px;
	padding-bottom:	3px;
	line-height:	100%;
}

.runningtext {
	font-size:		0.9em;
	line-height:	135%;
	text-align:		justify;
}

#home-maincontainer {
	margin-left:	20px;
	width:			400px;
	float:			left;
}

#content-maincontainer {
	margin-left:	20px;
	margin-right:	20px;
	width:			740px;
}


#home-imagecontainer{
	width:			97px;
	float:			left;
	margin-left:	23px;
}

#home-imagecontainer a img {
	margin-top:		15px;
}

.runningtext a:link, .runningtext a:visited, .runningtext a:active, 
#content-maincontainer a:link, #content-maincontainer a:visited, #content-maincontainer a:active {
	text-decoration: none;
	color: 			#194486;
}

.runningtext a:hover {
	text-decoration: none;
	color:			#333333;
}

/* NAVIGATION */
.corner-right-top {
	position:static;
	width:178px;
	height:12px;
	display:block;
	background-color:#194486;
	background-image:url('/images/harst-eckerund1.gif');
	background-repeat:no-repeat;
	background-position:top right;
	overflow:hidden;
}

.corner-right-bottom {
	position:static;
	width:178px;
	height:12px;
	display:block;
	background-color:#194486;
	background-image:url('/images/harst-eckerund2.gif');
	background-repeat:no-repeat;
	background-position:top right;
	overflow:hidden;
}

.navi-spacer {
	position:static;
	width:178px;
	height:12px;
	display:block;
	background-color:white;
	overflow:hidden;
}

#bottom {
	bottom:0px;
	width:100%;
	height:auto;
	background-color:#194486;
	border-top:2px solid #194486;
	margin-top:40px;
	padding-bottom:10px;
	clear:both;
}

.bottom-links {
	width:150px;
	height:120px;
	min-height:120px;
	margin-left:12px;
	margin-top:10px;
	margin-bottom:10px;
	padding:4px;
	float:left;
	background-color:#47699e;
}

.bottom-links h3 {
	font-size:1.0em;
	color:#ffffff;
	font-variant:small-caps;
	letter-spacing:0.1em;
	padding:0px;
	margin:0px;
}
.bottom-links p {
	font-size:0.7em;
	color:#ffffff;
	padding-left:10px;
	padding-top:5px;
	margin:0px;
}