/*----------------------------------------- Menus -----------------------------------------*/

#menu { background: url('bgmenu.png') repeat-x; border-bottom: 2px solid #fff; border-top: 2px solid #fff; clear: left; height: 33px; text-transform: uppercase; }
#menu ul, #menu ul li, #about, #about li, #menurow2 ul, #menurow2 ul li { display: inline; list-style: none; margin: 0; padding: 0; }
body#home a#menu-home, body#voxpopuli a#menu-voxpopuli, body#twitter a#menu-twitter,
	body#presse a#menu-presse, body#bild a#menu-bild, body#europa a#menu-europa, body#dlf a#menu-dlf,
	body#oton a#menu-oton, body#splitter a#menu-splitter, body#lobbies a#menu-lobbies, body#twentyfour a#menu-twentyfour 
	{ background: url('bgmenured.png') repeat-x; color: #fff; }
body#youtube a#menu-youtube { background: url('bgmenuyoutube.png') repeat-x; color: #fff; }
body#blogs a#menu-blogs { background: url('bgmenuyellow.png') repeat-x; color: #fff; }
#menu ul li, #menurow2 ul li { background: url('bgmenu.png') repeat-x; float: left; border-right: 2px solid #fff; width: 72px; }
#menu ul li.last { border: none; }
#menu ul li a, #menurow2 ul li a { display: block; line-height: 33px; text-align: center; }
#menurow2 { background: url('bgmenublack.png') repeat-x; border-bottom: 2px solid #fff; float: left; height: 33px; width: 812px; }
#menurow2 ul li { background: url('bgmenublack.png') repeat-x; }

/*----------------------------------------- Reset -----------------------------------------*/

body, div, html, h1, h2, h3, h4, ol, p, ul { margin: 0; padding: 0; }
img { border: 0; }

/*----------------------------------------- Structure -----------------------------------------*/

#wrapper { background-color: #fff; margin: 0 auto; overflow: hidden; width: 960px; }
#about { color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-right: 5px; vertical-align: 11px; }
body#home #logoarea { float: none; width: 960px; }
#logoarea { float: left; height: 34px; text-align: right; width: 812px; }
#underlogoarea { float: left; height: 86px; padding: 30px 0 15px 20px; width: 792px; }
#headerarticles { background-color: #efeff0; height: 131px; }
.headerarticle, .headerarticle2 { float: left; height: 106px; margin-right: 2px; padding: 15px 12px 10px 20px; width: 186px; }
.headerarticle2 { background-color: #fff; width: 192px; }
#bigphoto { clear: left; float: left; height: 468px; margin-bottom: 250px; position: relative; width: 664px; }
#transparent { bottom: 0; left: 0; position: absolute; background-color: #fff; height: 136px; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; opacity: .8; width: 664px; z-index: 0; }
#bigheadline { bottom: 0; left: 0; margin: 0 44px 21px 40px; position: absolute; width: 664px; z-index: 2; }
#newsfeed { float: right; width: 296px; }
.indexarticle, .indexarticle2 { height: 55px; padding: 12px 23px 11px 20px; }
.indexarticle2 { background-color: #efeff0; }
#left { background-color: #efeff0; float: left; margin-right: 2px; width: 146px; }
#corner { float: left; height: 165px; margin-right: 2px; text-align: center; width: 146px; }

/*----------------------------------------- Style -----------------------------------------*/

a {}
	a:link, a:visited {	color: #000; text-decoration: none; }
	a:hover, a:active {	color: #666; }
	#about a:link, #about a:visited { color: #666; }
	#about a:hover, #about a:active { color: #000; }
	#menu a:hover, #menu a:active { color: #fff; }
	#menurow2 ul li a:link, #menurow2 ul li a:visited { color: #fff; }
	#menurow2 ul li a:hover, #menurow2 ul li a:active { color: #777; }
	#bigheadline a { font-size: 14px; font-style: italic; font-weight: bold; }
	#headerarticles p a, #newsfeed p a { font-style: italic; }
	h3 a:link, h3 a:visited { color: #e2001a; }
	h3 a:hover, h3 a:active { color: #000; }
body { background-color: #333; color: #666; font-family: Arial Narrow, Helvetica Condensed, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.3; }
h1 {}
	h1 { color: #e2001a; font-family: Georgia; font-size: 20px; font-style: italic; font-weight: normal; }
	h2 { color: #333; display: inline; font-size: 26px; }
	h3 { font-size: 14px; }
	h4 { display: inline; font-size: 12px; text-transform: uppercase; }
img {}
	.arrow { margin-right: 5px; vertical-align: -1px; }
	
/*----------------------------------------- YouTube -----------------------------------------*/

body#youtube #corner { padding-top: 61px; height: 104px; }
body#youtube #logoarea, body#youtube #underlogoarea { float: left; background: url('youtubeheaderbg.png') repeat-y; }
body.cdu a#menu-cdu, body.spd a#menu-spd, body.csu a#menu-csu,
	body.fdp a#menu-fdp, body.dielinke a#menu-dielinke, body.diegruenen a#menu-diegruenen 
	{ background: url('bgmenuyoutube.png') repeat-x; color: #fff !important; }
body#youtube #left { height: 800px; }
#videos { margin-left: 146px; }
.video { float: left; font-size: 12px; height: 75px; margin-right: 2px; padding-top: 10px; width: 368px; }
.video div { height: 30px; margin-left: 125px; padding: 35px 0 10px 0; }
.grey div { background-color: #efeff0; }
.video img { float: left; border: 2px solid #bbb; margin-right: 10px; }
.video p { margin-right: 40px; }
.video span { color: #000; font-family: Georgia; font-style: italic; }

/*----------------------------------------- Blogs -----------------------------------------*/

body#blogs #corner { background-color: #000; }
body#blogs #logoarea, body#blogs #underlogoarea { background: url('yellowheaderbg.png') repeat-y; }
body#blogs #about, body#blogs #about a:link, body#blogs #about a:visited { color: #fff; }
body#blogs #about a:hover, body#blogs #about a:active { color: #000; }
body#blogs #left { height: 1200px; }
.articles { float: left; margin-right: 2px; padding: 20px 20px 10px 20px; width: 180px; }
.greycolumn { background-color: #efeff0; }
.article { border-bottom: 3px solid #ddd; height: 115px; padding: 15px 10px 10px 0; }
.greycolumn .article { border-bottom: 3px solid #fff; }
h1.konservativ, .konservativ h4 a:hover, .konservativ h4 a:active { color: #a41b36 !important; }
.konservativ h4 a:link, .konservativ h4 a:visited, .bayrisch h4 a:link, .bayrisch h4 a:visited, .liberal h4 a:link, .liberal h4 a:visited { color: #666; }
h1.bayrisch, .bayrisch h4 a:hover, .bayrisch h4 a:active { color: #0091ff !important; }
h1.liberal, .liberal h4 a:hover, .liberal h4 a:active { color: #feca00 !important; }
.article span { color: #000; font-family: Georgia; font-style: italic; }