/* CSS-Styhlsheet für web.template */ 
   
* {
     outline: none;
 }

html {
	font-family          : arial, sans-serif; 
	font-style           : normal;   
	padding              : 0;
	margin               : 0;
	border               : 0;
	height               : 100% !important;
}

#fond {
    position             : absolute !important;
    z-index              : 2 !important;
	background-image     : url(/fond-body.jpg);
	background-repeat    : no-repeat;
	background-position  : bottom right;	
	height               : 620px !important;
	width                : 620px !important;
	bottom               : -120px !important;
	right                : -430px !important;
}
	
body {  
    position             : relative;  
	font-size            : 12px; 
	font-family          : arial, sans-serif; 
	font-style           : normal;
    padding              : 0;
	margin               : 0;
    margin-left          : auto;
    margin-right         : auto;
	width                : 50%; 
	height               : 100%;
	overflow-x           : hidden;	
    overflow-y           : hidden;
	min-width			 : 700px;
	}


/* Überschriften */
h1 {
	font-family  : 'Balthazar', serif;
	font-weight  : normal;
	font-variant : small-caps;
	font-size    : 33px;
	margin       : 0;
	padding      : 0;
	color        : #969696;
	letter-spacing: 2px;
}

h2 {
	font-family  : 'Balthazar', serif;
	font-weight  : normal;
	font-size    : 20px;
	font-variant : small-caps;
	color        : #000;
	letter-spacing: 1px;
	margin        : 0;
	padding       : 0;
}


h3 {
	font-family   : 'Balthazar', serif;
	font-weight   : normal;
	font-size     : 15px;
	margin-bottom : 5px;
	letter-spacing: 1px;
	color         : #969696;
	margin        : 0;
	padding       : 0;
}

h4 {
	font-family   : 'Balthazar', serif;
	font-size     : 16px;
	margin-bottom : 5px;
	color         : #969696;
	margin        : 0;
	padding       : 0;
}


h5 {
	font-family   : Arial, arial, sans-serif; 
	font-style    : normal;
	font-size     : 10px;
	margin-bottom : 5px;
	color         : #969696;
}


/* Betohnungen */
em {
	font-weight : bold;
	font-style  : normal;
	color       : #000;
}

b {
	font-weight : bold;
	font-style  : normal;
	font-variant: normal;
	color       : #000;
}


strong {
	font-weight : bold;
	font-style  : normal;
	font-variant: normal;
	color       : #000;
}

#logo {  
    height     : 12%;
    left       : 45%;
    position   : absolute;
    text-align : center;
    top        : 4%;
    width      : 55%;
    z-index    : 3;
   }  
#logo a img { 
   position      : absolute;   
   left          : 10%;
   top           : 0;
   text-align    : center;
   border        : none;
   height        : 100%;
   }

#balken-grau {     
   position             : absolute;  
   z-index              : 3; 
   text-align           : left;
   background-color     : #969696;
   top	                : 70%; 
   width                : 100%;
   min-width			: 80%;
   height				: 30%;

}

#pfad-navigation {
   position             : absolute;  
   z-index              : 9; 
   text-align           : left;
   bottom               : 0%; 
   left		            : 3%;
   width                : 50%;
   height				: 30px;

}

#pfad-navigation a:link,
#pfad-navigation a:visited {
  	color            : #000;
    font-family      : arial, sans-serif; 
	font-style       : normal;
	font-size        : 12px;
	line-height      : 17px;
	text-decoration  : none;
	padding-right    : 0; /*15%*/
	padding-top      : 2px;
	}
	
#pfad-navigation a:hover {
  	color            : #fff;
    font-family      : arial, sans-serif; 
	font-style       : bold;
	font-size        : 12px;
	line-height      : 17px;
	text-decoration  : none;
	padding-right    : 0; /*15%*/
	padding-top      : 2px;
	}
	
#content { 
   background-image     : url(/fond.png);
   background-repeat    : no-repeat;
   background-position  : -13px bottom;	     
   position             : absolute;  
   z-index              : 2; 
   text-align           : left;
   font-size            : 12px;
   font-family          : arial, sans-serif; 
   line-height          : 19px;
   font-style           : normal;	
   background-color     : transparent;
   top                  : 21%; 
   width                : 90%;
   height           	: 48%;
   min-width			: 80%;
   overflow				: auto;
   padding-left			: 5%;
   padding-top          : 2%;
   padding-right		: 5%;
   overflow-x           : hidden;
}

#content a:link,
#content a:active,
#content a:visited {
  	color            : #969696;
    font-family      : arial, sans-serif; 
	font-style       : normal;
	font-size        : 12px;
	line-height      : 17px;
	text-decoration  : none;
	padding-right    : 0; 
	padding-top      : 2px;
	}

#content table a:link,
#content table a:active,
#content table a:visited {
	color          : #969696;
    font-family    : arial, sans-serif; 
	font-style     : normal;
	font-size      : 12px;
	line-height    : 17px;
	text-decoration: none;
	padding-right  : 0; 
	padding-top    : 2px;
}

#content a:hover,
#content table a:hover {
	color          : #404040;
	text-decoration: underline;
}

/* Formatierung Listen im#contentbereich*/

#content ul,
#content table ul {
	clear          : both;
	list-style-type: none;
	margin         : 3px;
	margin-top     : 15px;
	padding        : 0;
	text-align     : left !important;
	font-size      : 12px;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
}

#content li,
#content table li {
	clear          : both;
	margin         : 0;
		text-align     : left !important;
	list-style-type: none;
}

/* Liste mit Punkt */

#content ul li,
#content table ul li {
	background-image   : url(/liste.jpg);
	background-repeat  : no-repeat;
	background-position: 0px 8px;	
	list-style-type    : none;
	padding            : 0;
		text-align     : left !important;
	margin-bottom      : 10px;
	padding-left       : 15px;
}

#content ul li a {
	color    : #000 !important;
}

#content ul li a:hover {
	color          : #165fb7 !important;
	text-decoration: none !important;
}

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

#content img,
#content p img {
	border          : none;

	margin-top      : 0;
	float           : left;
	clear           : none;
	background      : none;
}
/* Tabellen-Bild im Contentbereich */

#content table img,
#content table img a {
	display         : block;
	border          : 0;
	padding         : 0;
	margin-left     : 0;
	float           : none;
	clear           : both;
    vertical-align  : top !important;
	background      : none;
}


/* Formatierung der Tabellen im#contentbereich */
#content table {	
	clear              : both;
	background-color   : transparent;
	padding            : 0 !important;	
	margin             : 0 !important;	
	margin-bottom      : 10px;
	margin-top         : 5px;
	text-align         : center;
	font-family        : arial, sans-serif; 
	font-style         : normal;
	width              : 100% !important;	
	font-size          : 12px  !important;	
	vertical-align     : top !important;	
	border-collapse    : collapse;
}

#content table p {	
	padding            : 0 !important;	
	margin             : 0 !important;	
}


#content table tbody tr td {
	background-color   : transparent;
	padding            : 0;
	padding-right      : 30px;
	padding-left       : 0;
	margin             : 0;
    font-family        : arial, sans-serif; 
	font-style         : normal;
	font-size          : 12px;
	line-height        : 19px;
	vertical-align     : top !important;	
	border             : none;
	border-collapse    : collapse;
}

#editor {
	position         : absolute;
	z-index          : 12;
	left             : 0px;
	bottom           : 0px;
	height           : 10px;
	width            : 30px;
	text-align       : left;
	margin-top       : 30px;
	background-color : #969696;
}
	
#editor form.default input {
	margin             : 0;
	height             : 25px;
	width              : 25px;
	background-color   : #969696;
	font-size          : 1px;
	border             : 1px solid #969696;
	float              : left;
}

#editor form.default input.submit {
	height             : 25px;
	width              : 25px;
	color              : #969696;
	font-size          : 1px;

}

#editor form.usermanager input{
	margin-right       : 10px;
	height             : 20px;
	background-color   : #969696;
	font-size          : 0;
	border             : none;
	float              : left;
	display            : none;
}
#editor form.usermanager input.submit{
	height             : 20px;
	width              : 30px;
	color              : #969696;
	font-size          : 0;
	display            : none;
}