/* CSS-Styhlsheet für web.template */ 

/* Formatierung Basis */
html {
	font-family : Helvetica, Arial, sans-serif;
	font-weight : normal;
	font-style  : normal;
	font-variant: normal;
	font-stretch: normal;
	font-size   : 90%;
	margin      : 0;
	padding     : 0;
}

body {
	background-image   : url(/fond-zeile.jpg);
	background-repeat  : repeat-y;
	background-position: top-left;
	font-family        : Helvetica, Arial, sans-serif;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;
	font-stretch       : normal;
	margin             : 0;
	padding            : 0;
	overflow           : hidden;
	width              : 100%;
}

h1 {
	font-family : Helvetica, Arial, sans-serif;
	font-weight : normal;
	font-style  : normal;
	font-variant: normal;
	font-stretch: normal;
	font-size   : 120%;
	color       : #A3A3A7;
	margin-top  : 10px;
}

/* Überschriften */
h2 {
	font-family   : Helvetica, Arial,sans-serif;
	font-weight   : bold;
	font-variant  : small-caps;
	font-style    : normal;
	font-stretch  : normal;
	font-size     : 125%;
	color         : #1f548b;
	margin-top    : 35px;
	margin-right  : 10px;
	margin-left   : 10px;
}

/* Auszeichnungen */
h3 {
	font-family  : Helvetica, Arial;
	font-weight  : lighter;
	font-style   : normal;
	font-variant : normal;
	font-stretch : normal;
	color        : #eba827;
	font-size    : 105%;
	margin-left  : 10px;
	margin-right : 10px;
	clear        : both;
	float        : none;
}

h3 em {
	font-family : Helvetica, Arial, sans-serif;
	font-weight : normal;
	font-style  : normal;
	font-variant: normal;
	font-stretch: normal;
	font-size   : 110%;
	color       : #A3A3A7;
	clear       : both;
	float       : none;
}

h3 img {
	border  : 1px solid #1F3590;
}

/* Betohnungen */
em {
	font-family : Helvetica, Arial, sans-serif;
	font-weight : bold;
	font-style  : normal;
	font-variant: normal;
	font-stretch: normal;
	color       : #000;
}

b {
	font-weight : bold;
}
	
strong {
	font-weight : bold;
}

/* Formatierung Seitenhintergrund*/

.fond { 
	background-image   : url(/fond.jpg);
	background-repeat  : no-repeat;
	background-position: top left;
	position           : absolute;
	z-index            : 1;	
	overflow           : hidden;
	width              : 100%;
	height             : 100%;
	left               : 0;
	top                : 0;
} 

/* Formatierung Logo */

.logo {
	background      : none;
	overflow        : hidden;
	position        : absolute;
	z-index         : 9;
	top             : 0;
	right           : 9%;
	width           : 15%;
	height          : 15%;
	margin          : 0;
	padding         : 0;

}

/* Formatierung imagebild */

.imagebild { 
	background-image   : url(imagebild.jpg);
	background-repeat  : no-repeat;
	background-position: bottom left;
	background-color   : #617c99;
	position           : absolute;
	z-index            : 3;	
	left               : 8%;
	top                : 20%;
	width              : 17%;
	height             : 75.1%;
	border             : none;
	text-align         : left; 
} 


/* Formatierung Pfadnavigation */
.pfad-navigation {
	background-image   : url(fond-pfad.jpg);
	background-repeat  : no-repeat;
	background-position: top left;
	font-family        : Helvetica, Arial,sans-serif;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;
	font-stretch       : normal;
	font-size          : 90%;
	text-decoration    : none;
	color              : #E3E3E3;
	clear              : both;
	position           : absolute;
	z-index            : 8;	
	overflow           : hidden;
	width              : 51%;
	height             : 5%;
	top                : 15%;
	left               : 25%;
	padding-top        : 4px;
	padding-left       : 0px; 
	border-left        : 1px solid #3d556e;
	border-right       : 1px solid #3d556e;
}

.pfad-navigation a,
.pfad-navigation a:link,
.pfad-navigation a:visited {
	font-family    : Helvetica, Arial, sans-serif; 
	font-size      : 90%;
	font-weight    : normal; 
	text-decoration: none;
	color          : #E3E3E3;
}
.pfad-navigation a:hover {
	font-family    : Helvetica, Arial, sans-serif; 
	font-weight    : normal; 
	font-size      : 90%;
	text-decoration: none;
	color          : #fff; 
}
.pfad-navigation em {
	font-family    : Helvetica, Arial, sans-serif; 
	font-weight    : normal; 
	font-size      : 90%;
	text-decoration: none;
	color          : #fff; 
}


/* Formatierung Contentbereich */	
.content {
	position           : absolute;
	z-index            : 7;
	background-color   : #fff;
	font-family        : Helvetica, Arial,sans-serif;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;
	font-stretch       : normal;
	font-size          : 90%;
	line-height        : 130%;
	overflow           : auto;
	width              : 51%;
	height             : 78%;
	top                : 17%;
	left               : 25%;
	border             : 1px solid #3d556e;
	border-top         : none;
	color              : #3c556f;
	
	scrollbar-DarkShadow-Color  : #C2C2C2; 
	scrollbar-Track-Color       : #f2f3f8; 
	scrollbar-Face-Color        : #a6b3c4;
	scrollbar-Shadow-Color      : #627d9b;
	scrollbar-Highlight-Color   : #627d9b;
	scrollbar-3dLight-Color     : #E0E0E0; 
	scrollbar-Arrow-Color       : #000; 

}

.content p{
	margin-top    : 5px;
	margin-right  : 10px;
	margin-bottom : 0;
	margin-left   : 10px;
	line-height   : 130%;
}


/* Formatierung der Tabellen im Contentbereich */
.content table {	
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 100%;
	text-align         : left;
	clear              : both;
	width              : 95%;
	vertical-align     : top;
	background-image   : url(fond-tabelle.jpg);
	background-repeat  : no-repeat;
	background-position: top left;
	background-color   : #f2f3f8;
	margin-left        : 0;
	padding            : 0;
	border-collapse    : collapse;		
}

.content th.1  {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 100%;
	color              : #fff;
	vertical-align     : top;
	padding-top        : 4px;
	padding-right      : 5px;
	padding-bottom     : 10px;
	padding-left       : 10px;
}

.content th {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 100%;
	color              : #fff;
	vertical-align     : top;
	padding-top        : 4px;
	padding-bottom     : 10px;
	padding-left       : 10px;
	padding-right      : 5px;

}

.content td, th {
	font-size          : 90%;
	text-align         : left;
	vertical-align     : top;
	padding-top        : 3px;
	padding-right      : 5px;
	padding-bottom     : 3px;
	padding-left       : 10px;

}

.content tr.even td {
	text-align       : left;
	vertical-align   : top;
	font-size        : 90%;
	background-color : #bdc7d5;
	padding-top      : 3px;
	padding-right    : 5px;
	padding-bottom   : 3px;
	padding-left     : 10px;
	margin           : 0;
	border-bottom    : 1px solid #fff;
}

.content tr.odd td {
	background-color: #f2f3f8;
	border-bottom   : 1px solid #fff;
	vertical-align  : top;
}


/* Link im Contentbereich */
.content a:link,
.content a:visited,
.content a:visited {
	font-family    : Helvetica, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	font-size      : 100%;
	color          : #f29000;
	text-decoration: none;
}

.content a:hover {
	font-family    : Helvetica, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	font-size      : 100%;
	color          : #A3A3A7;
	text-decoration: underline;
}

.content em {
	font-family    : Helvetica, Arial, sans-serif;
	font-weight    : bold;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	color          : #000;
	text-decoration: none;
}


.content table a:link,
.content table a:active,
.content table a:visited {
	font-family    : Helvetica, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	font-size      : 100%;
	color          : #FF9933;
	text-decoration: underline;
}

.content table a:hover  {
	font-family    : Helvetica, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	font-size      : 100%;
	color          : #000;
}


/* Bild normal */
.content img {	
	float         : left;
	border        : none;
	padding       : 0;
	margin-top    : 0;
	margin-right  : 10px;
	margin-bottom : 10px;
}

/* Listenbild */
.content ul li img  {
/*	float          : left;
	clear          : none;
	border         : none;
	margin         : 3px;
	margin-left    : 0;
	margin-right   : 10px;
	margin-bottom  : 12px;
	list-style-type: none;*/
	display: none;
}

/* Bild in Tabelle */
.content table img {
	float         : left;
	clear         : both;
	border        : none;
	margin-top    : 5px;
	margin-right  : 10px;
	margin-bottom : 5px;
	margin-left   : 0px;	
}

/* Bild unterstrichen */

.Content h3 img {
	float         : right;
	border        : none;
	padding       : 0;
	margin-top    : 0;
	margin-right  : 0;
	margin-bottom : 10px;
	margin-left   : 0;
}


/* Formatierung Listen im Contentbereich*/
.content li {
	font-family    : Helvetica, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	color          : #000;
	clear          : both;
	padding        : 0;
	list-style-type: none;
}

.Content ul {
	font-family    : Helvetica, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	font-size      : 100%;
	clear          : both;
	margin         : 10px;
	padding        : 0;
	list-style-type: none;
}


/* Liste mit Punkt */
.content ul li {
	font-family    : Helvetica, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	list-style-type: square;
	padding        : 0;
	margin-left    : 38px;

}
.content ul li a {
	font-family    : Helvetica, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	list-style-type: none;
}

/* Aufzählung */
.Content ol {
	margin-left : 32px;
	padding     : 0;
}


/* Formatierung Haupt-Navigation */
.navigation {
	background-image   : url(fond-navigation.gif);
	background-repeat  : no-repeat;
	background-position: top left;
	position           : absolute;
	z-index            : 6;
	overflow           : auto;
	text-align         : left; 
	color              : #000;
	top                : 15%;
	left               : 8%; 
	width              : 17%;
	height             : 88%;
	padding-top        : 24px; 
	padding-left       : 0; 
	margin             : 0;
	list-style-type    : none;
}

.navigation ul {
	padding-top     : 0;
	padding-left    : 0;
	margin-bottom   : 0;
	margin-left     : 0;
	margin-top      : 0; 
	list-style-type : none;
		background-color   : #f2f3f8;
	border-bottom   : 1px solid #bdc7d5;
}

.navigation ul li,
.navigation p {
	margin          : 0;
	margin-left     : 0;
	padding-top     : 0;
	margin-bottom   : 0;
	list-style-type : none;
}
.navigation li a {
	background-image   : url(fond-link.gif);
	background-repeat  : no-repeat;
	background-position: top left;
	background-color   : #f2f3f8;
	display            : block;
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 90%;
	color              : #3d556e;
	list-style-type    : none;
	text-decoration    : none;
	width              : 300px;
	padding-left       : 10px;
	padding-right      : 0;
	padding-top        : 4px;
	padding-bottom     : 4px;
	margin-top         : -1px;
}

.navigation li a:hover {
	background-image   : url(fond-link-hover.gif);
	background-repeat  : no-repeat;
	background-position: top left;
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 90%;
	color              : #3d556e;
	text-decoration    : none;
	display            : block;
	width              : 300px;
	margin-top         : -1px;
	padding-top        : 4px;
	padding-bottom     : 4px;
	padding-left       : 10px;
}


.navigation  li em {
	background-image   : url(fond-link-em.gif);
	background-repeat  : no-repeat;
	background-position: top left;
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : bold;
	font-size          : 90%;
	color              : #fff;
	text-decoration    : none;
	display            : block;
	width              : 300px;
	margin-top         : -1px;
	padding-top        : 4px;
	padding-bottom     : 4px;
	padding-left       : 10px;
}

/* Formatierung 2.Level */	
ul li.Navilevel2 a {
	background-image: none;
	background-color: #fff;
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	font-size       : 80%;
	color           : #000;
	text-decoration : none;
	width           : 300px;
	padding-left    : 25px;
	margin          : 0;
	margin-top      : 1px;
}

ul li.Navilevel2 a:hover {
	background-image: none;
	background-color: #bdc7d5;
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : bold;
	font-size       : 80%;
	color           : #3d556e;
	text-decoration : none;
	width           : 300px;
	padding-left    : 25px;
	margin          : 0;
	margin-top      : 1px;

}

ul li.Navilevel2 em {
	background      : none;
	background-color: #a6b3c4;
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : bold;
	font-size       : 80%;
	color           : #fff;
	text-decoration : none;
	width           : 300px;
	padding-left    : 25px;
	margin          : 0;
	margin-top      : 1px;
}
ul li.Navilevel3 a {
	background      : none;
	background-color: #fff;
	font-family     : Helvetica, Arial, sans-serif;
	font-weight     : normal;
	font-style      : normal;
	font-size       : 80%;
	color           : #000;
	text-decoration : none;
	width           : 300px;
	padding-left    : 35px;
	margin          : 0;
	margin-top      : 1px;
	
}
ul li.Navilevel3 a:hover {
	background      : none;
	background-color: #fff;
	font-family     : Helvetica, Arial, sans-serif;
	font-weight     : normal;
	font-style      : normal;
	font-size       : 80%;
	color           : #F29000;
	text-decoration : none;
	width           : 300px;
	padding-left    : 35px;
	margin          : 0;
	margin-top      : 1px;
}

ul li.Navilevel3 em {
	background      : none;
	background-color: #fff;
	font-family     : Helvetica, Arial, sans-serif;
	font-weight     : normal;
	font-style      : normal;
	font-size       : 80%;
	color           : #F29000;
	text-decoration : none;
	width           : 300px;
	padding-left    : 35px;
	margin          : 0;
	margin-top      : 1px;
}

ul li.Navilevel4 a,
ul li.Navilevel5 a {
	background-color: #fff;
	background-image: none;
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-size       : 80%;
	font-weight     : normal;
	color           : #000;
	text-decoration : none;
	width           : 300px;
	padding-left    : 45px;
	margin          : 0;
	margin-top      : 1px;
}

ul li.Navilevel4 a:hover,
ul li.Navilevel5 a:hover {
	background-color: #fff;
	background-image: none;
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : bold;
	font-size       : 80%;
	color           : #F29000;
	text-decoration : none;
	width           : 300px;
	padding-left    : 45px;
	margin          : 0;
	margin-top      : 1px;
}

ul li.Navilevel4 em,
ul li.Navilevel5 em {
	background-color: #fff;
	background-image: none;
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : bold;
	font-size       : 80%;
	color           : #F29000;
	text-decoration : none;
	width           : 300px;
	padding-left    : 45px;
	margin          : 0;
	margin-top      : 1px;
}

ul li.Navilevel2 img,
ul li.Navilevel3 img,
ul li.Navilevel4 img,
ul li.Navilevel5 img {
	display: none;
}


/* Formatierung der Druckversion */
.Druckversion {
	background-image   : url(fond-funktion.gif);
	background-repeat  : no-repeat;
	background-position: top right;
	position           : absolute;
	z-index            : 6;	
	width              : 15%;
	height             : 64.1%;
	top                : 31%;
	left               : 76%;
	font-size          : 80%;
	text-align         : left; 
	list-style         : none;
	border-bottom      : 1px solid #3d556e;
}

.Druckversion p {
	margin-left     : 10px;
	margin-top      : 35px;
}

.Druckversion a:link,
.Druckversion a:visited,
.Druckversion a:active {
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	font-size       : 100%;
	color           : #F29000;
	text-decoration : none;
}
.Druckversion a:hover {
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : bold;
	font-size       : 100%;
	color           : #000;
	text-decoration : none;
}

.Druckversion em {
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : bold;
	font-size       : 100%;
	color           : #000;
	text-decoration : none;
}


.Druckversion a img { 
	border       : 0;
	float        : left;
	margin-right : 10px;
	padding-left : 0;
} 


/* Formatierung Suche */
.suchfunktion {
	background-image   : url(fond-funktion.gif);
	background-repeat  : no-repeat;
	background-position: top right;
	position           : absolute;
	z-index            : 6;	
	width              : 15%;
	height             : 14%;
	left               : 76%;
	top                : 15%;
	font-size          : 90%;
	text-align         : left;
	border-bottom      : 1px solid #3d556e; 

}

.search input {
	background-color  : #fff;
	font-family       : Helvetica, Arial, sans-serif;
	font-weight       : normal;
	font-style        : normal;
	font-variant      : normal;
	font-stretch      : normal;
	font-size         : 90%;
	float             : left;
	width             : 80%;
	height            : 18px;
	margin-top        : 30px;
	margin-left       : 10px;
	border            : 1px solid #AEAEAE;

}
.search input.submit {
	background-color   : #F1F1F1;
	font-family        : Helvetica, Arial, sans-serif;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;
	font-stretch       : normal;
	font-size          : 90%;
	color              : #000;
	clear              : both;
	width              : 80%;
	height             : 20px;
	margin-left        : 10px;
	margin-top         : 2px;
	padding            : 0;
	border             : 1px solid #AEAEAE;
	
}

.suchfunktion a:link,
.suchfunktion a:visited,
.suchfunktion a:active {
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	font-size       : 90%;
	color           : #000;
	text-decoration : none;
	padding-left    : 10px;
}
.suchfunktion a:hover {
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	font-size       : 90%;
	color           : #000;
	text-decoration : none;
	padding-left    : 10px;
}

.suchfunktion em {
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-size       : 90%;
	color           : #000;
	text-decoration : none;
	padding-left    : 10px;
}



/* Formatierung Editor Button */	
.editor form.default input{	
	background         : none;
	position           : absolute;
	z-index            : 10;
	width              : 5%;
	height             : 3%;
	left               : 76%;
	bottom             : 0;
	border             : none;
	font-size          : 0;
	color              : #D3D3D3;
	text-align         : right;
}
.editor form.default input.submit{
	background-image   : url(/edit.gif);
	background-repeat  : no-repeat;
	background-position: left;
	height             : 24px;
	font-size          : 0;
}

/* Formatierung Benutzermanager Button */
.editor form.usermanager input{
	background         : none;
	position           : absolute;
	left               : 81%;
	bottom             : 0;
	width              : 30px;
	height             : 24px;
	z-index            : 10;
	border             : none;
	font-size          : 0;
	color              : #D3D3D3;
	text-align         : right;
}
.editor form.usermanager input.submit{
	background-image   : url(/user.gif);
	background-repeat  : no-repeat;
	background-position: left;
	height             : 24px;
	font-size          : 0;
}