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

/* Formatierung Basis */
html {
	margin          : 0;
	padding         : 0;
	overflow        : hidden;
	overflow-x      : hidden;
}

body {
	font-family        : Verdana, Arial, sans-serif;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;
	font-stretch       : normal;
	margin             : 0;
	padding            : 0;
	overflow           : auto;
	overflow-x         : hidden;
	width              : 100%;
   	height             : 100%;
   	font-size          : 100.01%;
   	margin             : 0;
   	padding            : 0;
}

h1 {
	font-size     : 17px;
	font-weight   : normal;
	font-family   : Gill Sans, Arial;
	color         : #6f3500;
}

/* Überschriften */
h2 {
	font-size       : 18px;
	font-weight     : bold;
	font-style      : italic; 
	font-family     : Eurostile, Arial Black, Arial;
	letter-spacing  : 1px;
	line-height     : 130%;
	color           : #626262;
}

/* Auszeichnungen */
h3 {
	font-size       : 16px;
	font-weight     : normal;
	font-style      : italic; 
	font-family     : Gill Sans, Arial;
	line-height     : 120%;
	color           : #ee7f00;
	clear           : both;
	float           : none;
}


/* Betohnungen */
em {
	font-family  : Gill Sans, Arial;
	color        : #3a3b3f;
	font-style   : normal; 
	font-weight  : bold;
	font-style   : normal;
	font-variant : normal;
	font-stretch : normal;
	font-size    : 12px;
	line-height  : 130%;
}

b {
	font-family  : Gill Sans, Arial;
	color        : #3a3b3f;
	font-style   : normal; 
	font-weight  : bold;
	font-style   : normal;
	font-variant : normal;
	font-stretch : normal;
	font-size    : 12px;
	line-height  : 130%;
}
	
strong {
	font-family  : Gill Sans, Arial;
	color        : #3a3b3f;
	font-style   : normal; 
	font-weight  : bold;
	font-style   : normal;
	font-variant : normal;
	font-stretch : normal;
	font-size    : 12px;
	line-height  : 130%;
}


/* Formatierung Logo */
#logo {
	background      : none;
	overflow        : hidden;
	position        : absolute;
	z-index         : 9;
	top             : 4.5%;
	left            : 15%;
	width           : 14.5%;
	height          : 12%;
	margin          : 0;
	padding         : 0;
}

#fond-logo{
	background-color: #fff;
	filter          : Alpha(opacity=90);
   	-moz-opacity    : 0.9;
   	opacity         : 9;
	overflow        : hidden;
	position        : absolute;
	z-index         : 1;
	top             : 2%;
	left            : 13.5%;
	width           : 17.5%;
	height          : 15%;
}


#fond {
	z-index            : 1; 
	position           : absolute;
	background-image   : url(/fond-alu.jpg); 
	background-repeat  : repeat; 
	background-position: top;
	background-color   : #bcbdbf;
	top                : 0;   
	left	           : 0;    
	width              : 100%; 
	height             : 100%; 
}



#pfad {
	z-index            : 5; 
	position           : absolute;
	background         : none;
	top                : 20%;   
	left	           : 34.5%;    
	width              : 50%; 
	height             : 20px; 
	font-family        : Verdana, Arial, sans-serif;
	font-weight        : normal;
	font-size          : 10px;
	color              : #fff;
	padding-top        : 5px;
}

#pfad a:link,
#pfad a:visited  {
	font-family        : Verdana, Arial, sans-serif;
	font-weight        : normal;
	text-decoration    : none;
	font-size          : 10px;
	color              : #fff;
	margin             : 0;
	padding            : 0;
}
#pfad a:hover  {
	font-family        : Verdana, Arial, sans-serif;
	font-weight        : normal;
	text-decoration    : underline;
	font-size          : 10px;
	color              : #fff;
	margin             : 0;
	padding            : 0;
}

#fond-pfad {
	z-index            : 3; 
	position           : absolute;
	background-image   : url(/fond-pfad.jpg); 
	background-repeat  : repeat-x; 
	background-position: top left;
	background-color   : transparent;
	top                : 20%;   
	left	           : 33%;
	right              : 10%;    
	width              : 52%; 
	height             : 40px; 
}

#fond-quadrate {
	z-index            : 4; 
	position           : absolute;
	filter             : Alpha(opacity=50);
   	-moz-opacity       : 0.5;
   	opacity            : 0.5;
	background-image   : url(/fond-quadrate.gif); 
	background-repeat  : no-repeat; 
	background-position: top left;
	background-color   : transparent;
	top                : -10%;   
	left	           : 68%;    
	width              : 500px; 
	height             : 500px; 
}


  
#titelbild { 
	z-index            : 2;	
	position           : absolute;
	background-color   : #ff9400;
	background-image   : url(/titelbild.jpg); 
	background-repeat  : no-repeat; 
	background-position: left center;
	left               : 33%;
	right              : 10%;
	top                : 4%;
	width              : 52%;
	height             : 15.9%;
	border-top         : 1px solid #5f5f5f;	
} 
   
#fond-inhalt {
	z-index            : 3;	
	position           : absolute;
	background-color   : #fff;
	overflow           : hidden; 
	filter             : Alpha(opacity=50);
   	moz-opacity        : 0.5;
   	opacity            : 0.5;
	width              : 51.9%;
	height             : 80%;
	top                : 20%;
	left               : 33%;
	border             : 1px solid #000;
	border-bottom      : none;
	border-top         : none;
}

/* Formatierung Contentbereich 	*/
#inhalt {
	background-color   : transparent;
	position           : absolute;
	z-index            : 6;
	font-family        : Verdana, Geneva, Arial;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;
	font-stretch       : normal;
	font-size          : 11px;
	line-height        : 130%;
	overflow           : auto;
	width              : 49.5%;
	height             : 68%;
	top                : 26%;
	left               : 34.5%;
	scrollbar-DarkShadow-Color  : #7b6039; 
	scrollbar-Track-Color       : #a0988b; 
	scrollbar-Face-Color        : #676769;
	scrollbar-Shadow-Color      : #a27b3a;
	scrollbar-Highlight-Color   : #e1c978;
	scrollbar-3dLight-Color     : #c99f5b; 
	scrollbar-Arrow-Color       : #afaa9f; 
}


#inhalt p{
	font-family   : Verdana, Arial, sans-serif;
	/* margin        : 0;*/
	margin-right  : 15px;
	line-height   : 130%;
}
#inhalt em {
	font-family  : Gill Sans, Arial;
	color        : #3a3b3f;
	font-style   : normal; 
	font-weight  : bold;
	font-style   : normal;
	font-variant : normal;
	font-stretch : normal;
	font-size    : 12px;
	line-height  : 130%;
	
}



/* Formatierung der Tabellen im Contentbereich */
#inhalt table {	
	font-family        : Verdana, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 11px;
	text-align         : left;
	clear              : both;
	width              : 95%;
	vertical-align     : top;
	margin-left        : 0;
	border             : none;
			
}

#inhalt th {
	font-family        : Verdana, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 11px;
	color              : #000;
	vertical-align     : top;
	padding            : 3px;
	margin             : 3px;
	background-color   : #efefef;
	border             : 1px solid #898989;

}

#inhalt td {
	font-size          : 11px;
	text-align         : left;
	vertical-align     : top;
	padding            : 3px;
	margin             : 3px;
	background-color   : none;

}

#inhalt tr td {
	text-align       : left;
	vertical-align   : top;
	font-size        : 11px;
	padding          : 3px;
	margin           : 3px;
	border-bottom    : 1px solid #fff;
}


/* Link im Contentbereich */
#inhalt a:link,
#inhalt a:visited,
#inhalt a:visited {
	font-size       : 11px;
	font-weight     : bold;
	font-style      : normal;
	font-family     : Verdana, Geneva, Arial;
	color           : #ef8321;
	text-decoration : none;
}

#inhalt a:hover {
	font-size       : 11px;
	font-weight     : bold;
	font-style      : normal;
	font-family     : Verdana, Geneva, Arial;
	color           : #000;
	text-decoration : none;
}


#inhalt table a:link,
#inhalt table a:active,
#inhalt table a:visited {
	font-family    : Verdana, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	font-size      : 11px;
	color          : #ef8321;
	text-decoration: underline;
}

#inhalt table a:hover  {
	font-family    : Verdana, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	font-size      : 11px;
	color          : #000;
}


/* Bild normal */
#inhalt img,
#inhalt a img {	
	background-image   : url(/fond-image.jpg); 
	background-repeat  : repeat-x; 
	background-position: top;
	float              : left;
	clear              : left;
	border             : 1px solid #8e8e8e;	
	padding            : 0;
	margin-bottom      : 10px;
	margin-right       : 15px;
	margin-bottom      : 18px;
}

/* Listenbild */
#inhalt ul li img  {
	float          : left;
	clear          : none;
	border         : none;
	margin         : 3px;
	margin-left    : 0;
	width          : 120px;
	margin-right   : 10px;
	margin-bottom  : 11px;
	list-style-type: none;
}

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



/* Formatierung Listen im inhaltbereich*/

/* Formatierung Listen im inhaltbereich */
#inhalt li {
	font-family    : Verdana, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	color          : #000;
	padding        : 0;
	list-style-type: none;
	clear          : both;

}

#inhalt ul {
	font-family    : Verdana, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	font-size      : 11px;
	clear          : both;
	margin         : 10px;
	padding        : 0;
	list-style-type: square;
	margin-left    : 5px;
	padding-left   : 10px;

}


#inhalt ul li {
	font-family    : Verdana, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	list-style-type: square;
	margin-left    : 10px;
	clear          : both;
	font-size      : 11px;

}
#inhalt ul li a {
	font-family    : Verdana, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-size      : 11px;
	list-style-type: none;
}

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




/* Formatierung Funktionen oben */
#druckversion {
	position           : absolute;
	vertical-align     : top;
	z-index            : 9;	
	width              : 65%;
	height             : 3%;
	top                : 70%;
	left      	   : 14%;
	font-family        : Verdana, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	line-height        : 14px;
	font-size          : 11px;
	float              : left; 
	list-style         : none;
	overflow           : hidden;
}

#druckversion p {
	color           : #fff;
	vertical-align  : top;
	padding         : 0;
	margin          : 0;
}
#druckversion a:link,
#druckversion a:visited,
#druckversion a:active {
	font-family     : Verdana, Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	vertical-align  : top;
	line-height     : 14px;
	font-size       : 11px;
	color           : #fff;
	text-decoration : none;
	margin-left     : 18px;
}
#druckversion a:hover {
	font-family     : Verdana, Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	line-height     : 14px;
	font-size       : 11px;
	color           : #e0ae27;
	text-decoration : none;
}

#druckversion em {
	font-family     : Verdana, Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	line-height     : 14px;
	font-size       : 11px;
	color           : #e0ae27;
	text-decoration : none;
}


#funktionen {
	z-index            : 6; 
	position           : absolute;
	font-size          : 14px;
	overflow           : hidden; 
	bottom             : 1%;   
	left	           : 29%;    
	width              : 30px; 
	height             : 30px; 
}
	
#funktionen form.default input{	
	background         : none;
	width              : 30px;
	height             : 24px;
	border             : none;
	font-size          : 0;
	color              : #95969a;
	text-align         : left;
}

#funktionen form.default input.submit{
	background-image   : url(/edit.gif);
	background-repeat  : no-repeat;
	background-position: left;
	height             : 24px;
	font-size          : 0;
}



#funktionen form.usermanager input{
  display: none;
}
#funktionen form.usermanager input.submit{
    display: none;
}

#fond-navigation {
	z-index            : 2; 
	position           : absolute;
	overflow           : hidden;
	background-image   : url(/fond-navigation.png); 
	background-repeat  : no-repeat; 
	background-position: top left;
	background-color   : transparent;
	top                : 20%;   
	left	           : 12%;    
	width              : 21%; 
	height             : 80%; 
}


/* Formatierung Navigation */
#navigation {
	z-index            : 5; 
	position           : absolute;
	font-size          : 14px;
	overflow           : hidden; 
	top                : 22%;   
	left	           : 15.5%;    
	width              : 17.5%; 
	height             : 70%; 
}


#navigation ul {
	padding-top     : 0;
	padding-left    : 0;
	margin-bottom   : 0;
	margin-left     : 0;
	margin-top      : 0; 
	background-color: transparent;
	list-style      : none;
	font-size       : 12px;
}

#navigation ul li,
#navigation p {
	font-size       : 12px;
	margin          : 0;
	margin-left     : 0;
	padding-top     : 0;
	margin-bottom   : 0;
}


#navigation li a {
	display            : block;
	background-image   : url(/button-navigation.png);
	background-repeat  : no-repeat;
	background-position: left;
	font-family        : Eurostile, Verdana,sans-serif;
	font-size          : 13px;
	font-style         : normal;
	font-weight        : normal;
	color              : #323232;
	text-decoration    : none;
	/*border-bottom      : 1px dashed #323232;*/
	width              : 100%;
	margin             : 0;
	padding-left       : 31px;
	padding-top        : 8px;
	padding-bottom     : 8px;
}

#navigation li a:hover {
	display         : block;
	background-image   : url(/button-navigation-hover.png);
	background-repeat  : no-repeat;
	background-position: left;
	font-family        : Eurostile, Verdana,sans-serif;
	font-size          : 13px;
	font-style         : normal;
	font-weight        : normal;
	color              : #fff;
	text-decoration    : none;
	/*border-bottom      : 1px dashed #323232;*/
	width              : 100%;
	margin             : 0;
	padding-left       : 31px;
	padding-top        : 8px;
	padding-bottom     : 8px;
}


#navigation  em {
	display            : block;
	background-image   : url(/button-navigation-hover.png);
	background-repeat  : no-repeat;
	background-position: left;
	font-family        : Eurostile, Verdana,sans-serif;
	font-size          : 13px;
	font-style         : normal;
	font-weight        : normal;
	color              : #fff;
	text-decoration    : none;
	/*border-bottom      : 1px dashed #323232;*/
	width              : 100%;
	margin             : 0;
	padding-left       : 31px;
	padding-top        : 8px;
	padding-bottom     : 8px;
}


/* Formatierung 2.Level */	

#navigation li.Navilevel2 a {
	display         : block;
	font-family     : Arial,sans-serif;
	font-size       : 12px;
	font-style      : normal;
	color           : #000;
	text-decoration : none;
	background-image   : url(/pfeil-navigation.png);
	background-repeat  : no-repeat;
	background-position: 10px;
	width           : 199px; 
	padding-left    : 40px;
	margin-left     : 40px;
	margin          : 0;
}

#navigation li.Navilevel2 a:hover,
#navigation li.Navilevel2 em   {
	display         : block;
	font-family     : Arial,sans-serif;
	font-size       : 12px;
	font-style      : normal;
	color           : #fff;
	text-decoration : none;
	background-image   : url(/pfeil-navigation.png);
	background-repeat  : no-repeat;
	background-position: 10px;
	width           : 199px; 
	padding-left    : 40px;
	margin-left     : 40px;
	margin          : 0;
}

