/* browserformat kill ***************************************************************/
body, a, p, img, br, ul, li, b, strong, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	border: 0px none;}	
	
/* format **********************************************************************/
body {
	background: #fff;
	color: #888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
.wrapper {
	width: 1000px;
	height: 800px;
	margin-left: 30px;}
.highlightColor {
	color: #FC4607;}
.contrastColor {
	color: #069;}
a:link, a:visited {
	color: #888;
	text-decoration: none;}
a:hover {
	text-decoration: none;}
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;}
p.strongText {
	line-height: 14px !important;}
	
/* content ********************************************************************/	
.main {
	float: left;
	width: 800px;}
	
/*header*/
.logo {
	padding-top: 50px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #000;
	font-size: 30px;
	font-weight: normal;
	color: #888;}

.headerlineFix {
	float: left;
	height: 101px;
	width: 20px;
	border-bottom: 1px solid #000;}
	
.headerImages {
	margin-bottom: 10px;}
.headerImage {
	float: left;
	width: 220px;
	height: 130px;
	margin-right: 20px;}

/* SITEMAP */
.sitemapLinks a:link, .sitemapLinks a:visited {
	color: #888;
	text-decoration: underline;}
.sitemapLinks a:hover {
	text-decoration: none;}

/*navigation =================================== */
#mainNav {
	margin-bottom: 20px;}
/*first*/
#mainNav ul li {
	float: left;
	list-style-type: none;
	position:relative;
	margin-right: 15px;}
/*main links*/
#mainNav ul a {
	display: block;
	color: #000;
	padding: 2px 5px;}
/*sub links*/
#mainNav ul li ul a {
	color: #fff;}	

/*sub verstecken*/
#mainNav ul li ul {
	display: none;
	position:absolute;}
/*sub öffnen*/
#mainNav ul li:hover ul {
	display:block;}	
/*sub offen*/
#mainNav ul li ul li {
	background: #666;
	width: 140px;
	border: 1px solid #fff;
	margin-bottom: -1px;}
#mainNav ul li ul li:hover {
	background: #069;
	width: 140px;}

.arrow {
	background: url(arrow.gif) no-repeat right;}

/*subsub verstecken*/
#mainNav ul li ul li ul li {
	display: none;}
/*subsub öffnen*/
#mainNav ul li ul li:hover ul li {
	display: block;
	z-index: 100;}	
/*sub offen*/
#mainNav ul li ul li ul li {
	background: #666;
	margin-left: 140px;
	position: relative;
	top: -20px;}

.activeMainNav {
	display: block;
	padding: 2px 5px;}
.activeSubNav {
	color: #999;
	display: block;
	padding: 2px 5px;}
.activeFooterNav {
	color: #888;
	display: block;
	margin: 0px 10px;}
	
/*main content ORIGINAL	*/
.mainContent {
	float: left;
	width: 470px;
	margin-right: 10px;
	text-align: justify;}
		
/*main content TEST */
.mainContent_new {
	float: left;
	width: 700px;
	margin-right: 10px;
	text-align: justify;}	
/*main content TEST ENDE*/
	
.mainContentWide {
	float: left;
	width: 700px;
	margin-right: 10px;
	text-align: justify;}	
.mainContentWide a:link, .mainContentWide a:visited {
	text-decoration: underline;}
.mainContentWide a:hover {
	text-decoration: none;
	color: #000;}

h2.firstHeading, h1 {
	font-size: 28px !important;
	font-weight: normal !important;
	text-align: left;}
h2 {
	font-size: 22px !important;
	font-weight: normal !important;
	text-align: left; !important}

	/*TEST*/
.h2_blue {
	font-size: 22px !important;
	font-weight: normal !important;
	text-align: left !important;
	color: #006699;}
/*TEST ENDE*/	

h3.firstSubHeading {
	color: #069 !important;
	font-size: 28px !important;
	font-weight: bold !important;
	padding-left: 140px;
	margin-bottom: 5px !important;}

.contentHeadline	{
	color: #888;
	font-size: 18px;
	font-weight: normal;
}
	
.contentColumnMargin {
	float: left;
	text-align: justify;
	width: 220px;
	margin-bottom: 20px;
	margin-right: 20px;}
.contentColumn {
	float: left;
	text-align: justify;
	width: 220px;
	margin-bottom: 20px;}


/*TEST*/	
.contentColumnLeft {
	float: left;
	text-align: justify;
	width: 220px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 20px;}
.contentColumnRight {
	float: right;
	text-align: justify;
	width: 220px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 20px;}
.contentColumnMiddle {
	float: left;
	text-align: justify;
	width: 220px;
	margin-top: 10px;
	margin-bottom: 20px;}

.dashed_line {
	border-top: dashed #888 1px;
	border-bottom: dashed #888 1px;
	padding-top: 2px;
	padding-bottom: 2px;}	
	
.head_space {
	margin-top: 10px;}
	
.pic_right {
	float: right;
	}
/*TEST ENDE*/	
	
	

.firstLetter {
	font-size: 52px;
	display: inline;
	float: left;
	padding-right: 8px;}

.mainContent h2, .mainContentWide h2 {
	font-size: 22px;
	font-weight: bold;}
.mainContent h3, .mainContentWide h3 {
	font-size: 12px;
	font-weight: bold;}
.mainContent h4, .mainContentWide h4 {
	font-size: 16px;
	font-weight: bold;}	
.mainContent p, .mainContentWide p {
	line-height: 16px;
	margin-bottom: 20px;}

.extraContent {
	float: left;
	width: 310px;}
.extraContentText {
	position: relative;
	top: -240px;
	left: 200px;
	width: 100px;}
.extraContentText2 {
	position: relative;
	top: -80px;
	left: 46px;
	width: 130px;
	color: #fff;}

.small {
	font-size: 10px;
	color: #999;}

a.textLink:link, a.textLink:visited {
	color: #069;
	text-decoration: underline;}
a.textLink:hover {
	color: #000;}
	
/* sidebar ********************************************************************/
.sidebar {
	float: left;
	width: 170px;}

.newsModul {
	width: 150px;
	background: #888;
	color: #fff;
	padding: 20px 10px;
	margin-bottom: 30px;}
.newsModul p {
	padding-bottom: 20px;}
.newsModul h3 {
	font-size: 16px;
	font-weight: bold;}	
.newsModulHeadline {
	font-size: 16px;
	font-weight: bold;}
	
a.newsModuleReadMore:link, a.newsModuleReadMore:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;}
a.newsModuleReadMore:hover {
	text-decoration: underline;}
	
a.newsModuleTextLink:link, a.newsModuleTextLink:visited {
	color: #fff;
	font-weight: normal;
	text-decoration: none;}
a.newsModuleTextLink:hover {
	text-decoration: underline;}	
	
.newsModuleReadMore {
	color: #fff;
	font-weight: bold;
	}

.highlightColorNewsModule {
	color: #FC4607;
	font-weight: bold;}
	
.dekorModul {
	border: 1px solid #888;
/*	padding: 16px 0px 11px 16px; */
	padding-top: 10px;
	padding-left: 10px;
	margin-bottom: 30px;}
.dekor {
	float: left;
	height: 40px;
	width: 40px;
	margin: 0px 12px 13px 0px;}

/* footer **************************************************************/
.footer {
	border-top: 1px solid #000;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 40px;}
.footerNav {
	margin-bottom: 30px;}
.footerNav ul {
	list-style-type: none;}
.footerNav li {
	float: left;}

a.footerNav:link, a.footerNav:visited {
	display: block;
	color: #888;
	font-size: 12px;
	text-decoration: underline;
	margin: 0px 10px;}
a.footerNav:hover {
	color: #000;
	text-decoration: none;}	



.buttonGFX {
	border: 1px solid #fff;
	background: #069;
	color: #fff;
	font-weight: bold;
	cursor: pointer;}	
	

	

/* TABS */
#page-wrap {
	width: 460px;
	text-align: justify;
	margin-bottom: 15px;}


.ui-tabs 							{ zoom: 1; }
.ui-tabs .ui-tabs-nav 				{ list-style: none; position: relative; padding: 2px 0px 0; overflow: hidden; 
									  top: 1px; z-index: 1000; }
.ui-tabs .ui-tabs-nav li 			{ position: relative; float: left; border: 1px solid #ccc; 
									  border-bottom-width: 0 !important; margin: 0 2px -1px 0; background: #ccc; }
.ui-tabs .ui-tabs-nav li a 			{ float: left; text-decoration: none; padding: 5px 10px; color: black; }
.ui-tabs .ui-tabs-nav 
li.ui-tabs-selected 				{ padding-bottom: 1px; border-bottom-width: 0; background: white; }
.ui-tabs .ui-tabs-nav 
li.ui-tabs-selected a, .ui-tabs 
.ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav 
li.ui-state-processing a 			{ cursor: text; }
.ui-tabs .ui-tabs-nav li a, 
.ui-tabs.ui-tabs-collapsible 
.ui-tabs-nav li.ui-tabs-selected a  { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel 			{ padding: 20px; display: block; border-width: 0; background: none; 
									  border: 1px solid #ccc; position: relative; min-height: 200px; }
.ui-tabs .ui-tabs-hide 				{ display: none !important; }




a.mover 							{ padding: 6px 12px; position: absolute;
								      color: #069; font-weight: bold; text-decoration: underline; }
.next-tab 							{ bottom: 0; right: 0; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
.prev-tab 							{ bottom: 0; left: 0; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }	
