body {
	background-color: #E5E5E5;
	color: #494949;
	margin: 0;
	padding: 0;
	height: 90%;
	font-size:80%;
	font-family: Verdana,sans-serif;
	line-height:1.5;
	background-image: url(../bilder/body.gif);
	background-repeat: repeat-y;
}

acronym {
	border-bottom: none;
   cursor: help;
}

#container {
	margin-left: 20px;
	height:100%;

}

/* Navigation Styles 
---------------------------------------------------------*/

#navigation {
	margin-top: 0px;
	float: left;
	width: 180px;
	padding-top: 100px;
	padding-bottom:20px;
	color: inherit;
	position:absolute;
}

#navigation h1 {
	font-size: 1.2em;
	padding-left: 0.5em;
	padding-top:0;
	border-bottom: 1px solid #C1A8B2;
	margin-top: 0;
	margin-bottom: 0;
}

#navigation ul {
	margin-top: 0.2em;
	margin-left: 1em;
	margin-bottom:0.5em;
	padding-left: 0;
	padding-bottom:0;
	list-style: none;
}

#navigation li {
	margin-top: 0;
	margin-bottom: 0;
	padding-top:0;
	padding-bottom:0;
}

#navigation a#skiptocontent, #navigation a#skiptosuche {
	display: none;
}

#navigation a:link, #navigation a:visited {
	color: #494949;
	text-decoration: none;
}

#navigation a:hover, #navigation a:focus {
	text-decoration: underline;
}

#navigation ul#db a:hover {
	color: #8D697A;
}

#navigation ul#prog a:hover {
	color: #C4CA6B;
}

#navigation ul#wai a:hover {
	color: #F2D00D;
}

#navigation ul#train a:hover {
	color: #8D80A1;
}
#navigation ul#me a:hover {
	color: #E96701;
}

/* Headmast Styles
---------------------------------------------------------- */

#headmast {
	position: absolute;
	right: 0px;
	top: 15px;
	width: 100%;
	height: 50px;
	background-color: #FFF;
	border-top: 1px solid #8A8A8A;
	border-bottom: 1px solid #8A8A8A;
	overflow: hidden;
	z-index: 1;
}

#headmast h1 {
	margin-top: 0;
	margin-left: 20px;
	display:inline;
	float:left;
	height: 50px;
	width: 212px;
	background-image: url(../bilder/karlhaak_header.gif);
	background-repeat: no-repeat;
}

#headmast h1 span {
	display: none;
}

#headmast h2 {
	margin-top: 0px; 
	display:inline;
	float:right;
	width: 511px;
	height: 50px;
}

#headmast h2 span {
	display: none;
}

/* Content Styles 
----------------------------------------------------------*/

#content {
	margin-top: 0;
	margin-left: 210px;
	margin-right: 250px;
	padding-top: 100px;
}

#content h1 {
	margin-top: 0;
	margin-bottom: 0.1em;
	font-size:1.4em;
	border-bottom: 1px solid #C0CBD4;
	padding:0.1em 1em 0.0em 0.4em;
}

body.datenbanken #content h1 {
	border-left: 6px solid #C1A8B2;
}

body.schulungen #content h1 {
	border-left: 6px solid #B2ABC2;
}

body.barrierefreiheit #content h1 {
	border-left: 6px solid #F4E488;
}

body.programmierung #content h1 {
	border-left: 6px solid #DBE1A5;
}

body.karlhaak #content h1 {
	border-left: 6px solid #EED7B7;
}

#content h2 {
	line-height: 1.2em; 
	margin-bottom: 1em;
	margin-top: 1.5em;
	padding-top: 0;
	padding-bottom:0.1em;
	padding-left:0.8em;
	font-size:1.2em;
	border-bottom: 1px solid #C0CBD4;
}

body.datenbanken #content h2 {
	background: url(../bilder/punkt-red.png) no-repeat left bottom;
}

body.schulungen #content h2 {
	background: url(../bilder/punkt-blue.png) no-repeat left bottom;
}

body.barrierefreiheit #content h2 {
	background: url(../bilder/punkt-yellow.png) no-repeat left bottom;
}

body.programmierung #content h2 {
	background: url(../bilder/punkt-green.png) no-repeat left bottom;
}

body.karlhaak #content h2 {
	background: url(../bilder/punkt-orange.png) no-repeat left bottom;
}

#content p {
	margin:0;
	padding-top:0;
	padding-left:1.4em;
	padding-bottom:0.5em;
	text-align: justify;
}

#content blockquote {
	padding:0 0 0 0;
	margin:0 2em 0 2em;
}

#content div.imglinks {
	float:left;
	margin:0.5em 1em 1em 0em;
}

#content div.imgrechts {
	float:right;
	margin:0.5em 0em 1em 1em;
}

#content div.imgrechts img, #content div.imglinks img {
		border: 1px solid #C1A8B2;
}

#content div.imglinks div.imgtitle, #content div.imgrechts div.imgtitle {
	font-size:0.8em;
	text-align: center;
}

#content ol {
	margin: 0.5em 0 0 4.4em;
	padding:0 0 0 0;
}

#content ol li {
	margin:0 0 0.5em 0;
}

#content ol li ul {
	margin: 0 0 0 2em;
	padding: 0 0 0 0;
	list-style-type: square;
}


#content ol li ul li{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
	border-collapse: collapse;
}

#content dl {
	margin-left:3em;
	margin-top:0em;
	padding-top:0em;
}
#content dd {
	margin-bottom:0.5em;
}

#content div.cv ul {
	margin-left:3em;
	padding-left:0em;
	margin-top:0em;
	padding-top:0em;
	list-style: square;
}

#content div.cv dl {
	margin-left:0.5em;
	margin-top:0em;
	padding-top:0em;
}

#content div.cv dt {
	margin-left:0em;
	padding:0 0 0 0;
	width:10em;
	display:block;
	float:left;
	text-align:left;
}

#content div.cv dd {
	display:block;
	width:30em;
}

#content p a, #content dl a {
	text-decoration: underline;
	font-weight:bold;
	color: #4B4B4B;
}

#content a:link {
	color: #676767;
}

#content a:visited {
	color: #8795A2;
}

#content a:hover {	
	background-color: #FFF;
}

#content a:focus {	
	background-color: #EDB3B3;
}

#content blockquote {
	font-style:italic;
}


/* Sidebar Styles 
----------------------------------------------------------*/

#sidebar {
	float: right;
	width: 200px;
	background-color: transparent;
	padding-top: 65px;
/*	height:100%; */
}

#sidebar h1{
	margin-top: 0;
	margin-bottom: 0.1em;
	margin-left:0.5em;
	padding-top: 0;
	padding-bottom:0.1em;
	font-size:1.2em;	
}

#sidebar ul#weblog{
	margin-top: 0.2em;
	margin-left: 1.4em;
	padding-left: 0;
	list-style: none;
}

#sidebar form {
	border:0;
	margin: 0 0 1em 0.5em;
	padding:0;
}


#sidebar input#txtSuche {
	margin:0px;
	padding:0px;
	width:8em;
	font: Verdana sans-serif;
}

#sidebar input#btnsuchen{
	margin:0px;
	padding:0px;
	font: Verdana sans-serif;
	height: 1.8em;
}

fieldset {
	border: 0px solid;
	padding: 0;
}

#sidebar a:link, #sidebar a:visited {
	color: #5B5B5B;
	text-decoration: none;
}

#sidebar a:hover {
	color: #5B5B5B;
	text-decoration: underline;
}

/*Sidebar Flower */
#sidebar #flower {
	width: 200px;
	height: 136px;
	margin-bottom: 2em;
}

#sidebar p {
	padding-left:0.5em;
}

/* Footer Styles 
----------------------------------------------------------*/

#footer {
	border-top:1px solid #C0CBD4;
	margin: 3.5em 250px 2em 210px;
	padding:0.3em 0 0 0;
	clear:both;
	color: #999999;
}

/* Formular Styles Kontakt
----------------------------------------------------------*/
input, textarea {
	font: 90% Verdana, sans-serif;
}

div.input {
	margin-top: 1em;
	margin-left: 2%;
}

form#frmKontakt input {
	margin-left: 7em;
}

input:focus, select:focus, textarea:focus {
	background-color: #EED7B7;
	color: inherit;
}

form#frmKontakt textarea {
	margin-left: 0em;
	margin-top:2em;
}

form#frmKontakt fieldset {
	overflow: hidden;
	border: 0px solid;
	padding-bottom: 1em;
}

* html fieldset {
	border-top: 0px solid ;
}

form#frmKontakt legend {
	border: 0px solid ;
	padding: 0;
	font-weight:bold;
}

form#frmKontakt label {
	display: block; 
	margin-bottom: -1.3em;
}

form#frmKontakt input.btn {
	width: 11em;
	margin-left: 0em;
}