body {
	background:url(../images/background.jpg) top left repeat-x #fff;
	font-family:Arial, Helvetica, sans-serif;
	/*overflow: -moz-scrollbars-vertical;*/
}

/*
* ~~~~~~~~~~~~~
* SCROLLING FIX - not included
* ~~~~~~~~~~~~~
*/
/*
#scrolling {
	font-size:1px;
	height:1px;
	position:absolute;
	width:1280px;
	left:50%;
	margin-left:-640px;
	top:0;
	z-index:1000;
}*/

/*
* ~~~~
* HEAD
* ~~~~
*/
#head {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/head-bg.jpg) top left no-repeat;
}
	/*
	* META NAVIGATION
	*/
	#meta {
		height:21px;
		float:right;
		clear:both;
		position:relative;
		z-index:100;
	}
		/* LIST */
		#meta ul {
			overflow:hidden;
			margin:5px 0 0 0;
		}
			#meta ul li{
				float:left;				
			}
				#meta ul li a {
					color:#666666;
					font-size:11px;
					text-decoration:none;
				}
				#meta ul li a:hover {
					text-decoration:underline;
				}
			
			/* ICONS */
			#meta ul li a.icon {
				width:22px;
				height:17px;
				border:none;	
				display:block;
				text-indent:-9999em;
				background-position:3px 3px;
				background-repeat: no-repeat;
			}
			#meta ul li a.icon.de {
				background-image:url(../images/de.gif);
			}
			#meta ul li a.icon.en {
				background-image:url(../images/en.gif);
				margin:0 10px 0 0;
			}
			#meta ul li a.icon.selected {
				border:1px solid #666666;
				width:20px;
				height:15px;
				background-position:2px 2px;
			}
			
			#meta ul li.contact-area {
				width:120px;
			}
				
	
	/*
	* MAIN NAVIGATION
	*/
	#navigation {
		margin:-15px 0 0 0;
		*margin:6px 0 0 0;
		height:96px;
		float:left;
		clear:both;
	}
		/* LIST */
		#navigation ul {
			overflow:hidden;
			margin:0;
			height:96px;
			width:auto;
		}
			#navigation ul li{
				height:96px;
				padding:0;
				float:left;
				margin:0;			
			}
			
			
				#navigation ul li a{					
					padding:0 11px 0 0;
					color:#666;
					font-size:13px;
					font-weight:bold;
					text-transform:uppercase;
					text-decoration:none;
					display:block;					
					background:url(../images/nav-right.png) right 0px no-repeat;
					overflow:hidden;
					margin:61px -2px 0 -2px;
					float:left;
					height:37px;
				}
					#navigation ul li a span {
						padding:12px 0 12px 11px;
						background:url(../images/nav-left.png) left 0px no-repeat;
						height:11px;
						display:block;
						cursor:pointer;
					}

				#navigation ul li a#link-index {
					background:url("../images/logo-bg.png") no-repeat scroll left top transparent !important;
					cursor:pointer;
					float:left;
					height:76px;
					margin:0 2px 0 4px !important;
					padding:10px 11px;
					width:176px;
				}
					#navigation ul li a#link-index span {
						background:none;
						padding:0;
						height:auto;
					}
				#navigation ul li a#link-index em {
					display:none;
				}
				
				
				#navigation ul li.selected a{
					background:url(../images/nav-right.png) right -74px no-repeat;
				}
					#navigation ul li.selected a span{
						background:url(../images/nav-left.png) left -74px no-repeat ;
						color:#fff;
					}
				
				/*#navigation ul li a span em{
					text-indent:-9999em;
					background:url(../images/home_lo.gif) top left no-repeat;
					width:16px;
					height:14px;
					display:block;
					cursor:pointer;
				}*/

				/*#navigation ul li.selected a span em {
					background:url(../images/home_hi.gif) top left no-repeat;
				}*/
				
				#navigation ul li a#link-index:hover {
					background:url(../images/nav-bg-lo.jpg) bottom left repeat-x #fff;
				}
				
				#navigation ul li a:hover {
					background:url(../images/nav-right.png) right -37px no-repeat;
				}
					#navigation ul li a:hover span {
						background:url(../images/nav-left.png) left -37px no-repeat;
					}
				
				#navigation ul li.selected a:hover{
					background:url(../images/nav-right.png) right -74px no-repeat;
				}
					#navigation ul li.selected a:hover span{
						background:url(../images/nav-left.png) left -74px no-repeat ;
						color:#fae5b8;
					}
/*
* ~~~~
* Flash
* ~~~~
*/
#flash, #fallback-banner {
	height:270px;
	width:100%;	
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}

#fallback-banner {
	background:url(../images/scribbleRealBilder.jpg) top center no-repeat;
}
#get-flash{
	/*background:url(../images/no-flash-bg.jpg) bottom left repeat-x #056eab;*/
	background:#F8B321;
	margin:10px auto;
	padding:5px;
	text-align:left;
	width:680px;
	font-size:12px;
	overflow:hidden;
	color:#fff;
	border:1px solid #FAA527;
}
	
	#get-flash p {	
		float:left;
		line-height:18px;
	}
	#get-flash a {	
		float:right;
	}

.bgFlash {
	/*background-image:url(gfx/scribble.gif);
	background-repeat: no-repeat;
	background-position: center top;
	*/
	height: 330px;
	width: 100%;
}
.flashBox {
	margin: 0px auto;
	width: 1280px;
	text-align:left;
	position: relative;
	left:50%;
	margin-left:-640px;
	padding: 0px;	
}

/*
* ~~~~
* Main
* ~~~~
*/
#main {
	width:1000px;
	overflow:hidden;
	margin:0 auto;
	font-size:12px;
	line-height:18px;

}
body.pagetype-75-25 #left {
	display:none;
}
body.pagetype-25-50-25 #left {
	width:198px;
	float:left;
	position:relative;
	margin:0;
	padding:0;
	z-index:5;
}
	#subNav {
		overflow:hidden;
	}
	.box {
		width:198px;
		background:url(../images/sub_nav_bg.png) top left repeat-y;
	}
	#right .box {
		text-align:center;
	}
	
	.footer,
	.header {
		width:198px;
		height:6px;
		margin:0;
		padding:0;
		z-index:5;
	}
	
	.footer {
		background:url(../images/sub_nav_footer.png) top left no-repeat;
	}
	
	.header {
		background:url(../images/sub_nav_header.png) top left no-repeat;
	}
	
	
	/* KATEGORIEN */
	/* 1st lvl */
	ul#categories {	
		overflow:hidden;
		margin:5px 4px 0px 4px;
		
	}
	
		ul#categories li a {
			color:#000;
			padding:6px 0 5px 15px;			
			text-decoration:none;
			display:block;
			border-top:1px solid #f7f7f7;		
			border-bottom:1px solid #eaeaea;
		}
		ul#categories li.entwicklung a,
		ul#categories li.development a {
			font-weight:bold;
			font-size:12px;
			color:#FAA527;
		}
		ul#categories li a:hover{
			color:#666;
			background:#f2f2f2;
		}
		ul#categories li a.selected {
			background:#f8b321;
			color:#fff;
			border:none;
		}
		ul#categories li.last a {
			border-bottom:none;
		}

		
		#category-parent {
			font-family:Arial, Helvetica, sans-serif;
			font-size:15px;
			color:#666;
		}
		
		ul li#category-parent a { border-top: 0px !important; color:#666;}
		
		/* 2nd lvl */
		
		ul#categories li ul.subs {	
			display:none;
		}
		ul#categories li.selected ul.subs {	
			display:block;
			overflow:hidden;
			margin:0;
			border:none;
		}
		
			ul#categories li.selected ul.subs li a {
				background:url(../images/arrow_grey.gif) 15px 9px no-repeat;
				font-size:11px;
				color:#000;
				padding:7px 0 7px 25px;
				text-decoration:none;
				display:block;
				border:none;
			}
			ul#categories li.selected ul.subs li a:hover,
			ul#categories li.selected ul.subs li.selected a {
				background:url(../images/arrow_blue.gif) 15px 9px no-repeat;
				color:#19479d;
				border:none;
			}
			
					
			ul#categories li.last ul.subs li.last a {
				border-bottom:none;
			}
			ul#categories li ul.subs li.last a {
				border-bottom:1px solid #eaeaea;
			}

#right {
	width:198px;
	float:right;
	position:relative;
	margin:0 0 -5px 0;
	padding:20px 0 0 0;
	z-index:3;
}
#content {
	width:auto;
	min-height:400px;
	height:auto !important;
	height:400px;
	z-index:1 !important;
	position:relative;
	padding:0 15px;
}

body.pagetype-25-50-25 #content {
	margin:0 200px;	
	background:url(../images/content_bg.png) top left repeat-y;
}

body.pagetype-75-25 #content {
	margin:0 200px 0 0;	
	background:url(../images/content_big_bg.png) top left repeat-y;
}

.shadow {	
	background:url(../images/shadow.gif) top left repeat-x;
	height:9px;
}

#left .shadow {	
	margin:0 4px 10px 4px;
}

#content .shadow {	
	margin:0 -11px 10px -11px;
}

#content a.link {
	color:#000;
	background:url(../images/arrow_black.gif) 0px 4px no-repeat;
	padding:0 0 0 9px;
	text-decoration:underline;
}
	#content a.right.link{	
		margin:0;
		background-position:0px 6px;
	}
#content h2 a.link {
	background-position:0px 6px;
	padding:0 0 0 10px;
}
#content a.link:hover {
	color:#19479D;
	background-image:url(../images/arrow_blue.gif);
	text-decoration:none;
}
#content h2 a.link {
	background-position:0px 6px;
	padding:0 0 0 10px;
}

/* NEXT BTN */
a.nextBtn {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
	color:#fff;
	background:url(../images/meregio-button.gif) top right no-repeat;
	padding:10px 30px 10px 10px;
	height:20px;
	line-height:19px;
	text-decoration:none;
	display:inline-block;
}
a.nextBtn:hover {
	background-position:right -40px;
	color:#666;
}


#content #footer {
	margin: 10px -15px 30px -15px;
	height:6px;
	overflow:hidden;
	clear:both;
}
	body.pagetype-25-50-25 #content #footer {	
		background:url(../images/footer.jpg) top left no-repeat;	
	}
	body.pagetype-75-25 #content #footer {	
		background:url(../images/footer_big.jpg) top left no-repeat;	
	}		

/* Image Container */
.image-container{
	border:1px solid #f8b321;
	padding:2px;
	float:right;
	width:300px;
	height:180px;
	margin:0 0 0 10px;
	position:relative;
}
	.image-container .title {
		position:absolute;
		bottom:5px;
		left:2px;
	}
		.image-container .title p {
			background:#f8b321;
			display:inline;
			font-size:16px;
			font-weight:bold;
			margin:0;
			padding:4px 0;
			z-index:1;
			color:#fff !important;
			line-height:30px;
		}
		.image-container .title a {
			color:#fff;
			text-decoration:none;
			border-bottom:1px solid #fff;
		}
	

.extra-box {	
	background:#fefefe;
	border:1px solid #e8e8e8;
	padding:10px;
	width:160px;
	float:right;
	margin:0 15px 0 10px;
}
.extra-box p {

}
.extra-box ul {
	overflow:hidden;
}
	.extra-box ul li {
		margin:5px 0;
	}
	
	.extra-box ul li a {
		background:url(../images/arrow_black.gif) 0px 5px no-repeat;
		padding:0;
		color:#000;
		text-decoration:none;
		display:block;
	}
	 .extra-box ul li a:hover {
	 	text-decoration:underline;
		color:#19479D;
		background:url(../images/arrow_blue.gif) 0px 5px no-repeat;
	 }
	 	.extra-box ul li a span {
			margin:0 0 0 10px;
			display:block;
		}
	 
	/* QUICKLINKS */
	.quicklinks {
		float:right;
		width:260px;
		margin:0 15px 5px 10px;
	}
	.quicklinks .extra-box {
		width:240px;
		float:none;
		margin:0 0 10px;
	}

/* GEWINNER */
.winners {
	margin:0 0 0 20px;
}
	

/* AKTUELLES / TAGEBUCH Tabs */
#right .tabs {
	width:198px;
	
	background:url(../images/sub_nav_footer.png) bottom left no-repeat;
	padding:0 0 6px 0;
}
#right .tabs .tab-content {
	background:url(../images/tabs_bg.png) top left repeat-y;
	padding:0 4px;
}
#right .tabs ul {
	overflow:hidden;
	margin:0;
}

#right .tabs ul li.left{
	float:left;
}
#right .tabs ul li.right{
	float:right;
}


#right .tabs ul li{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:5px 0 6px 10px;
	width:82px;
	display:block;
	cursor:pointer;
}
#right .tabs ul li.aktuelles {
	color:#fff;
	background:#f8b321;
	border-right:1px solid #faa527;
	border-left:1px solid #faa527;
	border-top:1px solid #faa527;
	font-weight:bold;
}

#right .tabs ul li.tagebuch {
	color:#666666;
	background:#FEFEFE;
	border-right:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	border-top:1px solid #e8e8e8;
	font-weight:bold;
}
#right .tabs .tabbody {
	position:relative;
}
#left-tab {
	height:93px;
	background:#f8b321;
	border-right:1px solid #faa527;
	border-left:1px solid #faa527;
	border-bottom:1px solid #faa527;
	color:white;
}
	#right .tabs .tabbody.left-tab .border-fix {
		float:right;
		width:95px;
		height:1px;
		background:#0f397e;
	}
#right-tab {
	height:93px;
	/*background:url(../images/tagebuch_tab_content.jpg) repeat-x top left;*/
	background:#FEFEFE;
	border-right:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
}
#right .tabs .tabbody.right-tab .borderd-fix {
		float:left;
		width:95px;
		height:1px;
		background:#febf05;
	}

#right .tabs .tabbody p {
	margin:5px 10px;
	float:left;
	font-size:11px;
	line-height:16px;
	*float:none;
}
	#right .tabs .tabbody.left-tab p {
		color:#fff;
	}
	#right .tabs .tabbody.right-tab p {
		color:#000;
	}

#right .tabs .tabbody a.link{
	color:#fff;
	padding:0;
}
	#right .tabs #right-tab.tabbody a.link {
		color:#000;
	}
#right .tabs .tabbody a.link:hover{
	text-decoration:none;
}


/* SPONSORS */
#right #sponsors .box .block {
	padding:0;
}
.sponsors 	{
	width:198px;
	margin:0;
	padding:0;
} 

/* VERWEIS ZU MEREGIO MOBIL */
#to-meregio-mobil {
	margin:30px 0 0 0;
	font-size:11px;
}

/* VERWEIS ZU IMPLUSGEBER */
#impulse-generator{
	margin:0;
	height:206px;
	font-size:11px;
	background:url(../images/impluse-bg.png) top left no-repeat;
	position:relative;
}
body.en #impulse-generator {
	background:url(../images/impluse-bg_en.png) top left no-repeat;
}
	#impulse-generator p {
		left:75px;
		position:absolute;
		top:56px;
		width:110px;
	}
	#impulse-generator a {
		right:15px;
		position:absolute;
		bottom:15px;
		width:17px;
		height:20px;
	}
	 
/*
* ~~~~
* Styles
* ~~~~
*/
#content .block {
	display:block;
	margin:0 0 5px 0;
	overflow:hidden;
}
	#content .news,
	#content .partner {
		border-bottom:1px dotted #ccc;
		margin-bottom:15px;
		padding:0 0 15px 0;
	}
		#content .partner.last {
			border:none;
			margin-bottom:none;
			padding:0;
		}
		#content .news .news-text {	
			float:left;
			display:block;
			width:516px;
			
		}
		#content .pm .news-text {
			background:#f1f1f1;
		}
.box .block {
	margin:0 4px;
	padding:7px;
	overflow:hidden;
}

#content h1 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#faa527;
	line-height:30px;
	margin:0 0 20px 0;
}
#content h2 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
	margin:10px 0;
	font-weight:bold;

}
	#content .news h2 {
		margin: 0 0 10px 0;
		padding:0 6px;
	}
		#content .pm h2 {
			margin:10px 0;
		}
		#content .news h4 {
			font-size:11px;
			font-weight:bold;
			color:#666;
			padding:3px 6px;
			border-bottom:1px solid #fff;
		}

.extra-box h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#666;
	margin:0 0 10px 0;
}

#content .winners .block h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	margin:0 0 3px 0;
}
#content strong {
	font-weight:bold;
}

#content p {	
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0;
}
	#content .block p.read-more {
		overflow:hidden;
		text-align:right;
	}
	#content .orange p,
	#content p.orange {
		color:#fa8b1d;
	}
	#content .news p {	
		color:#333;
		font-family:Arial, Helvetica, sans-serif;
		margin:6px 0;
		padding:0 6px;		
	}
	#content .news p.right {
		float:none;
		text-align:right;
		border-top:1px solid #fff;
		padding:3px 6px;
		margin:0;
	}
	#content .winners .block p {
		margin:0 0 15px 0;
	}
#content .block img.right {
	float:right;
	margin:6px 0 15px 15px;
}

#content .block img.left {
	float:left;
	margin:6px 15px 10px 0;
}

#content .left{	
	float:left;
	margin:0px 20px 10px 0 ;
}
#content .right{	
	float:right;
	margin:0px 0 10px 20px;
}

.clear-left {
	clear:left;
}

/* Kombinationen */

p + h2 {
	margin-top:20px !important;
}

/* TAGEBUCH */
.date {	
	width:44px;
	height:70px;
	float:left;
	margin: 0 10px 10px 0;
	background:#f8b321;
}
.pm .date {
	background:#999;
}
	.date-day {
		width:44px;
		text-align:center;
		font-size:18px;
		height:auto;
		font-weight:bold;
		color:#fff;
		margin:8px 0 4px 0;
	}
	.date-month,
	.date-year {
		color:#fff;
		font-size:11px;
		font-weight:normal;
		height:14px;
		text-align:center;
		width:44px;
		margin:2px 0;
	}

/* LIGHTBOX */
div.left.gallery, div.right.gallery,
a.gallery {
	border:1px solid #ECF4F9;
	padding:2px;
	overflow:hidden;
	display:block;
}
	.group a.gallery {
		float:left;
		margin:0 8px 8px 0;
	}
	.group a.last {
		margin-right:0;
	}
div.left.horizon {
	margin-top:13px !important;
}
a.lightbox	{
	display:block;
	float:left;
}

/* LOGOS */
#right .box .block img.left {
	float:left;
}

#right .box .block img.right {
	float:right;
}
#right #sponsors .box .block img.left {
	margin:7px 0 7px 7px;
}
#right #sponsors .box .block img.right {
	margin:7px 7px 7px 0;
}

/* scribble arrow */
.scribble-arrow {
	position:absolute;
	bottom: 5px;
	right: 5px;
	height:130px;
	width:64px;
	background:url(../images/scribble_arrow.gif) top left no-repeat;}


#content .block p.footnote {	
	font-size: 80%;
	line-height: 13px;
}

/* EXTRA THUMBNALS */
#cockpit-position {
	position:relative;
	float:right;
	width:180px;
	height:130px;
}
	#cockpit-position a {
		position:absolute;
	}


/* MAP */
.map {
	position:relative;
}
	
	/* Impulsgeber */
	.map a {
		position:absolute;
		display:block;
		text-decoration:none;
	}
		.map a span {
			display:none;
			position:absolute;
			width:330px;
			background:#F8B321;
			color:#fff;
			padding:5px;
			border:1px solid #FAA527;	
		}
		.map a:hover {
			border:1px solid #FAA527;
		}
		.map a:hover span {
			display:block;					
		}
		
			.map a span big {
				display:block;
				font-weight:bold;
				margin:0 0 5px 0;
				font-size:14px;
			}
			.map a span small {
				display:block;
			}
		
	a#stromampel {
		width:100px;
		height:110px;
		top:0;
		left:285px;
	}
		a#stromampel span {
			top: 110px;
			left: -130px;
		}
	a#intelligente-geraete {
		height:130px;
		right:9px;
		top:102px;
		width:120px;
	}
		a#intelligente-geraete span {
			right:120px;
			top:-1px;
		}
	a#dezentrale-erzeuger {
		height:115px;
		right:52px;
		top:287px;
		width:120px;
	}
		a#dezentrale-erzeuger span {
			right:120px;
			top:-1px;
		}
	a#steuernde-erzeuger {
		bottom:32px;
		height:130px;
		left:172px;
		width:140px;
	}
		a#steuernde-erzeuger span {
			right:-100px;
			bottom:130px;
		}
	a#speichernde-verbraucher {
		height:115px;
		left:5px;
		top:185px;
		width:105px;
	}
		a#speichernde-verbraucher span {
			left:105px;
			top:-1px;
		}
	a#speichernde-erzeuger {
		height:140px;
		left:65px;
		top:12px;
		width:140px;
	}
		a#speichernde-erzeuger span {
			top: 90px;
			left: 140px;
		}