/* ############################################################################################# */
/*
*	Allgemeines
*/
body {
	top:								0px;
	left:								0px;

	background:							url(../img/cdu-nrw-bg.jpg) no-repeat scroll 50% 0pt;
	background-color:						#62a2c6;
	text-align:							center;
	
/* 	color:								#053c65; */
	font-family:							verdana, arial, sans-serif;
	font-style:							normal;
	/*line-height:							1.333em;*/
	font-weight:							normal;
	font-variant:							normal;
	font-size:							12px;
}

p.bodytext {
	display:							block;
	margin-top:							10px;
}

/* ############################################################################################# */
/*
*	Links einfaerben
*/

/*a:link,
a:visited,
a:focus,
a:hover,
a:active {
	color:								#EE3338
}

a * {
	cursor:								pointer;
}


h1 a:link,
h1 a:visited,
h1 a:focus,
h1 a:hover,
h1 a:active {
	color:								#053c65;
}

h3 a:link,
h3 a:visited,
h3 a:focus,
h3 a:hover,
h3 a:active {
	color:								#053c65;
}*/

/* ############################################################################################# */
/*
*	Ueberschriften
*/

h1 {
	font-size:							1.5em;
}

h3 {
	font-size:							1.2em;
	clear:								left;
	border-bottom:							2px solid #EE3338;
	margin:								0px 0px 5px 0px;
	font-weight:							bold;
}

h5 {
	font-size:							1em;
	clear:								left;
}

/* ############################################################################################# */
/*
*	Hilfsklassen
*/

.left {
	float:								left;
}

.right {
	float:								right;
}

.clearLeft {
	clear:								left;
	display:							inline;
}

.clearRight {
	clear:								right;
	display:							inline;
}


span.red_spacer {
	background-color:						#FF0000;
	display:							block;
	float:								left;
	height:								8px;
	line-height:							8px;
	font-size:							1px;
	width:								5px;
	margin-right:							3px;
	margin-top:							13px;
}

/* ############################################################################################# */
/*
*	Containerklassen
*/
div#page_content {
	clear:								left;
	width:								656px;
	padding:							0px 0px 10px 10px;
	border-top:							10px solid #ffffff;
	overflow:							hidden;
	position:							relative;
}
div#headerBox {
/*	background-image:						url(images/header.jpg);*/
	background-image:						url(../img/header-rheinerft.png);	
/*	background-image:						url(images/CDU_NRW_Weihnachtsbanner_081219.jpg);*/
/*	background-image:						url(images/CDU_NRW_Neujahrsbanner_081219.jpg);*/

	height:								143px;
	width:								846px;
	position:							relative;
	cursor:								pointer;
}
div#infobar {
	float:								right;
	color:								white;
	width:								170px;
	overflow:							hidden;
	position:							relative;
}
div#page_footer {
	width:								170px;
	float:								right;
	color:								white;
	text-align:							center;
	padding-top:							51px;

	font-size:							0.9em;
	font-weight:							normal;	
}
div#content {
	background-image:						url(../img/content.jpg);
	background-repeat:						repeat-y;
	width:								846px;
	margin:								0px auto;
	padding:							0px;
	text-align:							left;
}
div#content_footer {
	background:							url(../img/schatten.png) no-repeat scroll 50% 0pt;
	padding-top:							27px;
	width:								676px;
	float:								left;
	overflow:							hidden;
	text-align:							center;
}

.buttonLeiste {
/*	display:							none;*/
	position:							absolute;
	right:								0px;
}
/* ############################################################################################# */
/*
*	CDU-NRW-Aktuell
*/

#cdu_nrw_aktuell {
	background:							url(../img/newsletter_abo.png) no-repeat;
	display:							none;
	height:								110px;
	width:								160px;
	overflow:							hidden;
	position:							relative;
	left:								-160px;
}

#cdu_nrw_aktuell_button {
	background:							url(../img/cdu_navigation_internet-zeitung.jpg) 
no-repeat;
	display:							none;
	height:								95px;
	width:								170px;
	overflow:							hidden;
}

#cdu_nrw_aktuell.outside,
#cdu_nrw_aktuell_button.inside {
	display:							block;
}

#cdu_nrw_aktuell.inside,
#cdu_nrw_aktuell_button.outside {
	display:							none;
}


#cdu_nrw_aktuell input,
#cdu_nrw_aktuell_button input {
	border:								none;
	background:							transparent;
}

#cdu_nrw_aktuell .text {
/*	margin-left:							20px;*/
/*	margin-top:							92px;*/
/*	width:								115px;*/
	
	height:			20px;
	line-height:		20px;
	margin-left:		20px;
	margin-top:		90px;
	width:			105px;	
}

#cdu_nrw_aktuell_button .text {
	margin-left:							20px;
	margin-top:							40px;
	width:								120px;
}

#cdu_nrw_aktuell .button,
#cdu_nrw_aktuell_button .button {
	width:								15px;
}

/* ############################################################################################# */
/*
*	Headmenue
*/

div#headerBox ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#headerBox ul li {
	float:								right;
	margin:								0 5px;
	text-align:							right;
}

div#headerBox ul li a:link,
div#headerBox ul li a:visited,
div#headerBox ul li a:focus,
div#headerBox ul li a:hover,
div#headerBox ul li a:active {
	color:								white;
	font-size:							0.75em;
	font-weight:							bold;
	text-transform:							uppercase;
}

div#head_menu a:link,
div#head_menu a:visited,
div#head_menu a:focus,
div#head_menu a:hover,
div#head_menu a:active {
	color:								white;
	font-size:							0.75em;
	font-weight:							bold;
	text-transform:							uppercase;
	float:								right;
	margin:								0 5px;
	text-align:							right;
	display:block;

}

/*
*	Logo-Link zur Startseite
*/
.head_logolink {
	clear:								right;
	float:								right;
	padding-top:							35px;
}

.head_logolink img {
	display:							block;
}

.head_linkarea {
	position:							absolute;
	width:								600px;
	height:								121px;
}

.head_linkarea img {
	display:							block;
}

div#head_menu {
/*	float:	right;
*/
}
/* ############################################################################################# */
/*
*	Hauptnavigation Ebene 1
*/
.menubox {
	background-image:						url(../img/menuBox.png);
	width:								835px;
	height:								21px;
	clear:								both;
	padding-left:							11px;
	position:							relative;
	z-index:							10;
}

/* ############################################################################################# */
/*
*	Fontswitch
*/
div.font_switch {
	float:								right;
	width:								79px;
	height:								21px;
	overflow:							hidden;
}
/* ############################################################################################# */
/*
*	Suche
*/
div.suche {
	background-image:						url(../img/suche_form.png);
	background-repeat:						no-repeat;
	float:								right;
	height:								21px;
	width:								170px;
}

div.suche form.suche_form {
	height:								21px;
	width:								146px;
	float:								right;
}

div.suche form.suche_form input.suche_submit {
	background-image:						url(../img/suche_submit.gif);
	background-position:						right center;
	background-repeat:						no-repeat;
	background-color:						transparent;
	border:								none;
	height:								21px;
	width:								16px;
	margin-right:							2px;
	float: 								left;
	cursor:								pointer;
}

div.suche form.suche_form input.suche_sword {
	background-color:						transparent;
	/* background-image:						url(../img/suche_text.jpg); */
	background-position:						5px center;
	background-repeat:						no-repeat;
	border:								0 solid #000;
	font-size:							1em;
	height:								14px;
	line-height:							14px;
	vertical-align:							middle;
	width:								100px;
}

div.suche form.suche_form input.suche_reset {
	background-color:						transparent;
	background-image:						url(../img/suche_reset.gif);
	background-repeat:						no-repeat;
	border:								none;
	height:								21px;
	width:								16px;
	vertical-align:							middle;
	cursor:								pointer;
	margin-left:							2px;
}
/* ############################################################################################# */
/*
*	Button-Seitennavigation
*/

div#infobar a {
	position:							relative;
	left:								0px;

	display:							block;
	padding:							0px;
	margin:								0px;
}

div#infobar a:hover {	
	border-right:							1px solid #330033;
	position:							relative;

	display:							block;
	padding:							0px;
	margin:								0px;
}

div#infobar img {
	display:							block;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:							0px !important;
}

div#footer {
	clear:								both;
	padding:							10px;
	/*margin-top:							30px;*/
}

/* ############################################################################################# */
/*
*	DropDown Ebene 1
*/

ul.navigation_level_1 {
	padding:							10px;
}

ul.navigation_level_1 li {
	display:							block;
	height:								164px;
	width:								742px;
	background-color:						#eeeeee;
	margin:								10px;
}

ul.navigation_level_1 li img {
	float:								left;
	display:							block;
	padding-right:							10px;
}

ul.navigation_level_1 li a {
	font-size:							1.2em;
	font-weight:							bold;
	color:								#053c65;
	display:							block;
}

/* ############################################################################################# */
/*
*	Kategoriemenue
*/

.page_categories {
	width:								676px;
	display:inline;
}

.page_categories img {
	display:							block;
}

.page_categories h2 {
	font-size:							1.5em;
}

.page_categories p.kategorie_beschreibung {
	margin-right:							10px;
	color:								#053c65;
}

.page_categories img.kategorie_bild_klein {
	padding-right:							10px;
	float:								left;
}

ul.kategorie_navigation li {
	padding-top:							10px;
	width:								670px;
}

ul.kategorie_navigation li a img {
	float:								left;
	padding-right:							10px;

}

h4.kategorie_name {
	font-size:							1em;
	font-weight:							bold;
	color:								#053c65;
}

ul.kategorie_navigation_ebene_2 {
	margin-left:							227px;
}

ul.kategorie_navigation_ebene_2 li {
	padding:							0px;
	margin:								0px;
	height:								14px;
	width:								443px;
	list-style-image:						url(images/linkpfeil.gif);
	list-style-position:						outside;
}

ul.kategorie_navigation_geschwister {
	margin-left:							425px;
	margin-top:							5px;
}

ul.kategorie_navigation_geschwister li {
	padding:							0px;
	margin:								0px;
	height:								18px;
	list-style-image:						url(images/linkpfeil.gif);
	list-style-position:						outside;
}

ul.kategorie_navigation_geschwister li h4 {
	color:								#EE3338;
	font-weight:							normal;
	height:								14px;
}

/* ############################################################################################# */
/*
*	Content-Footer
*/

div#content_footer a {
	padding-left:							5px;
	padding-right:							5px;

}

ul.mitmachen_navigation li {
	padding:							0px;
	margin:								0px;
	margin-left:							20px;
	height:								18px;
	list-style-image:						url(images/linkpfeil.gif);
	list-style-position:						outside;
}

/* ############################################################################################# */
/*
*	Ticker
*/
#tickerspace {
	background-color:						transparent;
	background-image:						url(images/medientipps-ticker-bg.png);
	background-repeat:						no-repeat;
	padding-left:							75px;
}

a.tickerlink {
	color:								#053C65;
	font-weight:							bold;
}

/* ############################################################################################# */
/*
*	Table .contenttable
*/

table.contenttable {
	width:	440px !important;
}

