/* 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        : arial, sans-serif;
	font-weight        : normal;
	font-style         : normal;
	background-image   : url(fond-background.png);
	background-repeat  : repeat-x;
	background-position: center top;
	background-color   : #1e458f;
	padding            : 0;
	width              : 100%;
	margin-left        : 50%;
	margin-right       : 50%;
	text-align         : center;
   	font-size          : 12px;
	color              : #454545;
}

#fond {
	position:fixed;
	background-image   : url(background.png);
	background-repeat  : no-repeat;
	background-position: center bottom;
	bottom			   : 0;
	margin-left        : -50%;
	padding            : 0;
	width              : 100%;
	height			   : 100%;
	z-index            : 1;
}

#fond-front {
	position:fixed;
	background-image   : url(background-front.png);
	background-repeat  : no-repeat;
	background-position: center bottom;
	bottom			   : 0;
	margin-left        : -50%;
	padding            : 0;
	width              : 100%;
	height			   : 132px;
	z-index            : 3;
}

#header {
	z-index				: 2;
	margin-left			: -400px;
	position			: absolute;
	top					: 0;
	width				: 800px;
	height				: 289px;
}

#fond-content {
	background-image    : url(fond-content.png);
	position        	: absolute;
	z-index         	: 1;
	text-align      	: justify;
	overflow        	: auto;
	overflow-x      	: hidden;
	background-color	: transparent;
	width              	: 860px;
	min-height      	: 770px;
	height      		: 200%;
	top             	: 195px;
	margin-left     	: -430px;
}

#inhalt h1 {
	font-family   : 'Michroma', sans-serif;
	color         : #153c89;
	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 {
	color			: #1E458F;
	font-family		: 'Michroma',sans-serif;
	font-size		: 15px;
	font-style		: normal;
	font-weight		: bold;
	line-height		: 20px;
	text-align		: left;
	letter-spacing	: 1px;
	margin			: 0;
	margin-bottom	: 5px;
	padding			: 0;
}


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

#inhalt a {
	color          : #153c89;
	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     	: arial, sans-serif;
	line-height     	: 1.5em;
	position        	: absolute;
	z-index         	: 2;
	text-align      	: justify;
	overflow        	: auto;
	overflow-x      	: hidden;
	background-color	: transparent;
	width              	: 700px;
	height      		: auto;
	top             	: 430px;
	margin-left     	: -350px;
}

#inhalt table tbody tr td {
	vertical-align:top;
	padding-right:20px;
}

#footer {
	background-color   : transparent;
	position           : absolute;
	z-index        	   : 6;
	margin-left        : 0;
	bottom			   : 60px;
	left			   : 80px;
	width              : 100%;
	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    : 'Michroma', 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             : 210px;
	margin-left     : -360px;
	width           : 800px; 
	height          : 50px;
}


#navigation a {
	font-family		: 'Michroma', sans-serif;
	color			: #717171;
	font-size		: 10px;
	line-height 	: 18px;
	font-weight		: normal;
	font-style	    : normal;
	letter-spacing	: 1px;
	text-decoration	: none;
	padding-right   : 25px;
}

#navigation a:hover {
	font-family			: 'Michroma', sans-serif;
	color				: #153c89;
	font-size			: 10px;
	line-height			: 18px;
	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 em {
	font-family			: 'Michroma', sans-serif;
	color				: #153c89;
	font-size			: 10px;
	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 table tbody tr td {
	text-align:left;
}

#navigation table tbody tr  {
	vertical-align:bottom;
}

#navigation table tbody tr td a img {
	border: none;
}

#navigation table tbody tr td a:hover img {
	border: none;
	padding-bottom		: 25px;
}



/* Formatierung Logo */

#box-logo  {
	background-color   : transparent;
	position           : absolute;
	z-index            : 6;
	margin-left        : 0px;
	top                : 20px;
	width              : 340px;
	height             : 167px;
	border             : none
}

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

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

/* Formatierung box */

#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			: #153c89;
	font-family		: 'Michroma', sans-serif;;
	font-size		: 25px;
	font-style		: normal;
    line-height		: 0;
	text-shadow		: 1px 1px 3px #67696a;
}

#box-grau-oben h2 {
	font-family		: 'Michroma', sans-serif;;
	color           : #153c89;
	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;
}