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

/* Formatierung Basis */
html {
	margin          : 0;
	padding         : 0;
	overflow-x      : hidden;
	scrollbar-DarkShadow-Color  : #797979; 
	scrollbar-Track-Color       : #ccc; 
	scrollbar-Face-Color        : #b6b6b6;
	scrollbar-Shadow-Color      : #a4a4a4;
	scrollbar-Highlight-Color   : #e2e2e2;
	scrollbar-3dLight-Color     : #808080; 
	scrollbar-Arrow-Color       : #868686; 
}

body {
	font-family        : verdana, arial, sans-serif;
	font-weight        : normal;
	font-style         : normal;
	background-image   : url(Background.png);
	background-repeat  : repeat-y;
	background-color   : #8c8c8c;
	background-position: center top;
	padding            : 0;
	width              : 100%;
	margin-left        : 50%;
	margin-right       : 50%;
	text-align         : center;
   	font-size          : 12px;
	color              : #454545;

}

#inhalt h1 {
	font-family   : Stempel Garamond, arial, sans-serif;
	color         : #FFF;
	font-size     : 1.2em;
	line-height   : 1.2em;
	margin-bottom : 5px;
	font-weight   : normal;
	font-style    : normal;
	text-transform: uppercase;
	text-align    : left;
}

#inhalt h2 {
	font-family  : Vectora, Times, serif;
	color        : #576c8c;
	font-size    : 1.9em;
	line-height  : 1em;
	margin-bottom: 8px;
	font-weight  : bold;
	font-style   : normal;
	text-align   : left;
}


#inhalt em,
#inhalt strong,
#inhalt b {
	color       : #494949; 
	font-size   : 12px;
	font-style  : normal;
	font-weight : bold;
}

#inhalt a {
	color          : #ffa300;
	font-style     : normal;
	text-decoration: none;
}
#inhalt a:hover {
	font-style     : normal;
	text-decoration: underline;
}

#inhalt img,
#inhalt p img,
#inhalt a img {
	margin-left    : 15px;
	margin-bottom  : 2px;
	padding-left   : 10px;
	padding-bottom : 3px;
	float          : right;
	clear          : none;
	border         : 1px solid #fff;
}

#inhalt p {
	margin   : 0;
	padding  : 0;
}

#inhalt img {
	float    : left;
	clear    : none;
	margin   : 0;
	padding  : 0;
}

#inhalt ul  {
	list-style-type: circle;
	margin-left    : 0;
	padding-left   : 0;
}

#inhalt  ul li {
	list-style-type: circle;
	margin-left    : 15px;
	padding-left   : 0;
	font-size      : 1em;
}



/* Formatierung CMS Contentbereich */
#inhalt {
	font-family     : verdana, arial, sans-serif;
	line-height     : 1.5em;
	position        : absolute;
	z-index         : 5;
	margin-left     : -88px;
	top             : 373px;
	width           : 372px;
	height          : 373px;
	padding		    : 25px;	
   	text-align      : justify;
	overflow        : auto;
	overflow-x      : hidden;
}

#footer {
	background-color   : transparent;
	position           : absolute;
	z-index        	   : 6;
	margin-left        : -72px;
	top				   : 792px;
	width              : 425px;
	height             : 40px;
	font-family        : arial, sans-serif;
	color              : #717171;
	font-size          : 10px;
	font-weight        : normal;
	font-style         : normal;
	text-align         : left;
}

#footer a {
	font-family    : verdana, arial, sans-serif;
	color          : #717171;
	font-size      : 10px;
	font-weight    : normal;
	font-style     : normal;
	text-decoration: none;
}


#text-unten {
	position        : absolute;
	z-index         : 1;
	bottom          : 0;
	left            : 0;
	width           : 900px;
	height          : 125px;
}

#text-unten img {
	vertical-align  : bottom;
	margin          : 0;
	padding         : 0;
	width           : 900px;
	height          : 125px;
}



#navigation {
	position        : absolute;
	z-index         : 3;
	top             : 155px;
	margin-left     : -500px;
	width           : 200px; 
	height          : 300px;
}

#navigation ul{
	text-align    : right;
}
#navigation ul li{
	list-style    : none;
}
#navigation ul li a {
	font-family		: Georgia, arial, sans-serif;
	color			: #717171;
	font-size		: 14px;
	line-height 	: 28px;
	font-weight		: normal;
	font-style	    : normal;
	letter-spacing	: 1px;
	text-decoration	: none;
	padding-right   : 25px;
}

#navigation ul li a:hover {
	font-family			: Georgia, arial, sans-serif;
	color				: #ffa200;
	font-size			: 14px;
	line-height			: 28px;
	letter-spacing		: 1px;
	font-weight  		: normal;
	font-style    		: normal;
	background-image	: url(navigation-hover.png);
	background-repeat	: repeat-x;
	background-position	: bottom;
	padding-right		: 25px;
}
#navigation ul li em {
	font-family			: Georgia, arial, sans-serif;
	color				: #ffa200;
	font-size			: 14px;
	line-height			: 28px;
	letter-spacing		: 1px;
	font-weight  		: normal;
	font-style    		: normal;
	background-image	: url(navigation-hover.png);
	background-repeat	: repeat-x;
	background-position	: bottom;
	padding-right		: 25px;
}


/* Formatierung Logo */

#box-logo  {
	background-color   : transparent;
	position           : absolute;
	z-index            : 4;
	margin-left        : -960px;
	top                : 0;
	width              : 1920px;
	height             : 160px;
	border             : none
}

#box-logo img {
	background-color   : transparent;
	width              : 1920px;
	height             : 160px;
	border             : none;
}

#box-logo a img,
#box-logo a:hover img{
	border: none;
}

/* Formatierung box */
#box-orange {
	background-color: transparent;
	background-image: url(Box-orange.png);
	position        : absolute;
	z-index         : 5;
	margin-left     : -300px;
	top             : 160px;
	width           : 211px;
	height          : 211px;
}


#box-orange h1, h1 a {
	line-height     : 0;
	margin-top	    : 158px;
	font-weight     : normal;
	font-style      : italic;
	text-align      : center;
	color			: #fff;
	font-family		: Georgia;
	font-size		: 25px;
	font-style		: italic;
	letter-spacing	: 1x;
	text-shadow		: 1px 1px 3px #9f6b0e;
}


#box-links {
	background-color: transparent;
	background-image: url(Box-links.png);
	position        : absolute;
	z-index         : 6;
	margin-left     : -300px;
	top             : 373px;
	width           : 211px;
	height          : 423px;
}
#box-links h1 {
	font-family   : Georgia, arial, sans-serif;
	color         : #454545;
	font-size     : 16px;
	line-height   : 35px;
	margin-top	  : 19px;
	font-weight   : normal;
	font-style    : normal;
	text-align    : center;
}

#box-links h2 {
	font-family   : Georgia, arial, sans-serif;
	color         : #454545;
	font-size     : 11px;
	line-height   : 5px;
	margin-right  : 15px;
	font-weight   : normal;
	font-style    : normal;
	text-align    : right;
}


#box-grau-oben {
	background-color: transparent;
	background-image: url(Box-grau-oben.png);
	position        : absolute;
	z-index         : 7;
	margin-left     : -87px;
	top             : 160px;
	width           : 422px;
	height          : 211px;
}



#box-grau-oben h1 {
	line-height     : 0.8em;
	font-weight     : normal;
	font-style      : normal;
	text-align      : left;
	margin-top 	    : 159px;
	padding-left    : 25px;	
	color			: #fff;
	font-family		: Georgia;
	font-size		: 25px;
	font-style		: normal;
    line-height		: 0;
	text-shadow		: 1px 1px 3px #67696a;
}

#box-grau-oben h2 {
	font-family		: Georgia;
	color           : #babbbe;
	font-size       : 25px;
	font-weight     : normal;
	font-style      : normal;
	text-align      : right;
	margin	 	    : 0;
	line-height		: 19px;
	padding-right   : 25px;	
	text-shadow		: 1px 1px 3px #67696a;
}


#box-content {
	background-color: transparent;
	background-image: url(Box-content.png);
	position        : absolute;
	z-index         : 2;
	margin-left     : -87px;
	top             : 373px;
	width           : 422px;
	height          : 423px;
}