﻿/* Bildungs- und Seminarhotel
im Berufsförderungszentrum Essen
*/

/* Farben
schwarz: #000000
linkfarbe: #000066
blau: #BAC5DC
Violett: #771648
*/

/* Allgemein */


body {
	background:#D0DBF2 url(back.gif);
	font-size: 75%;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	padding:0;
	margin:0;
	top:0;
	left:0;
}

ul,li {
	list-style-type: square;
}

li {
	margin-bottom: 0.5em;
}

table {
	text-align: left;
	font-size: 0.9em;
}

td {
	height: 1.7em;
}


a:link { color: #000066; text-decoration: none; }

a:hover { color: #990000; text-decoration: none; }

a:active { color: #006666; text-decoration: none; }

a:visited { text-decoration: none; }


img, a img {
	border: 0;
}



#headleft {
	background:#fff;
	width: 165px;
	height: 137px;
	text-align: left;
	border-bottom: 1px solid #666;
}

#headtop {
	background:#000066;
	position:absolute; top:0px; left:165px;
	width: 535px;
	height: 137px;
	text-align: left;
}
	
#headnavi {
	background:#fff;
	position:absolute; top:80px; left:165px;
	width: 535px;
	height: 57px;
	text-align: right;
	font-size: 0.9em;
	border-bottom: 1px solid #666;
	overflow: hidden;
}	

#headnavi ul {
	margin-top: 35px;
}

#headnavi li {
	display: inline;
}

#headright {
	background: #BAC5DC url(homeheadright.jpg) no-repeat;
	width: 33%;
	height: 137px;
	position:absolute; top:0px; left: 700px;
	border-bottom: 1px solid #666;
}


/* Navigation */


.aktiv {
	background: url(linkback.gif);
}

#navigation a:link, #navigation a:visited {
	display:block;
	padding: 0.3em 0em 0.3em 0.5em;
}

#navigation a:hover{
	background: url(linkback.gif);
}

#navigation {
	background:#BAC5DC;
	position:absolute; top:138px; left:0px;
	float: left;
	width: 165px;
	height: 320px;
	text-align: left;
	font-size: 1.0em;
}

#navigation ul {
	font-weight: bold;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 1px;
	padding: 0px;
}

#navigation li {
	margin-bottom: 0.5em;
	font-weight: bold;
	text-align: left;
	list-style-type: none;
	font-size: 0.9em;
}

#navigationsub li {
	margin-top: 0px;
	margin-bottom: 1.0em;
}

#navigationsub li, a:link {
	text-align: left;
	font-size: 1em;
}




/* Footer */

#footer {
	position:absolute; left: 165px;
	width: 535px;
	height: 40px;
	border-top: 1px solid #666;
	background:#000066;
}

.footerline {
	font-size: 0.8em;
	line-height: 1.2em;
	color: #fff;
	text-align: center;
}


/* Inhalt */	

#content {
	margin-left: 165px;
	background: #fff;
	width: 515px;
	height: 100%;
	padding: 10px;
}

#contenthome {
	margin-left: 165px;
	background: #fff;
	width: 515px;
	height: 535px;
	padding: 10px;
}

#contentillu {
	position:absolute; top:138px; left: 700px;
	background: #BAC5DC;
	width: 95px;
	high: 320px;
}


h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #990000;
}


h2 {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #333;
	margin-top: 1em;
	margin-bottom: -0.5em;
}

h3 {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	color: #333;
}

h4 {
	font-size: 1.1em;
	line-height: 1.2em;
	color: #771648;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

h5 {
	font-size: 0.9em;
	line-height: 1.3em;
	color: #333;
	font-weight: bold;
	margin-top: 1.5em;
	margin-bottom: 0.1em;
}

h6 {
	font-size: 0.9em;
	line-height: 1.2em;
	color: #333;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

p {
	color: #1E1E1E;
	line-height: 1.6em;
	margin-top: 1.0em;
	margin-right: 20px;
}

.listing {
	color: #1E1E1E;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 1.3em;
}

.listinghead {
	color: #1E1E1E;
	margin-top: 1.0em;
	margin-bottom: 0.3em;
	line-height: 1.2em;
}

.impressum {
	color: #1E1E1E;
	margin-top: 1.0em;
	margin-bottom: 0.3em;
	line-height: 1.2em;
	font-size: 0.9em;
}













