/* 
	Euler Hermes
	-----------------------------------------------------------------------------------------------------------------------------
	Author: Lars Brinkmann | http://comtec-studios.de
	v 12/11/2009
	-----------------------------------------------------------------------------------------------------------------------------
*/

/* 	Reset CSS
	----------------------------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body 	{ line-height: 1; padding: 0 20px 0 20px; overflow-y: scroll; }
ol, ul 	{ list-style: none; }
table 	{ border-collapse: collapse; border-spacing: 0; }
img 	{ border: none; }

.clear	{ clear: left; }

.totop		{ text-align: right; }
.totopfl	{ text-align: right; margin-right: 10px; }

.images	{ float: right; margin-left: 20px; }
.images img { margin-bottom: 5px; }

/* 	Layout
	----------------------------------------------------------------------------------------------------------------------------- */
	
	/* wrapper for the page; center page on screen, set min/max-width, set colors */
	.wrapThePage		{ 	width: 965px; /* margin: 10px auto 40px auto; */ margin: 10px auto 40px 40px; 
							background: rgb(225,224,212); border: 1px solid rgb(167,166,143); }
						
	.wrapPageHeader		{	background: rgb(255,255,255); width: 100%; }
	
	.wrapMainNavigation	{	background: rgb(33,75,115) url(../images/bgmnv.gif) repeat-y; padding: 0; margin: 0; }
	
	.wrapBody			{	}
	
	.wrapVisual			{	margin-left: 19px; margin-top: 19px; }

	.wrapInnerBody		{	width: 946px; margin-left: 19px; background: url(../images/bgpage.jpg) repeat-y; position: relative; }
	
	.wrapLeft			{	width: 302px; float: left; }
	.wrapRight			{	width: 644px; float: left; padding-bottom: 6em; }
	.wrapFooter			{	background: rgb(255,255,255); position: absolute; bottom: 0; left: 302px; width: 644px; }





/* 	Typographie
	----------------------------------------------------------------------------------------------------------------------------- */
	body	{ 	font-family: Arial, Helvetica, sans-serif; 
				font-size: 62.5% /* 16px × 62.5% = 10px */ }

	
	h1 			{ font-size: 1.6em; /* 10px × 1.6em = 16px */ text-transform: uppercase; color: rgb(24,45,80); }
	h2 			{ font-size: 1.4em; /* 10px × 1.6em = 16px */ text-transform: uppercase; color: rgb(24,45,80); }	
	p, .innerRight ul, dl		{ font-size: 1.3em; /* 10px × 1.3em = 13px */ line-height: 1.5em; }
	a			{ color: rgb(33,75,115); }
	a:hover		{ color: rgb(0,0,0); }
	
	.partner	{ background: rgb(212,214,216); font-size: 0.7em; text-transform: uppercase; }
	
	/* Anker für Sprungmarken */
	.sprungmarke		{ color: rgb(24,45,80); text-decoration: none; }
	.sprungmarke:hover	{ color: rgb(24,45,80); text-decoration: none; }
	
	/* Hauptnavigation */
	.mnv 		{ font-size: 1.2em; text-transform: uppercase; }

	/* Chronik */
	dl			{ margin-top: 40px; }
	dt			{ font-size: 24px; font-weight: bold; color: rgb(16,67,112); }
	dd			{ margin-bottom: 5px; margin-left: 25px; margin-top: 5px; border-left: 1px solid rgb(16,67,112); padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }
	dd br		{ margin-bottom: 20px; }
	

/* 	Margins
	----------------------------------------------------------------------------------------------------------------------------- */
	h1.mehrAbstand { margin-bottom: 30px; }
	h1			{	margin-bottom: 15px; }
	h2, p		{ 	margin-bottom: 15px; }	
	
	.innerRight ul	{ 	margin-left: 25px; margin-bottom: 15px; list-style-type: disc; }

	.partner	{	margin-bottom: 15px; padding-left: 3px; text-align: left; line-height: 100%; }


/* 	Main-Navigation
	----------------------------------------------------------------------------------------------------------------------------- */

	.wrapHomeButton		{ 	width: 124px; float: left; background: transparent; }
	.wrapHomeButton .mnv li	{	margin-left: 25px; }
	.wrapNavigationList	{	width: 839px; float: left; background: transparent; }
	
	ul.mnv 				{	padding: 10px 0 10px 0; }
	.mnv li				{	display: inline; margin-left: 13px; margin-right: 13px; }
	.mnv li.first		{	margin-left: 25px; }
	.mnv li.last		{	margin-right: 0; }
	
	.mnv a				{ 	font-weight: bold; text-decoration: none; color: rgb(225,224,212);}	
	.mnv a:hover		{	color: rgb(255,255,255); }
	.mnv a.active		{	color: rgb(255,255,255); }
	

/* 	Subnavigation in der linken Spalte
	----------------------------------------------------------------------------------------------------------------------------- */
	.snv 				{	margin-bottom: 90px; }
	.snv ul				{ 	border-top: 1px solid rgb(181,191,198); margin-top: 90px; padding-top: 20px; padding-bottom: 30px; background: url(../images/bgsnvul.gif) bottom no-repeat; }
	.snv a				{	/* color: rgb(195,193,169); */ color: #9a9988; text-transform: uppercase; font-size: 1.3em; text-decoration: none; font-weight: bold; background: url(../images/bgsnv.gif) 0 3px no-repeat; padding-left: 30px; }
	.snv a:hover		{	color: rgb(139,157,172); background: url(../images/bgsnvhv.gif) 0 3px no-repeat; }
	.snv li				{	margin-bottom: 20px; }
	.snv a.active		{	color: rgb(139,157,172); background: url(../images/bgsnvhv.gif) 0 3px no-repeat; }


/* 	Quick-Navigation below content
	----------------------------------------------------------------------------------------------------------------------------- */
	.qnv a				{	color: rgb(195,193,169); text-transform: uppercase; font-size: 1em; text-decoration: none; background: url(../images/bgqnv.gif) 0 4px no-repeat; padding-left: 20px; }
	.qnv a:hover		{	color: rgb(0,0,0); }
	.qnv li				{	margin-bottom: 10px; }
	.qnv a.active		{	color: rgb(0,0,0); }
	
	
	


/* 	Footer
	----------------------------------------------------------------------------------------------------------------------------- */
	.innerFooter		{	padding: 15px 25px 25px 25px; }


/* 	Partner
	----------------------------------------------------------------------------------------------------------------------------- */
	.wrapPartner		{	float: right; width: 400px; text-align: right; }
	.wrapPartner td		{ 	vertical-align: top; }
	



/* 	Rechte Spalte
	----------------------------------------------------------------------------------------------------------------------------- */
	.innerRight			{	padding: 25px; }
	
	



#slider {
    width: 594px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 250px; height: 100%;
    width: 590px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #f2f3ee;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 210px; height: 100%;
    width: 570px;
}



.hide {
    display: none;
}