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;	
    font-style:italic;
}

#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;
}

/* 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{
	margin-top: 0.2em;
	margin-left: 1.4em;
	padding-left: 0;
	list-style: none;
}

#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;
}

#footer a {
	color: #999999;
}

@media all and (max-width: 800px)
{
    body { background-image: none;font-size: 1em;line-height: 1.8em;}
    div#container{ background-image: none;}
    div#flower
    {
        display: none;
    }

    div#sidebar
    {
        width: 240px;
        padding-top: 80px;
        float: left;
        background-color: #cacac6;
    }
    

    div#navigation
    {
        padding-top: 80px;
        width: 200px;
        position: inherit;
        background-color: #efefee;
    }

    div#content
    {
        clear: both;
        margin-top: 0;
        margin-left: 0px;
        margin-right: 10px;
        padding-top: 0px;
    }

    div#footer
    {
        margin: 0;
    }

    .nomobile
    {
        display: none;
    }
}