@charset "utf-8";

/* Allgemeine Definitionen
----------------------------------------------- */
* {
	border: 0;
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
body {
	color: #3f3f3f;
	background: #c1cfdc url(gfx/bg.jpg) repeat-x fixed;
	font: normal 100.01%/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
img,
a img {
	border: 0;
}
.none {
	display: none;
}
.rightalign {
	text-align: right;
}
.left {
	float: left;
	margin: 0 10px 5px 0;
}
.right {
	float: right;
	margin: 0 0 5px 10px;
}
abbr,
acronym {
	border-bottom: 1px dashed #ccc;
	cursor: help;
}
a abbr, a acronym {
	border: inherit;
}
.xs {
	font-size: 0.9em;
}
.tab {
	float: left;
	width: 4.5em;
}

/* Typografie
----------------------------------------------- */
h1,
h2 {
	color: #02548e;
	font-size: 1.1em;
	font-weight: 700;
	margin: 0.1em 0 0.5em 0;
}
h3 {
	color: #02548e;
	font-size: 1em;
	font-weight: 700;
	margin: 0 0 0.5em 0;
}
h4 {
	color: #02548e;
	font-size: 1em;
	font-weight: 600;
}
a {
	background: white;
	color: #02689b;
	outline: none;
	text-decoration: underline;
}
a:visited {
	background: white;
	color: #02689b;
	outline: none;
	text-decoration: none;
}
a:hover,
a:focus {
	background: #f7f7f7;
	color: #02689b;
	outline: none;
	text-decoration: underline;
}
a.intern,
a:visited.intern {
	background: white;
	border-bottom: 1px dotted #6e99bf;
	color: #02689b;
	line-height: 1.6em;
	outline: none;
	padding: 1px;
	text-decoration: none;
}
a:hover.intern,
a:focus.intern {
	background: #eaf3f8;
	border-bottom: 2px solid #6e99bf;
	color: black;
	text-decoration: none; 
}
a.extern {
	background: white url(gfx/extern.gif) no-repeat 0 0.3em;	
	border-bottom: 1px dotted #6e99bf;
	color: #565759;
	line-height: 1.6em;
	outline: none;
	padding: 1px 1px 1px 12px;
	text-decoration: none;
}
a:visited.extern {
	background: white url(gfx/extern.gif) no-repeat 0 0.3em;	
	border-bottom: 1px dotted #6e99bf;
	color: #02689b;
	line-height: 1.6em;
	outline: none;
	padding: 1px 1px 1px 12px;
	text-decoration: none;
}
a:hover.extern,
a:focus.extern {
	background: #eaf3f8 url(gfx/extern.gif) no-repeat 2px 0.3em;	
	border-bottom: 2px solid #6e99bf;
	color: black;
	text-decoration: none; 
}
a.uni,
a:visited.uni {
	background: transparent;	
	border-bottom: 1px dotted #676767;
	color: #676767;
	line-height: 1.6em;
	outline: none;
	padding: 1px;
	text-decoration: none;
}
a:hover.uni,
a:focus.extern {
	background: transparent;	
	border: none;
	color: black;
	text-decoration: none; 
}
/* Spamschutz E-Mail Adressen */
#hideliame>span:before {
content: "@";
}
#hideliame>span span {
display: none;
}
*+html #hideliame>span span {
display: inline; /* IE 7 */
}  
.line {
	background: white url(gfx/line.gif) repeat-x;
	float: left;
	height: 1px;
	margin: 0 0 1em 0;
	width: 100%;
}
hr {
	display: none;
}
.unit {
	word-spacing: -0.5ex;
}
kbd {
	color: black;
	background: #ccc;
	border-right: 1px solid #676767;
	border-bottom: 1px solid #676767;
	font-size: inherit;
	font-family: "Courier New", Courier, monospace;
	padding: 0.05em 0.3em;
}

/* Layout
----------------------------------------------- */
#container {
	background: white;
	color: #3f3f3f;
	font-size: .75em;
	margin: 10px auto;
	width: 750px;
	text-align: left;
}
#header {
	background: white url(gfx/bg_header.jpg) 0 0 no-repeat;
	height: 275px;
	padding-top: 0px;
	width: 750px;
}
#header p {
	background: url(gfx/logo.gif) no-repeat;
	height: 78px;
	margin: 11px 0 0 608px;
	position: absolute;
	width: 128px;
}
#header p a {
	background: url(gfx/logo.gif) no-repeat;
	display: block;
	height: 78px;
	text-indent: -200em;
	width: 128px;
}
#header h1 {
	background: url(gfx/iis.gif) no-repeat;
	height: 16px;
	margin: 54px 0 0 15px;
	position: absolute;
	width: 228px;
}
#header h1 a {
	background: url(gfx/iis.gif) no-repeat;
	display: block;
	height: 16px;
	text-indent: -200em;
	width: 228px;
}
#header p a,
#header p a:visited,
#header p a:hover,
#header p a:focus,
#header h1 a,
#header h1 a:visited,
#header h1 a:hover,
#header h1 a:focus {
	border: none;
	outline: none;
	text-decoration: none;
}
#twocol {
	background: url(gfx/bg_twocol.gif) repeat-y;
	width: 750px;
}
#twocolsub {
	background: url(gfx/bg_twocolsub.gif) repeat-y;
	width: 750px;
}
#threecol {
	background: url(gfx/bg_threecol.gif) repeat-y;
	width: 750px;
}

/* Skiplinks
----------------------------------------------- */
#skiplinks {
	left: -5000px;
	position: absolute;
	top: -5000px;
	width: 100%;
	z-index: 20;
}
#skiplinks a {
	font-size: 1em;
	font-weight: bold;
	left: 0;
	position: absolute;
	text-decoration: underline;
	top: 0;
}
#skiplinks a:focus,
#skiplinks a:active {
	background: white;
	color: #02689b;
	left: 5015px;
	position: absolute;
	top: 5015px;
	width: 12em;
	z-index: 20;
}

/* Hauptmenu
----------------------------------------------- */
#menu {
	background: #6e99bf url(gfx/bg_menu.gif) top repeat-x;
	left: 15px;
	min-height: 25px;
	position: relative;
	width: 720px;
}
div#menu ul {
	color: white;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px 0;
	text-align: center;
}
div#menu ul li {
	display: inline;
	margin-left: -4px;
}
div#menu ul li a,
div#menu ul li a:link,
div#menu ul li a:visited {
	background: #6e99bf url(gfx/bg_menu.gif) top repeat-x;
	color: white;
	padding: 5px 18px;
	text-decoration: none;
}
body#subloesungen a#loes,
body#subbeispiel a#beis,
body#subkontakt a#kont,
body#subloesungen a:link#loes,
body#subbeispiel a:link#beis,
body#subprofil a#prof,
body#subkontakt a:link#kont,
body#subloesungen a:visited#loes,
body#subbeispiel a:visited#beis,
body#subprofil a:visited#prof,
body#subkontakt a:visited#kont {
	background: #3977a7;
	border: none;
	border-top: 1px solid #84abcd;
	color: white;
	padding: 4px 18px 6px 18px;
}
body#subloesungen a:hover#loes,
body#subbeispiel a:hover#beis,
body#subprofil a:hover#prof,
body#subkontakt a:hover#kont,
body#subloesungen a:focus#loes,
body#subbeispiel a:focus#beis,
body#subprofil a:focus#prof,
body#subkontakt a:focus#kont {
	background: #333;
	border: none;
	border-top: 1px solid #84abcd;
	color: white;
	padding: 4px 18px 6px 18px;
}
div#menu ul li a:hover,
div#menu ul li a:focus {
	background: #333;
	border: none;
	border-top: 1px solid #84abcd;
	color: white;
	padding: 4px 18px 6px 18px;
	text-decoration: none;
}
div#menu #active {
	background: transparent url(gfx/bullet_mactive.gif) left no-repeat;
	border: none;
	border-top: 1px solid #84abcd;
	color: white;
	font-weight: bold;
	padding: 4px 18px 6px 18px;
}
	
/* Sidemenu
----------------------------------------------- */
#sidemenu {
	margin-bottom: 50px;
}
#sidemenu {
	float: left;
	padding: 20px 8px 0 15px;
	width: 195px; /* für IE 5x */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 172px; /* so sollte es sein */
}
html>body #sidemenu { /* für Opera */
	width: 172px;
}
#sidemenu h2 {
	margin-bottom: 0.5em;
}
#submenu li {
	border-bottom: 1px solid #f4f4f4;
	list-style: none;
	margin: 0;
	text-align: left;
}
#submenu li a {
	display: block;
	padding: 0.2em 5px;
	text-decoration: none;
}
#submenu li a,
#submenu li a:link {
	background: white;
	color: #3f3f3f;
}
#navlist li a:visited {
	background: white;
	color: #626262;
}
#submenu li a:hover,
#submenu li a:focus {
	background: #f7f7f7;
	color: #02689b;
	font-weight: bold;
}
#submenu #active {
	background: #f7f7f7 url(gfx/bullet_active.gif) left no-repeat;
	color: black;
	margin: 0 0 0 5px;
	padding: 0.2em 5px 0.2em 10px;
}
#submenu #active abbr,
#submenu #active acronym {
	border: none;
	cursor: help;
	text-decoration: none;
}

/* Content
----------------------------------------------- */
#content {
	min-height: 175px;
}
#full #content {
	background: white;
	clear: both;
	padding: 20px 15px 30px 30px;
	width: 735px; /* für IE 5x */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 690px; /* so sollte es sein */
}
html>body #full #content { /* für Opera */
	width: 690px;
}
#twocol #content {
	float: left;
	padding: 20px 35px 30px 30px;
	width: 565px; /* für IE 5x */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 500px; /* so sollte es sein */
}
html>body #twocol #content { /* für Opera */
	width: 500px;
}
#twocolsub #content {
	float: left;
	padding: 20px 15px 30px 25px;
	width: 535px; /* für IE 5x */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 495px; /* so sollte es sein */
}
html>body #twocolsub #content { /* für Opera */
	width: 495px;
}
#threecol #content {
	float: left;
	padding: 20px 40px 30px 25px;
	width: 370px; /* für IE 5x */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 305px; /* so sollte es sein */
}
html>body #threecol #content { /* für Opera */
	width: 305px;
}
#twocol:after,
#twocolsub:after,
#threecol:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #twocol, * html #twocolsub, * html #threecol {height: 1%;}
/* End hide from IE-mac */
#content p,
#content address {
	font-style: normal;
	margin: 0.1em 0 1em 0;
}
#content h3 {
	font-weight: 600;
	padding: 0.6em 0 0.1em 0;
}
#content ul.standard {
	list-style-type: none;
	margin: 0.1em 0 1em 13px;
	padding: 0;
}
#content ul.standard li {
	background: url(gfx/bluebullet.gif) no-repeat 0 0.5em;
	border: 1px solid white;
	padding: 0 0 0.2em 15px;
}
#content ul.links {
	list-style-type: none;
	margin: 0.1em 0 1em 13px;
	padding: 0;
}
#content ul.links li {
	background: url(gfx/extern.gif) no-repeat 0 0.5em;
	border: 1px solid white;
	padding: 0 0 0.2em 15px;
}
#content ul.links li:hover {
	background: url(gfx/extern.gif) no-repeat 3px 0.5em;
	border: 1px solid white;
	padding: 0 0 0.2em 15px;
}
#content ul.features {
	list-style-type: square;
	margin: -1em 0 1em 15px;
	padding: 0;
}
#content ul.features li {
	padding: 0 0 0em 0;
}
#content ol.agbs {
	font-weight: bold;
	list-style-type: decimal;
	margin: 0.1em 0 1.5em 20px;
	padding: 0;
}
#content ol.agbs ol {
	font-size: 0.9em;
	font-weight: normal;
	list-style-type: lower-roman;
	margin: 0.25em 0 1em 0;
}
#content ul.eg {
	clear: both;
	margin: 0 0 1em 0;
	overflow: hidden;
}
#content .eg li { 
	display: block;
	float: left;
	padding: 5px 7px 0 0;
}
#content .prev {
	background: white url(gfx/bg_prev.jpg) no-repeat left top;
	padding: 8px;
}
#content a:hover img.prev,
#content a:focus img.prev {
	background: white url(gfx/bg_prev.jpg) no-repeat 0px -116px;
}
#content ul.sc {
	clear: both;
	overflow: hidden;
}
#content .sc li { 
	display: block;
	float: left;
	margin: 0 22px 0.75em 0;
}
#content .screenshot {
	border: 1px solid #ccc;
}
ul.sitemap {
	font-weight: bold;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}
ul.sitemap li {
	margin: 10px 0 0 25px;
}
ul.sitemap li a,
ul.sitemap li a:visited {
	padding: 0 0 0.25em 0;
	text-decoration: none;
}
ul.sitemap li a:hover,
ul.sitemap li a:focus {
	text-decoration: none;
}
ul.sitemap ul {
	font-weight: normal;
}
ul.sitemap ul li {
	margin: 0 0 0 25px;
}
.sitemap:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .sitemap {height: 1%;}
/* End hide from IE-mac */
#inhalt #content p {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
a.category,
a:link.category,
a:visited.category	{
	background: white;
	color: #02689b;
	font-weight: bold;
	margin: 0.75em 0 -0.75em 0;
	padding: 1px 7px;
	text-decoration: none;
}
a:hover.category,
a:focus.category	{
	background: #f7f7f7;
	color: #02689b;
	text-decoration: none;
}
.pdf {
	vertical-align: middle;
}			
#content .leftaddress {
	float: left;
	margin: 0 50px 0 0;
}
#map {
	border: 1px solid #ccc;
	height: 310px;
	margin-bottom: 1em;
	width: 500px;
}
#t-tip {
	width: 220px;
}
#hilfe dt {
	background: white;
	color: #02548e;
	font-weight: bold;
	margin: 0.5em 0;
}
#hilfe dd {
	margin-left: 12px;
}
#content .screens {
	background: white;
	border: 1px solid #333;
	margin: 5px 0 30px 0;
}

/* Sidebar
----------------------------------------------- */
#sidebar {
	float: left;
	margin: 20px 0;
	width: 170px;
}
#sidebar p {
	margin: 0.1em 0 1em 0;
	font-size: 0.9em;
}
#sidebar h3 {
	margin: 0 0 0.15em 0;
}
#home #sidebar ul {
	list-style: none;
	margin: 50px 0 0 0;
	padding: 0;
}
#home #sidebar ul li {
	margin: 0;
	padding: 5px;
}

/* Footer
----------------------------------------------- */
#footer {
	background: white;
	border-bottom: 5px solid #6e99bf;
	border-top: 1px solid #f4f4f4;
	color: #6e99bf;
	font-size: 0.95em;
	padding: 2px 10px;
	text-align: center;
	width: 750px; /* für IE 5x */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 730px; /* so sollte es sein */
}
html>body #footer { /* für Opera */
	width: 730px;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#footer ul li { 
	border-left: 1px solid #f4f4f4;
	display: inline;
	padding: 2px 5px;
}
#footer ul li#first { 
	border-left: none;
}
#footerlist li a,
#footerlist li a:link,
#footerlist li a:visited {
	color: #02689b;
	text-decoration: none;
}
#footerlist li a:hover,
#footerlist li a:focus {
	color: #02689b;
	text-decoration: underline;
}
#footerlist #active, /* wg. 2x Impressum */
#footerlist #active2 {
	background: #f7f7f7;
	color: #02689b;
}


/* Formulare
----------------------------------------------- */
form {
	padding: 0;
	margin: 1.25em 0;
}
fieldset {
	background: white;	
	border: 1px solid #ccc;
	padding: 1em;
}	
legend {
	background: white;	
	color: #3f3f3f;
	font-size: 1em;
	font-weight: normal;
	padding: 0.1em 0.3em;
}
#kontaktformular label,
#kontaktformular select {
	background: white;	
	color: #3f3f3f;
	cursor: pointer;
	float: left;
	width: 200px;
}
input,
select {
	border: 1px solid #e0e0e0;
	background: white;
	color: #02548E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 250px;
}
select {
	margin-bottom: 1em;
}
option {
	background: white;
	color: #02548E;
}
textarea {
	border: 1px solid #e0e0e0;
	background: white;
	color: #02548E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 450px;
}
.button {
	background: #dddcdc;
	border: 1px solid #3f3f3f;
	color: black;
	cursor: pointer;
	width: 13em;
}
.button:hover,
.button:focus {
	background: #676767;
	border: 1px solid #3f3f3f;
	color: white;
}