@charset "utf-8";
/* Einfache fließende Medien
   Hinweis: Für fließende Medien müssen Sie die Attribute 'height' und 'width' des Medium aus dem HTML-Code entfernen
   http://www.alistapart.com/articles/fluid-images/ 
*/
/** {margin:0; padding:0; font-size: 100%;} setzt alle Abstände aller Elemente zumächst auf 0 */
body {width: 100%; margin: 0px auto; font-size: 100.01%; padding:0; margin-top: 0.1em; font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif; color: #000; background-color: #fff; /*border-bottom: 1px solid #ccc;*/
}

img, object, embed, video {
	max-width: 100%;

}
#LayoutDiv4 img {border-radius: 8px; width:99%;}

/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
	width:100%;
}

/** Formatierung für mobile Ansicht **/

/** Navigation wird als vertikale Liste über die komplette Breite dargestellt **/
nav {
	display: none;
	font-size: 14px;
}

nav ul {
 	padding: 0px;
 	margin: 0px;
/* 	width: 100%;*/
}
 
nav ul li {
	list-style: none;
	padding: 0px;
	border: 1px solid white;
	background: #fff; /* Old browsers */
/*	background: -moz-linear-gradient(top, #ccc 0%, #fff 100%); /* FF3.6+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#fff)); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top, #ccc 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top, #ccc 0%,#fff 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top, #ccc 0%,#fff 100%); /* IE10+ */
/*	background: linear-gradient(to bottom, #ccc 0%,#fff 100%); /* W3C */
}

/** Anpassungen Checkbox+Label (Button) **/
input {font-size: 95%; }

input#open-menu {
	display: none;
}

input[type=checkbox]:checked ~ nav {
    display: block;
}
	
label.open-menu-label {
	background: #fff; /* Old browsers */
/*	background: -moz-linear-gradient(top, #fff 0%, #fff 100%); /* FF3.6+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fff)); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top, #fff 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top, #fff 0%,#fff 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top, #fff 0%,#fff 100%); /* IE10+ */
/*	background: linear-gradient(to bottom, #fff 0%,#fff 100%); /* W3C */
	padding: 0px;
	border: 1px solid white;
	display: block;
}

/*#LayoutDiv5 {clear: both;float: left;margin-left: 0;width: 100%;display: block;}

#LayoutDiv6 {clear: both;float: left;margin-left: 0;width: 100%;display: block;}

#LayoutDiv4 {clear: both;float: left;margin-left: 0;margin-top: 4em;width: 100%;display: block;}

#LayoutDiv7 {clear: both;float: left;margin-left: 0;width: 100%;display: block;}

#LayoutDiv8 {clear: both;float: left;margin-left: 0;width: 100%;display: block;}*/



/** Formatierung für Tablet und Desktopansicht **/


@media only screen and (min-width: 760px) {

	/** Navigation wird als einfarbiger, horizontaler Balken dargestellt **/
	nav {
		display: block;
		text-align: center;
		padding: 0px;
		background: #fff; /* Old browsers */
/*		background: -moz-linear-gradient(top, #fff 0%, #fff 100%); /* FF3.6+ */
/*		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fff)); /* Chrome,Safari4+ */
/*		background: -webkit-linear-gradient(top, #fff 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
/*		background: -o-linear-gradient(top, #fff 0%,#fff 100%); /* Opera 11.10+ */
/*		background: -ms-linear-gradient(top, #fff 0%,#fff 100%); /* IE10+ */
/*		background: linear-gradient(to bottom, #fff 0%,#fff 100%); /* W3C */
	}
	
	nav ul li {
		display:inline;
/*		width: 25%;
		border: 1px solid white;*/
		background: #fff; /* Old browsers */
/*		background: -moz-linear-gradient(top, #fff 0%, #fff 100%); /* FF3.6+ */
/*		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fff)); /* Chrome,Safari4+ */
/*		background: -webkit-linear-gradient(top, #fff 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
/*		background: -o-linear-gradient(top, #fff 0%,#fff 100%); /* Opera 11.10+ */
/*		background: -ms-linear-gradient(top, #fff 0%,#fff 100%); /* IE10+ */
/*		background: linear-gradient(to bottom, #fff 0%,#fff 100%); /* W3C */
	}
	
	/** Label wird ausgeblendet **/
	label.open-menu-label {
		display: none;
	}

	#LayoutDiv5 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#LayoutDiv6 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#LayoutDiv4 {
		/*clear: both;*/
		float: right;
		margin-left: 0;
		width: 98%;
		display: block;
	}
#LayoutDiv4 img {border: none; vertical-align: middle; border-radius: 8px; 
}

	#LayoutDiv7 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#LayoutDiv8 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
}

/*	Aufklappmenü
    Menue-styles fuer non-IEs
	Achtung:
	Fuer non-IEs gilt das Stylesheet 'dropdown.css'!
	Fuer IE gilt das Stylesheet 'fix-ie.css' (per CC)!*/
#menuebox {
position: relative; 		margin-left: 0;
 /*height: 1.1em;background-color: #E6E6E6 !important; /*für einen durchgezogenen grauen Balken in der Navileiste!!*/
}
#menue {
position: absolute;
top: 0px;/*21px;*/
left: -2px;
z-index: 200;
text-decoration: none;
}
#menue .aussen {
float: left; 
display: inline; 
overflow: hidden; 
height: 1.7em; 
font-weight: bold; 
background-color:#E6E6E6 /*#fff*/; 
color: #513913; 
width: 9.5em; 
text-decoration: none; 
padding: 0.7em 0.5em 0.3em 0.3em; 
border-radius: 8px;
border: 2px solid white;
font-size: 94%; 
/*margin-right: 8px;*/
}
#menue .aussen:hover 
{height: auto; 
background-color: #E6E6E6 ; 
color: #800000;
}

a.innen-1 {margin-top: 0.5em;}
a.innen, a.innen-1 {
display: block; 
padding: 0.5em 0.5em 0.5em 0em ; 
text-decoration: none; 
font-weight: bold; 
/*border-bottom: 1px solid #78561d; 
background-color: #E6E6E6;*/ 
color: #009; 
text-align:right;
font-size: 95%;
}
a:visited.innen, a:visited.innen-1 {
background-color: #E6E6E6; 
color: #009;
}
a:hover.innen, a:hover.innen-1 {
background-color: #fff;
color: #800000;
}
span.menutag {
display: block;
cursor: default;
text-align: center;
}
/* SCHRIFT VERGRÖSSERN +AAA- */
#help {
text-align: right;
padding: 0.3em 1em 0.3em 0;
margin: 0 1em 0.3em 0;
font-size:80%;
color: #666;
background-color: #fff;
}		   
* html #help {font-size:75%;}		   
#help a {
text-align: right;
/*color: #404040*/color: #666 !important;
/*background-color: #dedede !important;*/
text-decoration: underline;
}		   
#help a:hover {
color: #800000 !important;
/*background-color: #dedede !important;*/
text-decoration: none;
}
#help ul {
padding: 0;
margin: 0;
}
#help li {margin: 0 0.1em;list-style: none !important; display: inline; }
/* LINKE SPALTE */
/*Leerzeile*/
#leer {
padding: 0 1em 1em 0;
margin: 0 1em 1em 0;
font-size:70%;
color: #000;
background-color: #fff;
}		   
* html #leer {font-size:65%;}		   
#box {
width: auto; 
min-width:300px; 
/*background-color: #E6E6E6;*/
border:solid 2px #ccc;
text-align: center;
font-size: 95%;
margin: 1em 1em 0 1em;
padding: 1em 1em 0 1em;
font-weight: bold;
}
* html #box {
width: 95%;
w\idth: 95%;
/*background-color: #E6E6E6;
border:solid 2px #fff;
text-align: center;*/
font-size: 95%;
font-weight: bold;
margin: 1em;
}
#spalte1 {
/*width: 250px;*/
color: #009;
background-color: #E6E6E6;
border-radius: 14px;
	border: 6px solid #fff;
/*float: left;*/
font-weight: bold;
font-size: 75%;
padding: 0;
/*margin:  2em 0 0 0;*/
}

* html #spalte1 {width: 322px; w\idth: 320px; font-size: 68%;}
#spalte1 div {
color: #009; background-color: #E6E6E6; 
}
/* LINKE SPALTE - LISTENFORMATIERUNG */
#spalte1 ul {margin: 0; padding: 0;}
* html #spalte1 ul {padding-left: 0.8em; font-size: 80%; margin-top: 0;}
#spalte1 li {margin: 0.5em 0; list-style: none;}
* html #spalte1 li {font-size: 120%; padding: 0.2em 0; margin: 0.2em 0;}
#spalte1 li .aktiv {background: url(../pics/design/caro.gif) no-repeat; color: #800000; padding: 0px 10px; margin-left: 3px; background-color: #E6E6E6; display: block;}
/* LINKE SPALTE - LISTENFORMATIERUNG - UNTERMENUE */
#spalte1 li li {margin: 0.1em 0.5em; list-style: none;}
* html #spalte1 li li {padding: 0.1em 0; margin: 0.1em 0; font-size: 125%;}
/* MITTLERE SPALTE */
/*#spalte1 {color: #000; background-color: #E6E6E6; border:solid 1px #fff; */ /*padding: 0.4em; min-width: 200px;  width: 200px; float: left; /*width: 320px; margin-top: 0.5em; }*/
#spalte2 {color: #000; /*background-color: #E6E6E6;float:right; border:solid 1px #000;   padding: 0.4em;*/ /*width: 75%; min-width: 300px;*/  /*width: auto; margin-top: 0.5em; margin: 0 310px;*/ }
/* MITTLERE SPALTE spalte2b z.B. im Ausstellungsarchiv*/
#spalte2b {padding: 0.4em; float: left; width: 55%; border-left: 1px solid #ccc; font-size: 95%;}
* html #spalte2b {font-size: 90%;}
/* RECHTE SPALTE */
/* LISTENFORMATIERUNG - FUER UNGEZAEHLTE LISTE */
#spalte2 ul, #spalte ul {font-size: 100%; margin: 0.5em 0; padding: 0 0 0 1.6em; color: #000; /*background-color: #fff;*/}
* html #spalte2 ul, #spalte ul {padding-left: 1.6em; font-size: 83%; margin-top: 0;}
#spalte2 li li {font-size: 100%;}
* html #spalte2 li li {font-size: 110%;}
#spalte2 li, #spalte2 li li {margin: 0.3em 0; list-style-type: square;}
#spalte2 li li li {margin: 0.3em 0; list-style-type: disc;}
* html #spalte2 li {font-size: 100%;}
/* RECHTE SPALTE LISTENFORMATIERUNG - FUER GEZAEHLTE LISTE */
#spalte2 ol li {list-style-type: decimal; font-size: 95%;}
* html #spalte2 ol{font-size: 85%;}
/* RECHTE SPALTE - ABSATZFORMATIERUNG*/
p {font-size: 90%; color: #000; /*background-color: #fff;*/}
* html p {font-size: 75%;}
blockquote {font-size: 90%;}
/* UEBERSCHRIFTEN */
h1 {font-size: 100%; padding-bottom: 0.5em;  /*padding-top: 0.3em; border-bottom:1px solid #000;border-top: 1px solid #000;*/ margin: 0 0 0 1em; color: #800000; /*background-color: #fff;*/ text-align: left;}
* html h1 {font-size: 90%; margin-top: 0;}
h2 {font-size: 95%; color: #800000; /*background-color: #fff;*/ text-align: center;}
* html h2 {font-size: 85%;}
h3 {font-size: 95%; color: #000; /*background-color: #fff;*/ text-align: center;}
* html h3 {font-size: 85%;}
h4 {font-size: 100%; color: #800000; /*background-color: #fff;*/ text-align: left; padding: 0;}
/*h4 für farbige ORBIS-Überschrift*/
/*h4 {color: #fff; background-color: #800000; padding-left: 0.1em; margin: 0.8em 0 0 0.8em; font-size: 100%;}*/
* html h4 {font-size: 85%;}
h5 {text-align: left; margin: 0.8em 0; font-size: 100%;}
* html h5 {font-size: 85%;}
h6 {color: #000000; /*background-color: #fff;padding-top: 1em;*/ padding-left: 0.01em;  margin-top: 1em; margin-bottom: 1em; font-size: 110%; text-decoration: none;}
/*h6 {color: #800000; /*background-color: #fff;padding-top: 1em; padding-left: 0.01em;  margin: 1em 2em 0; font-size: 110%; text-decoration: underline;}*/
* html h6 {font-size: 95%;}
/* HORIZONTALE LINIE */
 /*hr {border: 1px solid #ccc;height:0.1em;}
* html hr {width: 100%; text-align: center;}*/
/* FUSSZEILE */
#fuss2 {margin-top: 0.8em; margin-bottom: 5em; font-size: 80%; font-weight: lighter; padding-top:4em; text-align: left; padding: 0; color: #800000; /*background-color: #fff;*/background-color: #fff;/*border-bottom: 1px solid #ccc;border-top: 1px solid #999;*/}
/* CLASS= ...*/
/* ALPHABET ZUM ANKLICKEN */
.alphabet {margin: 2em 0;}
.alphabet li {font-size: 110%; font-weight: bold; /*text-align: center;*/ display: inline;}
/* Ende ALPHABET ZUM ANKLICKEN */
.b {font-weight: bold;}
.bild {color: #000; /*background-color: #fff;*/}
.blau2 {color: #009; /*background-color: #fff;*/}
#vnarahmen {border: 1px solid #999; padding:0.5em;}
.button, .button a, .button a:hover {font-weight: bold; padding: 0.2em;width: 80px; text-align: center;}		   
.button {border: 3px outset #999; background-color: #E6E6E6; color: #009;}		   
.button a {background-color: #E6E6E6 !important; color: #009 !important;}		   
.button a:hover {border: 1px dotted #000; background-color: #E6E6E6 !important; color: #800000 !important;}		   
.buttonvna, .buttonvna a, .buttonvna a:hover {font-weight: bold; padding: 0.1em; width: 80px; text-align: center;}		   
.buttonvna {border: 3px outset #999; background-color: #fff; color: #009;}		   
.buttonvna a {background-color: #fff !important; color: #009 !important;}		   
.buttonvna a:hover {border: 1px dotted #000; background-color: #E6E6E6 !important; color: #800000 !important;}		   
.c {text-align: center;}
.d {text-decoration: line-through;}	
.einzug {text-indent: 1.6em;}
.einzug2, * html .einzug2 {margin-left:0.5em;}
.einzug3 {margin-left:13em;	font-size: 0.8em;}
* html .einzug3 {margin-left:12em;}
.einzug4 {margin-left:1.5em;}
* html .einzug4 {margin-left:1.5em;}
.floatleft {float: left; padding: 0.6em;}
.floatleftindex {float: left;}
* html .floatleft {margin-right: 0.2em;}
.floatright {float: right; padding-top: 1em; padding-left: 0.1em;}
.floatrightindex {float: right; padding-top: 1em;}
* html .floatrightindex {float: right;margin-top: 1em; }
.floatright2 {float: right; padding-top: 1em; padding-left: 0.1em;padding-right: 0.8em;}
.grau {color: #999; background-color: #fff;}
.gross {color: #800000; background-color: #E6E6E6; font-size: 140%; border: 3px groove #999;}
.gross1 {font-size: 100%;}
* html .gross1 {font-size: 85%;}
.gross2 {font-size: 135%;}
.i {font-style: italic;}
.klein {font-size: 75%; color: #000; /*background-color: #fff;*/}
.kleintab {font-size: 95%;}
.kleiner {font-size: 71%; color: #000; /*background-color: #fff;*/}
.nachoben, .rechts2 {text-align: right;} 
.rot {color: #800000; /*background-color: #fff;*/}
.rotklein {font-size: 80%; padding-left: 2em; color: #800000; /*background-color: #fff;*/}
.spalten {padding-top: 20px;}
.stopFloat {display: block; float: none; clear: both; height: 1px; font-size: 0; line-height: 0;}
.sub {vertical-align: super; font-size: 65%;}	
.u {text-decoration: underline;}	
.unsichtbar {visibility: hidden;font-size: 1px;}
html>body #spalte1, html>body #spalte2 {height: auto;}
/*TASTATURBEFEHLE ZUR NAVI*/
#jump {position: absolute; left: -3000px; top: 5em;}
#jump a:focus, #jump a:active {position: absolute; top: 0em; left: 3015px; display: block; font-size: 75%; font-weight: bold; color: #009; background-color: #fff;
padding: 0.1em 0.3em; border: 1px solid #cc0000; outline: none; height: auto; width: 8em;}
/* PFADZEILE */
#pfad {font-size: 80%; text-align: left; font-weight: bold; color: #666; padding-top: 0.3em; margin:1em 0 1em 1.5em;/*background-color: #fff;*/}		   
#pfad a {text-align: right; color: #666 !important; background-color: #fff !important; text-decoration: underline;}		   
#pfad a:hover {color: #800000 !important; background-color: #fff !important; text-decoration: none;}
#pfad .aktiv {color: #000;}
/* BILDER: */
#content img {padding-top: 0.8em;}
* html #content img {margin-top: 1em;}
/*#menueunten img {border: 2px solid #009; vertical-align: middle;}
#spalte img {border: none;}*/
img {border: none; vertical-align: middle;/*border-radius: 8px;*/
}
/* CONTAINERFORMAT INDEXSEITE */
#right {float:right; padding-top:1.2em; width:30%;}
#content {float:left; width:60%; margin-left:1%;}
/* RECHTE SPALTE: EXTERNE LINKS */
span.extlink {position: absolute; left: -3000px; top: -3000px; width: 0; height: 0; overflow: hidden; display: inline;}
a.extern:link {background: url(../pics/design/external.gif) no-repeat 100% 0; padding: 0 20px 0 0;}
a.extern:visited {background: url(../pics/design/external.gif) no-repeat 100% -100px; padding: 0 20px 0 0;}
a.extern:hover, a.extern:active, a.extern:focus {color: #fff; padding: 0 20px 0 0; background: #59586A url(../pics/design/external.gif) no-repeat 100% -200px;}
/*RECHTE SPALTE - TABELLEN*/
table.tdot, table.mehrspaltig, table.zeitung, table.entgelt, table.gebuehr, table.neuerwerbungen { width: 100%; font-size: 90%;}
* html table.tdot, * html table.mehrspaltig, * html table.zeitung, * html table.entgelt, * html table.gebuehr {width: 100%; w\idth: 100%;font-size: 85%;}  
caption {color: #800000; padding: 0.8em 0; font-weight: bold; font-size: 90%; text-align: center; /*background-color: #fff;*/ margin: 0 auto;}   
/** html table.mehrspaltig td.zeit {width: 50px; w\idth: 50px;}
* html table.mehrspaltig td.datum {width: 50px; w\idth: 50px;}*/
* html table.mehrspaltig td.event {width: 65%; w\idth: 65%;}
td {padding: 0 0.1em; vertical-align: top;}
td li {font-size: 120%;}
th {padding: 0 0.5em; text-align: center;}
* html table.mehrspaltig .was2 {text-align: left; width: 80%; vertical-align: top;}   
/*RECHTE SPALTE - TABELLE: ZEITUNG*/
table.tdot td {border: none; font-weight:bold;}
/*RECHTE SPALTE - TABELLE: ZEITUNG*/
table.zeitung td {border: 1px solid #ccc;}
table.neuerwerbung td {border: 1px solid #ccc;}
/*RECHTE SPALTE - TABELLE: ENTGELT*/
.was {font-weight: bold; text-align: left;width: 80%;}   
.job {text-align: left;}
.preis {text-align: right; padding: 0 0.1em; width: 8em;}
/*RECHTE SPALTE - TABELLE: GEBUEHR*/
.zahl {text-align: left;}
* html table.gebuehr td.zahl {width: 10%;}
.was1 {text-align: left;}   
* html table.gebuehr td.was1 {width: 50%;}
/*RECHTE SPALTE - TABELLE: MEHRSPALTIG*/
.inhalt {font-weight: bold; text-align: center; color: #800000; /*background-color: #fff;*/ border-bottom: 4px groove #ccc;}
.links {text-align: left;}   
.rechts {text-align: right;	width: 8em;}   
/*DATENBANKANGEBOT - TABELLE: 
.db {text-align: left; padding-left: 0;}*/
/* .bild {font-weight: bold;} */
.text {padding-left: 0;}  
* html .text {width:500px; padding-left: 0;}  
/*RECHTE SPALTE - TABELLE: ÖFFNUNGSZEITEN - angebo2i.htm */
table.offen {width: 200px; margin: 0 auto; font-size: 90%; font-weight: bold;}
* html table.offen {width: 210px; w\idth: 200px;}  
.zeit {text-align: right;}
.tag {text-align: center;}
/*RECHTE SPALTE - TABELLE: NEUE OL-PUBLIKATIONEN 
table.neu {width: 200px; margin: 0 auto; font-size: 100%; font-weight: bold;}
* html table.neu {width: 210px; w\idth: 200px; margin-left: 10em; /*Die Anweisung rueckt die Tabelle in die Mitte der Spalte}  
table.neu th {color: #000; background-color: #E6E6E6;}*/

/*Übersicht Schulangebote*/
table.gerahmt {font-size: 90%;width: 100%; /*margin: 0 auto;  hierdurch wird zentriert */border-collapse: collapse; color: #000000; /*background-color: #fff;*/ border: 1px solid #cccccc;}
* html table.gerahmt {font-size: 75%;}
.hgblau {color: #000099;background-color: #E6E6E6; border: 1px solid #000099; text-align: center; height: 2em; padding-top: 0.2em;}
* html .hgblau {width: 150px;}
table.gerahmt td {border: 1px solid #E6E6E6;}
.hggreen {color: #000000;background-color: #E6E6E6;text-align: left;border: 1px solid #999999;}
* html td {width:150px;}
td ul {padding-left: 1.1em; /*bestimmt den Abstand der Aufzählungspunkte zum Tabellenrand in MOZ*/ margin: 0 0.1em; /*bestimmt den Abstand der Aufzählungspunkte zum Tabellenrand in Opera*/}
* html td ul {margin-left: 0em; /*bestimmt den Abstand der Aufzählungspunkte zum Tabellenrand im IE*/}
td li {list-style: square; list-style-position: outside;}
.ohne {list-style: none; padding-bottom: 0.5em;}
th .hggreen{padding: 0 0.5em; color: #800000;	/*background-color: #fff;*/ vertical-align: top; width:136px; border: 1px solid #ccc;}
* html th {width:130px;}
/*Ende: Übersicht Schulangebote*/
/*2 SPALTEN */
#spaltex, #spaltexx {width: 50%; float: left;}
* html #spaltex, * html #spaltexx {width: 50%; w\idth: 50%;}
/*2 SPALTEN IM VNA */
#vna1, #vna2 {width: 50%; float: left;}
* html #vna1, * html #vna2 {width: 50%; w\idth: 50%;}
/* FORMATIERUNG - INDEX.HTM */
#note {color: #800000; /*background-color: #fff;*/ font-size: 80%; text-align: left; font-weight: bold; margin-top: 1em; border: 1px solid #ccc; padding: 1em;}
#welcome {color: #800000; /*background-color: #fff;*/ font-size: 100%; font-weight: bold; text-align: center; padding-top: 2em;}
* html #welcome {padding-top: 2em;}
/* RAHMEN - EINSPALTIG ZENTRIERT */
#rahmen1 {/*border-bottom: 2px solid #ccc;m argin: 0 auto; */ width: 100%; text-align: left;}
* html #rahmen1 {width: 100%; w\idth: 100%;}
/*	SPALTE - EINSPALTIG ZENTRIERT*/
#spalte {width: 790px; color: #009; background-color: #fff;/*background-color: #fff;*/ float: left; font-size: 90%; padding: 0; margin: 1em;}
* html #spalte {width: 762px; w\idth: 760px;}
/*	SPALTE - EINSPALTIG ZENTRIERT neue Version auf hosteurope einspielen!! Beißt sich mit dem alten VNA!!
#spalte {width: 75%; color: #009; background-color: #fff; float: left; font-size: 90%; padding: 0; margin: 0;}
* html #spalte {width: 75%; w\idth: 75%;}*/
/* LISTENFORMATIERUNG BEI EINSPALTIGEM DESIGN*/
#spalte ul {margin: 0.5em 0; padding: 0 0 0 1.6em; color: #000; /*background-color: #fff;*/}
/* Schriftgroesse in linker Spalte (Navi Spalte1: 70% von 140% in #spalte1 ) */
* html #spalte ul {padding-left: 1.6em; font-size: 83%; margin-top: 0;}
#spalte li {margin: 0.3em 0;list-style-type: square;}
#spalte li li {margin: 0.3em 0; list-style-type: square;}
#spalte li li li {margin: 0.3em 0; list-style-type: disc;}
* html #spalte li {font-size: 110%;}
/*FREIHANDSYSTEMATIK */
.fh li, .fhsyst li {display: inline;}
.fh {text-align: center; font-size: 110%;/*Schriftgroesse der Systematikstellen-Überschirften*/ border-top: 5px groove #ccc; border-bottom: 5px groove #ccc; padding-top: 0.2em;}
#fhsystabk {color: #009; background-color: #E6E6E6; width: 500px; border: 2px solid #999; padding: 0; margin: 0 auto; text-align: center;}
* html #fhsystabk {width: 502px; w\idth: 500px;}
#fhsystabk a:link {color: #009; background-color: #E6E6E6; }
#fhsystabk a:visited {color: #009; background-color: #E6E6E6; }
#fhsystabk a:hover {color: #800000; background-color: #fff; text-decoration: underline;}
#fhsystabk a:active {color: #800000; background-color: #fff; text-decoration: underline;}
#fhsystabk a:focus {color: #800000; background-color: #fff; text-decoration: underline;}
.fhsyst {font-size: 110%; text-align: left;}
.not {color: #800000; /*background-color: #fff;*/ width: 2em;}
.inhalt2,.inhalt20,.inhalt40,.inhalt60,.inhalt80,.inhalt100, .fh, .not {font-weight: bold;}
.inhalt2a {padding-left: 1.4em;}   
.inhalt20 {padding-left: 2em;}   
.inhalt20a {padding-left: 3.4em;}   
.inhalt40 {padding-left: 3em;}   
.inhalt40a {padding-left: 4.4em;}   
.inhalt60 {padding-left: 4em;}   
.inhalt60a {padding-left: 5.4em;}   
.inhalt80 {padding-left: 5em;}   
.inhalt100 {padding-left: 6em;}   
/* LINK-FORMATIERUNG: Reihenfolge:link - visited = bereits besuchter Link - hover = Link bei Mauskontakt - active = Link nach Mausklick - focus = Link bei Mausklick*/
a:link {color: #009; /*background-color: #fff;*/ }
a:visited {color: #009; /*background-color: #fff;*/ }
a:hover {color: #800000; /*background-color: #fff; text-decoration: underline;*/}
a:active {color: #800000; /*background-color: #fff; text-decoration: underline;*/}
a:focus {color: #800000; /*background-color: #fff; text-decoration: underline;*/}
#kopfzeile2 a {text-decoration: none;}
#kopfzeile2 a:link {color: #009; background-color: #fff;}
#kopfzeile2 a:visited {color: #009; background-color: #fff;}
#kopfzeile2 a:hover {color: #800000; background-color: #fff;}
#kopfzeile2 a:active {color: #800000; background-color: #fff;}
#kopfzeile2 a:focus {color: #800000; background-color: #fff;}
#menueoben li a:hover, #menueoben li a:active, #menueoben li a:focus, #menueunten a:hover, #menueunten a:active, #menueunten a:focus {border: 1px solid #999;}
a, #menueunten a /*#menueoben li a */{text-decoration: none;}
* html #menueunten a {margin: 0 0.2em;}
#spalte1 ul a:active {color: #800000; background-color: #E6E6E6; text-decoration: underline;}
#spalte1 ul a:focus {color: #800000; background-color: #E6E6E6; text-decoration: underline;}
#spalte1 li a {font-weight: bold; line-height:1.15em; padding: 0 0.8em 0 1.1em;}
#spalte1 li a:link {color: #009; background: #E6E6E6 url(../pics/design/liste1neu.jpg) no-repeat; text-decoration: none; display:block; /*sorgt dafuer, dass die Links nach dem Zeilenumbruch richtig untereinander stehen*/}
#spalte1 li a:visited {color: #009; background: #E6E6E6 url(../pics/design/liste1neu.jpg) no-repeat; text-decoration: none; display:block; /*sorgt dafuer, dass die Links nach dem Zeilenumbruch richtig untereinander stehen*/}
#spalte1 li a:hover {color: #800000; background: #E6E6E6 url(../pics/design/liste3neu.jpg) no-repeat; text-decoration: underline;}
#spalte1 li a:active {color: #800000; background: #E6E6E6 url(../pics/design/liste3neu.jpg) no-repeat; text-decoration: underline;}
#spalte1 li a:focus {color: #800000; background: #E6E6E6 url(../pics/design/liste3neu.jpg) no-repeat; text-decoration: underline;}
#spalte1 div a {color: #009; background-color: #E6E6E6;}
#spalte1 div a:link {color: #009; background-color: #E6E6E6;}
#spalte1 div a:hover {color: #800000; background-color: #E6E6E6;}
#spalte1 div a:active {color: #800000; background-color: #E6E6E6;}
#spalte1 div a:focus {color: #800000; background-color: #E6E6E6;}
#spalte2 a {padding: 0; color: #009; /*background-color: #fff; text-decoration: underline*/;}
#spalte2 a:link {color: #009; /*background-color: #fff; text-decoration: underline;*/}
#spalte2 a:visited {color: #009; /*background-color: #fff; text-decoration: underline;*/}
#spalte2 a:hover {color: #800000; /*background-color: #fff;*/ text-decoration: underline;}
#spalte2 a:active {color: #800000; /*background-color: #fff;*/ text-decoration: underline;}
#spalte2 a:focus {color: #800000; /*background-color: #fff;*/ text-decoration: underline;}
#spalte2b a {padding: 0; color: #009; /*background-color: #fff;*/ text-decoration: underline;}
#spalte2b a:link {color: #009; /*background-color: #fff;*/ text-decoration: underline;}
#spalte2b a:visited {color: #009; /*background-color: #fff;*/ text-decoration: underline;}
#spalte2b a:hover {color: #800000; /*background-color: #fff;*/ text-decoration: underline;}
#spalte2b a:active {color: #800000; /*background-color: #fff;*/ text-decoration: underline;}
#spalte2b a:focus {color: #800000; /*background-color: #fff;*/ text-decoration: underline;}
td a {font-size: 100%; padding: 0 0.1em;}
#spalte a {font-size: 90%; font-weight: bold; padding: 0 0.1em;}
#spalte li a {font-size: 100%; font-weight: bold; padding: 0 0.1em;}
#spalte li a:hover {color: #009; /*background-color: #fff;*/ text-decoration: underline;}  
.fhsyst li a:visited {color: #009; /*background-color: #fff;*/ text-decoration: underline;}
.fhsyst li a:hover {color: #800000; /*background-color: #fff;*/ text-decoration: underline;}
.fhsyst li a:focus {color: #800000; /*background-color: #fff;*/ text-decoration: underline;}
#fuss2 a {color: #009; background-color: #fff; text-decoration: underline;}
#fuss2 a:hover {color: #800000; background-color: #fff; text-decoration: underline;}
/*Ende: LINK-FORMATIERUNG*/
/*Anfang: CSS von 'Zeitungsbestand der LBO'*/
#spalte1a ul a {font-weight: bold; line-height:1.15em; padding: 0 0.8em 0 1.1em;}
#spalte1a ul a:link {color: #009; text-decoration: none; background-color: #fff;}
#spalte1a ul a:visited {color: #009; text-decoration: none; background-color: #fff; }
#spalte1a ul a:hover {color: #800000; background-color: #fff; text-decoration: underline;}
/*Ende: CSS von 'Zeitungsbestand der LBO'*/
/* FORMULARE - für kleinere Schrift in Formularen: fieldset {font-size: 0.9em;}*/
fieldset {font-size: 0.9em;}
label {font-size: 90%;}
/*.wubu1 {color: #000; background-color: #fff; width: 12em; text-align: right; float: left;}
.wubu2 {color: #000; background-color: #fff; width: 12em; text-align: right; float: left;}
.wubu3 {color: #000; background-color: #fff; width: 10em; float: left;}
.wubu4 {color: #000; background-color: #fff; width: 10em; float: left;}
* html .wubu1, * html .wubu2, * html .wubu3, * html .wubu4 {width: 152px; w\idth: 11.5em;}*/
submit {font-size: 100%;}
/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß
select, input, textarea { font-size: 99%;} */ 
textarea onblur, textarea onfocus {font-size: 150%;}
.schu1 {width: 10em; font-weight: bold;	text-align: right; padding-top: 0.5em; color: #000; /*background-color: #fff;*/ float: left;}
.schu2 {width: 14em; padding-top: 0.5em; padding-left: 0.5em; color: #000; /*background-color: #fff;*/ float: left;}
* html .schu1 {width: 8em; w\idth: 8em;}
* html .schu2 {width: 13em;	w\idth: 13em;}
/*Containerformat - VNA*/
#right1, #right2, #right3{text-align: right; float:right; width:58%;}
#right4 {color: #000; float:right; border: 2px double #999; padding-left:1%; width:56%;}
#content1, #content2, #content3, #content4 {color: #000; float:left; width:40%; margin-left:1%; padding-left:1%;}
#content4, #content4 .klein {background-color: #E6E6E6;}	
#right2 select, #right3 select {width: 58%;}
/*Ende: Containerformat - VNA*/
/*Containerformat - VNA-neu*/
#vnaright1, #vnaright2, #vnaright3, #vnaright4, #ergebnis3 {text-align: right; float:right; width:50%;}
#ergebnis1 {position: absolute; text-align: left; float:left; width: 770px;/*width:350px;*/margin-left:1%; padding-left:1%;top: 520px;left: 0px;/*border-top: 2px double #999;*/}
#vnaleft1, #vnaleft2, #vnaleft3, #vnaleft4 {text-align: left; float:left; width:50%;}
#vnaright2 select, #vnaright3 select {width: 58%;}


#vnacontent1 {color: #000; float:left; position: absolute; /*width:40%; margin-left:1%; padding-left:1%;*/font-weight: bold; top: 480px; border-top: 2px double #999; }
#vnacontent2 {color: #000; float:left; position: absolute; /*width:40%; margin-left:1%; padding-left:1%;*/font-weight: bold; top: 270px;}
#vnacontent3 {color: #000; float:left; position: absolute; /*width:40%; margin-left:1%; padding-left:1%;*/font-weight: bold; top: 370px;}
#vnacontent4 {color: #000; float:left; /*position: absolute; width:40%; margin-left:1.3%; padding-left:4%;*/font-weight: bold; padding-top: 10px;}
* html #vnacontent4 {margin-left:0.3%;}
/*#vnacontent1 {color: #000; float:right; width:40%; margin-right:1%; padding-right:1%;}*/
.buttonvna, .buttonvna a, .buttonvna a:hover {font-weight: bold; padding: 0.2em; width: 80px;}		   
.buttonvna {border: 1px solid #999; /*background-color: #fff;*/ color: #009;}		   
.buttonvna a {background-color: #fff !important; color: #009 !important;}		   
.buttonvna a:hover {border: 1px dotted #000; background-color: #E6E6E6 !important; color: #800000 !important;}		   
/*Ende: Containerformat - VNA-neu*/
/* Neuerwerbungslisten */
.neuerwerb-tabelle th {background-color: #E6E6E6; text-align: left; color: #333; padding: 0 0.1em;}
.lefttab {width:30%;}
/* Ende Neuerwerbungslisten */
/*Datenbanken Tabelle
* html div.db1 {width:55px;float:left; }
* html div.db2 {width:440px;float:right;}
div.db1 {width:55px;float:left;}
div.db2 {width:450px;float:right;}*/
/*Ende: Datenbanken Tabelle*/
/*	SPALTEollit für Suche nach oldenburgischer Literartur*/
#spalteollit {width: 900px; color: #009; /*background-color: #fff;*/ float: left; font-size: 90%; padding: 0; margin: 0;}
* html #spalteollit {width: 900px; w\idth: 900px;}
#spalteollit li {color: #000; /*background-color: #fff;*/ }
/*	 Ende SPALTEollit für Suche nach oldenburgischer Literartur*/

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver-Eigenschaften für fließende Raster
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	11;
	dw-gutter-percentage:	25;
	
	Idee durch den Artikel "Responsive Web Design" von Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	und "Golden Grid System" von Joni Korpi
	http://goldengridsystem.com/
*/

/* Layout für Mobilgeräte: 480 px oder weniger. */
@media only screen and (max-width: 480px) {

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
/*	Aufklappmenü
    Menue-styles fuer non-IEs
	Achtung:
	Fuer non-IEs gilt das Stylesheet 'dropdown.css'!
	Fuer IE gilt das Stylesheet 'fix-ie.css' (per CC)!*/
#menuebox {
position: relative; 		margin-left: 0;
 /*height: 1.1em;background-color: #E6E6E6 !important; /*für einen durchgezogenen grauen Balken in der Navileiste!!*/
}
#menue {
position: absolute;
top: 0px;/*21px;*/
left: -2px;
z-index: 200;
text-decoration: none;
}
#menue .aussen {
float: left; 
display: inline; 
overflow: hidden; 
height: 1.7em; 
font-weight: bold; 
background-color:#E6E6E6 /*#fff*/; 
color: #513913; 
width: 9.5em; 
text-decoration: none; 
padding: 0.7em 0.5em 0.3em 0.3em; 
border-radius: 8px;
border: 2px solid white;
font-size: 94%; 
/*margin-right: 8px;*/
}
#menue .aussen:hover 
{height: auto; 
background-color: #E6E6E6 ; 
color: #800000;
}

a.innen-1 {margin-top: 0.5em;}
a.innen, a.innen-1 {
display: block; 
padding: 0.5em 0.5em 0.5em 0em ; 
text-decoration: none; 
font-weight: bold; 
/*border-bottom: 1px solid #78561d; 
background-color: #E6E6E6;*/ 
color: #009; 
text-align:right;
font-size: 95%;
}
a:visited.innen, a:visited.innen-1 {
background-color: #E6E6E6; 
color: #009;
}
a:hover.innen, a:hover.innen-1 {
background-color: #fff;
color: #800000;
}
span.menutag {
display: block;
cursor: default;
text-align: center;
}
#LayoutDiv1 {
	clear: both;
	margin-right: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv4 {
	clear: both;
	float: left;
    margin-left:0.5em;
	width: 98%;
	display: block;
}
#LayoutDiv4 img {border: none; vertical-align: middle; border-radius: 8px; 
}

#LayoutDiv5 {
	clear: both;
	margin-left: 0;
	width: 100%;
	padding: 1px;
	border: 1px solid #ccc;
}
#LayoutDiv6 {
	margin-left: 0;
	padding: 1px;
	width: 100%;
	border: 1px solid #ccc;
}
#LayoutDiv7 {
	margin-left: 0;
	padding: 1px;
	width: 100%;
	border: 1px solid #ccc;
}
#LayoutDiv8 {
	float: left;
	margin-left: 0px;
/*	margin-right: 1px;*/
	padding: 1px;
	width: 100%;
	height: 25em;
	border: 1px solid #ccc;
}
#LayoutDiv9 {
	float: left;
	margin-left: 0px;
/*	margin-right: 2px;*/
	padding: 2px;
	width: 100%;
	height: 25em;
	border: 1px solid #ccc;
}
#LayoutDiv10 {
	float: left;
	margin-left: 1px;
	padding: 2px;
	width: 32%;
	height: 25em;
	border: 1px solid #ccc;
}
#LayoutDiv11 {
	float: left;
	margin-left: 0.5em;
	padding: 2px;
	width: 98%;
/*	border: 1px solid #ccc;*/
}
#LayoutDiv11 img.ausblenden {display: none;}
.ausblenden {display: none;}
#LayoutDiv12 {
	clear: both;
	margin-left: 1px;
	padding: 2px;
	width: 98%;
/*	border: 1px solid #000;*/
}

#LayoutDiv12 img.ausblenden {display: none;}

#LayoutDiv13 {
	clear: both;
	float: left;
	margin-top: 1px;
	padding-top: 1px;
	width: 100%;
	font-size: large;
}
#LayoutDiv14 {
	clear: both;
	width: 98%;
}
#LayoutDiv14 h1{ text-align:center;}
#LayoutDiv20 {
	clear: both;
	margin-left: 1px;
	padding: 2px;
	width: 98%;
}
}
/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
/*	Aufklappmenü
    Menue-styles fuer non-IEs
	Achtung:
	Fuer non-IEs gilt das Stylesheet 'dropdown.css'!
	Fuer IE gilt das Stylesheet 'fix-ie.css' (per CC)!*/
#menuebox {
position: relative; 		margin-left: 0;
 /*height: 1.1em;background-color: #E6E6E6 !important; /*für einen durchgezogenen grauen Balken in der Navileiste!!*/
}
#menue {
position: absolute;
top: 0px;/*21px;*/
left: -2px;
z-index: 200;
text-decoration: none;
}
#menue .aussen {
float: left; 
display: inline; 
overflow: hidden; 
height: 1.7em; 
font-weight: bold; 
background-color:#E6E6E6 /*#fff*/; 
color: #513913; 
width: 9.5em; 
text-decoration: none; 
padding: 0.7em 0.5em 0.3em 0.3em; 
border-radius: 8px;
border: 2px solid white;
font-size: 94%; 
/*margin-right: 8px;*/
}
#menue .aussen:hover 
{height: auto; 
background-color: #E6E6E6 ; 
color: #800000;
}

a.innen-1 {margin-top: 0.5em;}
a.innen, a.innen-1 {
display: block; 
padding: 0.5em 0.5em 0.5em 0em ; 
text-decoration: none; 
font-weight: bold; 
/*border-bottom: 1px solid #78561d; 
background-color: #E6E6E6;*/ 
color: #009; 
text-align:right;
font-size: 95%;
}
a:visited.innen, a:visited.innen-1 {
background-color: #E6E6E6; 
color: #009;
}
a:hover.innen, a:hover.innen-1 {
background-color: #fff;
color: #800000;
}
span.menutag {
display: block;
cursor: default;
text-align: center;
}
#LayoutDiv1 {
	clear: both;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
/*	padding: 1px;*/
	width: 100%;
	display: block;
}
#LayoutDiv4 img {border: none; vertical-align: middle; border-radius: 8px; 
}

#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	padding: 1px;
	width: 32%;
	height: 30em;
	border: 1px solid #ccc;
}
#LayoutDiv6 {
	float: left;
	margin-left: 1px;
	padding: 1px;
	width: 33%;
	height: 30em;
	border: 1px solid #ccc;
}
#LayoutDiv7 {
	float: left;
	margin-left: 0;
	width: 32%;
	height: 30em;
	border: 1px solid #ccc;
}
#LayoutDiv8 {
	float: left;
	margin-left: 2px;
	margin-right: 1px;
	padding: 2px;
	width: 32%;
	height: 25em;
	border: 1px solid #ccc;
}
#LayoutDiv9 {
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	padding: 2px;
	width: 32%;
	height: 25em;
	border: 1px solid #ccc;
}
#LayoutDiv10 {
	float: left;
	margin-left: 1px;
	padding: 2px;
	width: 32%;
	height: 25em;
	border: 1px solid #ccc;
}
#LayoutDiv11 {
	float: left;
	margin-left: 1px;
	padding: 2px;
	width: 100%;
/*	border: 1px solid #ccc;*/
}
#LayoutDiv12 {
	float: left;
	margin-left: 1px;
	padding: 2px;
	width: 98%;
/*	border: 1px solid #ccc;*/
}
#LayoutDiv13 {
	clear: both;
	float: left;
	margin-top: 1px;
	padding-top: 2px;
	width: 100%;
	font-size: large;
}
#LayoutDiv14 {
	clear: both;
	width: 98%;
}
#LayoutDiv20 {
	float: left;
	margin-left: 1px;
	padding: 2px;
	width: 98%;
}
}

/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 767px) {
	/** Navigation wird als einfarbiger, horizontaler Balken dargestellt **/
	nav {
		display: block;
		text-align: center;
		padding: 0px;
		background: #fff; /* Old browsers */
/*		background: -moz-linear-gradient(top, #fff 0%, #fff 100%); /* FF3.6+ */
/*		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fff)); /* Chrome,Safari4+ */
/*		background: -webkit-linear-gradient(top, #fff 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
/*		background: -o-linear-gradient(top, #fff 0%,#fff 100%); /* Opera 11.10+ */
/*		background: -ms-linear-gradient(top, #fff 0%,#fff 100%); /* IE10+ */
/*		background: linear-gradient(to bottom, #fff 0%,#fff 100%); /* W3C */
	}
	
	nav ul li {
		display:inline;
/*		width: 25%;
		border: 1px solid white;*/
		background: #fff; /* Old browsers */
/*		background: -moz-linear-gradient(top, #fff 0%, #fff 100%); /* FF3.6+ */
/*		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fff)); /* Chrome,Safari4+ */
/*		background: -webkit-linear-gradient(top, #fff 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
/*		background: -o-linear-gradient(top, #fff 0%,#fff 100%); /* Opera 11.10+ */
/*		background: -ms-linear-gradient(top, #fff 0%,#fff 100%); /* IE10+ */
/*		background: linear-gradient(to bottom, #fff 0%,#fff 100%); /* W3C */
	}
	
	/** Label wird ausgeblendet **/
	label.open-menu-label {
		display: none;
	}
.gridContainer {
	width: 88.3636%;
	max-width: 1232px;
	padding-left: 0.8181%;
	padding-right: 0.8181%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#LayoutDiv5 {
	float: left;
	margin-left: 2px;
	margin-right: 1px;
	padding: 2px;
	width: 32%;
	height: 25em;
	border: 1px solid #ccc;
}
#LayoutDiv6 {
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	padding: 2px;
	width: 32%;
	height: 25em;
	border: 1px solid #ccc;
}
#LayoutDiv7 {
	float: left;
	margin-left: 1px;
	padding: 2px;
	width: 32%;
	height: 25em;
	border: 1px solid #ccc;
}
#LayoutDiv8 {
	float: left;
	margin-left: 2px;
	margin-right: 1px;
	padding: 2px;
	width: 32%;
	height: 25em;
	border: 1px solid #ccc;
}
#LayoutDiv9 {
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	padding: 2px;
	width: 32%;
	height: 25em;
	border: 1px solid #ccc;
}
#LayoutDiv10 {
	float: left;
	margin-left: 1px;
	padding: 2px;
	width: 32%;
	height: 25em;
	border: 1px solid #ccc;
}
#LayoutDiv11 {
	float: left;
	margin-left: 1px;
	padding: 2px;
	width: 24%;
/*	border: 1px solid #ccc;*/
}
#LayoutDiv12 {
	float: left;
	margin-left: 1px;
	padding: 2px;
	width: 73%;
/*	border: 1px solid #ccc;*/
}
#LayoutDiv13 {
	clear: both;
	float: left;
	margin-top: 1px;
	padding-top: 2px;
	width: 100%;
	font-size: large;
}
#LayoutDiv14 {
	clear: both;
	width: 98%;
}
#LayoutDiv20 {
	float: left;
	margin-left: 1px;
	padding: 2px;
	width: 73%;
}
/*Logo*/
#LayoutDiv30 {
/*	float: left;*/
	margin-left: 0;
	width: 30%;
	display: block;
}
/*Suchschlitz ORBIS*/
#LayoutDiv31 {
	clear: both;
	margin: auto;
	width: 32%;
/*	text-align:right;*/
	display: block;
}
/*Slogan*/
#LayoutDiv32 {
	float: right;
	margin-top: 1em;
	margin-right: 2em;
	width: 32%;
	display: block;
}
/*Iconleiste*/
#LayoutDiv33 {
	float: right;
	margin-right: 0;
	width: 32%;
	display: block;
}
}