/*
 * globale Angaben
 */

*
{
	margin:					0;
	padding:				0;
}

body
{
	background:				#FFF;
	color:					#000;
	margin:					0;
	padding:				0;
}





/*
 * Rahmen der Webseite
 */

#page
{
	margin:					0;
	position:				relative;
	text-align:				left;
	width:					1000px;
}





/*
 * Logo
 */

#logo
{
	left:					5px;
	position:				absolute;
	top:					25px;
}

#logo a
{
	text-decoration:		none;
}

#logo img
{
	border:					none;
}





/*
 * Hinweise zur Webseite (Impressum / Sprache)
 */

#imprint
{
	left:					300px;
	padding:				7px 0;
	position:				absolute;
	text-align:				right;
	top:					5px;
	width:					700px;
}

#imprint span.language
{
	padding:				0 20px 0 0;
}

#imprint a
{
	color:					rgb(136,136,136);
	font:					normal 10px Arial;
	text-decoration:		none;
}

#imprint a:hover
{
	text-decoration:		underline;
}





/*
 * Navigation
 */

#navi
{
	left:					93px;
	list-style-type:		none;
	position:				absolute;
	top:					140px;
}

#navi li
{
	border-bottom:			1px solid rgb(218,218,218);
	color:					rgb(136,136,136);
	font:					normal 9px/9px Arial;
	list-style-type:		none;
	padding:				8px 0 7px 0;
	text-transform:			uppercase;
	width:					121px;
}

#navi li.press
{
	border-bottom:			none;
}

#navi li a
{
	color:					rgb(136,136,136);
	font-weight:			bold;
	text-decoration:		none;
}

#navi li a:hover
{
	text-decoration:		underline;
}

#navi li ul
{
	margin:					8px 0 0 0;
}

#navi li ul li
{
	border-top:				1px solid rgb(218,218,218);
	border-bottom:			none;
	padding:				8px 0 7px 10px;
	width:					auto;
}

#navi li ul li.last
{
	padding:				8px 0 0 10px;
}

#navi li a.active
{
	color:					rgb(26,53,83);
}




#main
{
	overflow:				hidden;
	left:					300px;
	position:				absolute;
	top:					38px;
	width:					700px;
}

#main h1
{
	color:					rgb(26,53,83);
	font:					bold 24px Verdana;
	margin:					0 0 19px 0;
}

#main h2
{
	color:					rgb(26,53,83);
	font:					bold 13px/19px Arial;
	margin:					19px 0 10px 58px;
	text-transform:			none;
	width:					475px;
}

#main h3
{
	color:					rgb(26,53,83);
	font:					bold 12px/19px Arial;
	margin:					29px 0 10px 58px;
}

#main p
{
	color:					#000;
	font:					normal 12px/19px Arial;
	margin:					0 0 10px 58px;
	width:					500px;
}

#main p.contact
{
	margin:					0 0 24px 58px;
	width:					635px;
}

#main strong
{
	color:					rgb(26,53,83);
	font-weight:			bold;
}

#main a,
#main a.extern
{
	color:					rgb(136,136,136);
	font:					bold 10px Arial;
	text-decoration:		none;
}

#main a.normal
{
	color:					#000;
	font:					normal 12px/19px Arial;
}

#main a:hover
{
	text-decoration:		underline;
}

#main .button
{
	clear:					left;
	margin:					20px 0 0 58px;
}

#main .button input
{
	background:				rgb(221,221,221);
	border:					1px solid rgb(26,53,83);
	color:					rgb(26,53,83);
	cursor:					pointer;
	font:					bold 12px/12px Arial;
	padding:				5px 12px;
}

#main ol
{
	color:					#000;
	font:					normal 12px/19px Arial;
	margin:					0 0 10px 58px;
	width:					475px;
}

#main ol li
{
	color:					#000;
	font:					normal 12px/19px Arial;
	margin:					0 0 10px 15px;
}

#main ol li strong
{
	color:					#000;
}

#theme
{
	border:					1px solid rgb(218,218,218);
	display:				block;
	margin:					0 0 16px 0;
}

#slogan
{
	display:				block;
	margin:					0 0 38px 0;
}




/*
 * Videoplayer
 */

#fallback
{
	display:				block;
	height:					268px;
	margin:					0 0 16px 0;
	position:				relative;
	text-align:				left;
	width:					698px;
}

#fallback #video
{
	display:				none;
	margin-left:			58px;
}

#fallback #videoplayer,
#fallbackpopup #videoplayer
{
	border:					1px solid rgb(218,218,218);
}

#fallback #theme
{
	display:				block;
}

#fallback #playButton
{
	cursor:					pointer;
	left:					310px;
	position:				absolute;
	top:					90px;
}


/*
 * Videoplayer im Popup
 */

#fallbackpopup
{
	display:				block;
	margin:					0;
	position:				relative;
	text-align:				left;
}




#content
{
	float:					right;
	margin:					0 0 50px 0;
	width:					475px;
}

#content h2
{
	color:					rgb(26,53,83);
	font:					bold 12px/19px Arial;
	margin:					0 0 10px 0;
	text-transform:			none;
}

#content h3
{
	color:					rgb(26,53,83);
	font:					bold 12px/19px Arial;
	margin:					29px 0 10px 0;
}

#content p
{
	color:					#000;b
	font:					normal 12px/19px Arial;
	margin:					0 0 10px 0;
	width:					475px;
}

#content p a,
#main p a
{
	color:					#000;
	font:					normal 12px Arial;
	text-decoration:		underline;
}

#content a:hover
{
	text-decoration:		underline;
}







/*
 * News in Sidebar
 */

#main #sidebar_news
{
	width:					140px;
}

#main #sidebar_news h2
{
	border-bottom:			1px solid rgb(136,136,136);
	color:					rgb(136,136,136);
	font:					normal 9px Arial;
	margin:					0 0 16px 0;
	padding:				0 0 4px 0;
	text-transform:			uppercase;
	width:					auto;
}

#main #sidebar_news ul
{
	list-style-type:		none;
}

#main #sidebar_news ul li
{
	list-style-type:		none;
	margin:					0 0 16px 0;
}

#main #sidebar_news ul li small
{
	color:					rgb(136,136,136);
	display:				block;
	font:					normal 9px Arial;
	margin:					0 0 9px 0;
}

#main #sidebar_news ul li h3
{
	color:					#000;
	font:					bold 11px Arial;
	margin:					0 0 1px 0;
	text-transform:			uppercase;
}

#main #sidebar_news ul li p
{
	font:					normal 10px/15px Arial;
	margin:					0 0 5px 0;
	width:					auto;
}

#main #sidebar_news ul li a
{
	color:					rgb(136,136,136);
	text-decoration:		none;
}




/*
 * Initiativen
 */

#main .initiatives
{
	float:					left;
	margin:					0 0 20px 58px;
	width:					272px;
}

#main .initiatives h2
{
	color:					rgb(26,53,83);
	font:					bold 12px Arial;
	margin:					0 0 22px 0;
	text-transform:			uppercase;
}

#main .initiatives ul
{
	list-style-type:		none;
	width:					200px;
}

#main .initiatives ul li
{
	list-style-type:		none;
}

#main .initiatives ul li h3
{
	color:					#000;
	font:					normal 12px/19px Arial;
	margin:					0 0 9px 0;
}

#main .initiatives ul li p
{
	margin:					0 0 23px 0;
}





/*
 * News
 */

#main ul#news
{
	list-style-type:		none;
	margin:					30px 0 20px 58px;
}

#main ul#news li
{
	list-style-type:		none;
	margin:					18px 0 10px 0;
}

#main ul#news li small
{
	color:					rgb(136,136,136);
	display:				block;
	font:					normal 9px Arial;
	margin:					0 0 6px 0;
}

#main ul#news li h2
{
	color:					rgb(26,53,83);
	font:					bold 12px Arial;
	margin:					0 0 16px 0;
	text-transform:			uppercase;
}

#main ul#news li p 
{
	margin:					0 0 9px 0;
}




/*
 * Referenzen
 */

#main ul#references
{
	list-style-type:		none;
	margin:					0 0 20px 58px;
}

#main ul#references li
{
	list-style-type:		none;
	margin:					0 0 47px 0;
}

#main ul#references li p 
{
	margin:					0;
}

#main ul#references li p img
{
	height:					50px;
	margin:					0 23px 0 0;
	width:					90px;
}

#main ul#references li p a
{
	color:					#000;
	font:					normal 12px/19px Arial;
}

#main ul#references li p a:hover
{
	text-decoration:		none;
}





/*
 * Fusszeile
 */

#footer
{
	border-top:				1px solid rgb(136,136,136);
	clear:					both;
	margin:					30px 0 0 0;
	padding:				4px 0 50px 0;
}

#footer p
{
	color:					rgb(136,136,136);
	font:					normal 10px Arial;
	margin:					0;
	text-align:				center;
	width:					auto;
}

#footer p a
{
	color:					rgb(136,136,136);
	font:					normal 10px Arial;
	text-decoration:		none;
}




/*
 * Kontaktformular
 */

#main div#contactform
{
	float:					left;
	margin:					0 0 0 58px;
	width:					330px;
}

#main div#contactform fieldset
{
	border:					none;
	margin:					0 16px 14px 0;
}

#main div#contactform fieldset label
{
	display:				block;
	font:					normal 12px Arial;
	margin:					0 0 5px 0;
}

#main div#contactform fieldset input
{
	border:					1px solid rgb(135,135,135);
	padding:				3px 0;
	width:					315px;
}

#main div#contactform fieldset textarea
{
	border:					1px solid rgb(135,135,135);
	height:					70px;
	padding:				2px 0;
	width:					315px;
}





/*
 * Kontaktdaten
 */

#main div#contactdata
{
	border-left:			1px solid rgb(135,135,135);
	float:					left;
	width:					300px;
}

#main div#contactdata p
{
	font:					normal 12px Arial;	
	margin:					0 0 32px 16px;
}

#main div#contactdata div.box
{
	background:				rgb(221,221,221);
	border:					1px solid rgb(26,53,83);
	margin:					9px 0 0 16px;
}

#main div#contactdata div.box p
{
	color:					rgb(26,53,83);
	font:					bold 12px/19px Arial;
	margin:					12px 45px;
}

#main div#contactdata div.box p a
{
	color:					rgb(26,53,83);
	font-weight:			bold;
}

#main div#contactdata div.box p a:hover
{
	text-decoration:		underline;
}

#main div#contactdata div.box dl
{
	margin:					12px 45px;
	overflow:				hidden;
	width:					100%;
}

#main div#contactdata div.box dl dt
{
	color:					rgb(26,53,83);
	float:					left;
	font:					bold 12px/19px Arial;
	width:					24%;
}

#main div#contactdata div.box dl dd
{
	color:					rgb(26,53,83);
	float:					left;
	font:					bold 12px/19px Arial;
	width:					74%;
}



/*
 * Icons
 */

.icon
{
	height:					16px;
	vertical-align:			middle;
	width:					16px;
}



/*
 * Angaben fuer Squeezebox
 */

#sbox-window embed,
#sbox-window object,
#sbox-window select
{
	visibility:				visible;
}

#sbox-overlay
{
	position:				absolute;
	background-color:		#000;
}

#sbox-window
{
	position:				absolute;
	background-color:		#fff;
	text-align:				left;
	overflow:				visible;
	padding:				10px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
}

#sbox-btn-close
{
	position:				absolute;
	width:					30px;
	height:					30px;
	right:					-15px;
	top:					-15px;
	background:				transparent url(../images/closebox.png) no-repeat center;
	border:					none;
}

.sbox-window-ie6 #sbox-btn-close
{
	background-image:		url(../images/closebox.gif);
}

.sbox-loading #sbox-content
{
	background-image:		url(../images/spinner.gif);
	background-repeat:		no-repeat;
	background-position:	center;
}

#sbox-content
{
	clear:					both;
	overflow:				auto;
	background-color:		#fff;
	height:					100%;
	width:					100%;
}

.sbox-content-image#sbox-content
{
	overflow:				visible;
}

#sbox-image
{
	display:				block;
}

.sbox-content-image img
{
	display:				block;
}

.sbox-content-iframe#sbox-content
{
	overflow:				visible;
}

.body-overlayed embed, .body-overlayed object, .body-overlayed select
{
	visibility:				hidden;
}