/*#############################################################
Name: CSS Styles FES Demokratie in Deutschland 2011
Datum: 2011-02-17
Author: Jerome Traud / itcreate. kommunikationsmedien
Url: http://www.itcreate.de
#############################################################*/

/* StyleSheets fuer zentrale HTML-Formate */

/* Seiteneigenschaften */
body 	{ 
		margin:0px; 
		padding:0px;
		background: #fff url(../img/img_bg_site_low.jpg) no-repeat;
		background-position:center 25px; 
		} 

/* Schriftarten */
p, div, th, td, dt, dd, nobr, option, textarea {
	color: #000;
	font-family:arial,helvetica,sans-serif; 	
	line-height: 140%;
	}

/* Schriftgroessen */
p, div, th, td, dt, dd, nobr, input, option, textarea { font-size:12px; }

/* Ueberschriften */

h1 { font-size:20px; color: #012278; font-weight: normal; font-family: arial, helvetica; margin:2px 0 10px 0; line-height: 120%;} /* 1. Ordnung */
h2 { font-size:18px; color: #012278; font-weight: normal; font-family: arial, helvetica; margin: 2px 0 10px 0; line-height: 120%;} /* 2. Ordnung */
h3 { font-size:16px; color: #012278; font-weight: bold; font-family: arial, helvetica; margin: 2px 0 10px 0;} /* 3. Ordnung */
h4 { font-size:13px; } /* 4. Ordnung */
h5 { font-size:12px; } /* 5. Ordnung */

h6 				{width:100%; font-size:18px; color: #012278; font-weight: normal; font-family: arial, helvetica; margin:5px 0 5px 0; border-bottom: 1px dashed #012778; padding:5px 0 5px 0; line-height:24px; } /* 6. Ordnung */
h6 a			{color: #012278; text-decoration:none;}
h6 a:link		{color: #012278; width:100%; background-image:url(img_button_open.gif); background-repeat:no-repeat; background-position:right center;}
h6 a:visited	{  }
h6 a:hover		{color:#ff0000; text-decoration:underline;}

div.openClick				{width:100%; background-image:url(img_button_open.gif); background-repeat:no-repeat; background-position:right center;}
div.openClick:hover			{width:100%; background-image:url(img_button_hover.gif); background-repeat:no-repeat; background-position:right center;}


/* Links */

a 			{color:#012278;}
a:link 		{text-decoration:none; } /* Noch nicht besuchter Link */ 
a:visited 	{text-decoration:none; } /* Bereits besuchter Link */
a:hover 	{color:#012278; text-decoration:underline; } /* Hover-Effekt */
a:active 	{color:#012278; text-decoration:underline; } /* Gerade angeklickter Link */


.internal-links	{
				padding-left:14px;
				background:url(../img/img_mainnav_arrow2.gif);
				background-repeat: no-repeat;
				background-position:center left;
				}



.actionButton 	{padding-top:10px; padding-bottom:10px; margin-top:15px; border:4px solid #b14216;}

.actionButton a {
				padding:10px 10px 10px 30px;
				background: url(../img/actionbutton.gif);
				background-color:#fff;
				background-repeat:no-repeat;
				background-position:left center;
				color:#012778;
				}

.actionButton a:hover 	{color:#012778; text-decoration:underline;}
.actionButton a 		{color:#012778; text-decoration:none;}
.actionButton a:visited {color:#012778;}
.actionButton a:hover 	{color:#012778; text-decoration:underline;}


.actionButton_arrow 	{padding-top:10px; padding-bottom:10px; margin-top:15px; border:4px solid #b14216;}

.actionButton_arrow a {
				padding:10px 10px 10px 30px;
				background: url(../img/actionbutton_arrow.gif);
				background-color:#fff;
				background-repeat:no-repeat;
				background-position:left center;
				color:#012778;
				}

.actionButton_arrow a:hover 	{color:#012778; text-decoration:underline;}
.actionButton_arrow a 		{color:#012778; text-decoration:none;}
.actionButton_arrow a:visited {color:#012778;}
.actionButton_arrow a:hover 	{color:#012778; text-decoration:underline;}


.actionButton_yellow 	{padding-top:10px; padding-bottom:10px; margin-top:15px; border:4px solid #eac45a;}

.actionButton_yellow a {
				padding:10px 10px 10px 30px;
				background: url(../img/actionbutton_arrow.gif);
				background-color:#fff;
				background-repeat:no-repeat;
				background-position:left center;
				color:#012778;
				}

.actionButton_yellow a:hover 	{color:#012778; text-decoration:underline;}
.actionButton_yellow a 		{color:#012778; text-decoration:none;}
.actionButton_yellow a:visited {color:#012778;}
.actionButton_yellow a:hover 	{color:#012778; text-decoration:underline;}

.actionButton_grey	{padding-top:10px; padding-bottom:10px; margin-top:15px; border:4px solid #ccc;}

.actionButton_grey a {
				padding:10px 10px 10px 30px;
				background: url(../img/actionbutton.gif);
				background-color:#fff;
				background-repeat:no-repeat;
				background-position:left center;
				color:#012778;
				}

.actionButton_grey a:hover 	{color:#012778; text-decoration:underline;}
.actionButton_grey a 		{color:#012778; text-decoration:none;}
.actionButton_grey a:visited {color:#012778;}
.actionButton_grey a:hover 	{color:#012778; text-decoration:underline;}


.blue	{color:#012778; font-weight:bold;}




/* Listen */
ul { list-style-type:square; } /* Unnummerierte Liste */
ol { list-style-type:decimal; } /* Nummerierte Liste */
dl { } /* Definitionsliste */

/* Grafiken */

img { border:0px;} /* Grafik */

.img_left {float:left; margin:0 10px 10px 0;} /* Grafik */
.img_right {float:right; margin:0 0 10px 10px;} /* Grafik */
.img_left_border { float:left; margin:0 10px 10px 0; border: 4px solid #e8e8e8;} /* Grafik mit Border */
.img_border {margin:0 0 0 0; border: 4px solid #e8e8e8;} /* Grafik mit Border */

/* Layout-Elemente */
hr 	{ 
	border: 0px; /* Für Firefox und Opera */
 	border-top: solid 1px #ccc;
 	border-bottom: solid 1px #fff; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
	clear:both;
	}

 /* Horizontale Linie */

/* Formulare */
form { } 		/* Formular */
input { } 		/* einzeiliges Textfeld, Checkbox, Radiobutton, Dateiupload, Button etc. */
label { } 		/* Beschriftung fuer Formularfeld */
textarea { } 	/* mehrzeiliges Textfeld */


/* Website-spezifischen StyleSheets */

#wrapper	{
			overflow: hidden;
			margin: 0px auto 0px auto;
			width: 940px;
			padding: 0;
			border-bottom: 1px solid #e8e8e8;
			}

/* Header */

#header 	{
			width: 940px;
			float:left;
			margin: 0px;
			padding: 0 0 0 0;
			height:130px;
			}


.feslogo		{float:left; margin:20px 0 0 15px;}
.palogo			{float:left; margin:39px 0 0 30px;}
.dd2010map		{float:left; margin:2px 0 0 285px;}


/* Topnavigation */

#topnav 	{
			width: 940px;
			float:left;
			margin: 0px;
			padding: 0 0 0 0;
			height:24px;
			background-color:#fff;
			}

#topnav .left	{width: 350px; float:left; margin: 0 0 0 0; padding: 0 0 0 15px; height:24px;}
#topnav .right	{width: 180px; float:right; margin: 0 10px 0 0; padding: 0; height:24px;}

/* Suche */
		
#header .suche	{
			width: 320px;
			float:right;
			margin: 20px 15px 0 0;
			padding: 0 0 0 0;
			height:25px;
			
			}


#suchformular 	{
				height:25px;
				float:right;
				overflow:hidden;
				width: 310px;
				}
			
#suchformular input#searchterm 	
				{
				border: 0 none;
				color: #666;
				float: left;
				margin: 0 0 0 0;
				padding: 4px;
				width: 265px;
				background-color: #fff;
				border-top: 1px solid #012278;
				border-left: 1px solid #012278;
				}
				
input.sendit	{float:right; margin:-4px 0 0 0;}

/* Header Navigation */
			
#header .submenue	{width: 180px; float:right; margin: 15px 10px 0 0; padding: 0 0 0 0;}

ul.subnav 				{margin: 0; padding:0; }
ul.subnav li			{float:left; list-style: none; font-size:11px; color:#fff;}
ul.subnav li a			{display: block; color: #999; text-decoration: none; padding: 4px 0px 0px 0px; margin: 0 8px 0 0; font-size:11px; float:left;}
ul.subnav li a:hover	{display: block; color: #333; text-decoration: underline; padding: 4px 0px 0px 0px; margin: 0 8px 0 0;}

#anmeldung			{padding: 0; margin: 3px 3px 0 0; display: block; width: 140px; height:30px; background: url(../img/img_nav_anmeldung.gif); background-repeat:no-repeat;}
#anmeldung:hover	{background: url(../img/img_nav_anmeldung_hover.gif); background-repeat:no-repeat;}
#anmeldung:active	{background: url(../img/img_nav_anmeldung_hover.gif); background-repeat:no-repeat;}


/* Main Content */
#container	{
			width: 938px;
			float:left;
			margin: 0 0 0 0;
			padding: 17px 0 0 0;
			background: #fff url(../img/img_bg_container.jpg) repeat-y;
			border-right: 1px solid #e8e8e8;
			border-left: 1px solid #e8e8e8;
			}

/* Main Navigation */
#left				{width: 200px; float:left; margin: 0 0 0 0; padding: 0 0 0 10px;}

#left ul			{margin: 0; padding:0; float:left; }
#left ul li			{float:left; list-style: none; width:195px;}

#left a					{display:block;}
#left ul.level_1 li a	{padding: 6px 0 5px 14px; margin: 0 0 0 5px; background: url(../img/img_mainnav_arrow2.gif) no-repeat; background-position:center left; border-bottom:1px solid #e8e8e8; color: #012278; font-weight: normal;text-decoration: none;}
#left ul.level_1 li a:hover, #left ul.level_1 li.active		{padding: 6px 0 5px 14px; margin: 0 0 0 5px; border-bottom:1px solid #e8e8e8; color: #012278; font-weight: bold;text-decoration: none;}

#left ul.level_1 li.active.submenu		{padding: 6px 0 10px 0; margin: 0 0 0 0px;}
#left li.submenu span.submenu			{margin: 0 0 0 5px; padding: 0 0 0 14px; background:url(../img/img_mainnav_arrow2.gif) no-repeat; background-position:center left;}
#left ul.level_1 span.active			{color: #012278; font-weight: bold;text-decoration: none;}

#left ul.level_2 li a										{margin-left:0px; padding-top:6px;padding-bottom:3px;color:#435f9c; font-size:11px;}
#left ul.level_2 li a:hover,#left ul.level_2 li.active		{margin-left:0px; padding-left:18px; padding-top:6px;padding-bottom:3px; background-image:url("none"); border:none;}
#left li.active.submenu ul.level_2 li a						{margin-left:0px; padding-left:18px;background-image:url("none"); border:none;}
#left ul.level_2											{display:block; margin: 5px 0 0 0;}

#left ul.level_1 li.active.submenu ul.level_2,#left ul.level_1 li.submenu.trail ul.level_2	{display:block;}

/* Banner linke Seite */
#banner		{width: 200px; float:left; margin: 45px 0 0 14px; padding: 0 0 0 0;}


/* Contents */
/*#main	{width: 700px; float:left;margin: 0 0 0 0; padding: 0 0 5px 17px;}*/

#main				{width: 685px; float:left; margin: 0 0 0 0; padding: 0 0 10px 20px;}			
.zweispalten #main	{width: 700px; float:left; margin: 0 0 0 0; padding: 0 0 10px 20px;}
.dreispalten #main	{width: 460px; float:left; margin: 0 0 0 0; padding: 0 0 10px 20px;}

#mainpics	{width:680px; height:205px; margin:0 0 15px 0; float:left; background-color:#b14216;}
#main li	{ line-height:150%; font-weight:bold;}

#testimonials	{width:680px; height:160px; margin:0 0 15px 0; float:left; /*background-color:#b14216;*/}

#kernthese	{
			width: 660px;
			float:left;
			margin: 0 0 15px 0;
			padding: 12px;
			background: #b14216 url(../img/img_ausrufezeichen.gif) no-repeat;
			background-position:right top;
			color:#fff;
			font-weight:bold;
			}

#kernthese p	{
			color:#fff;
			font-weight:bold;
			width:590px;
			}

/* Breadcrump */
#breadcrump	{
			width: 680px;
			margin: 0 0 0 0;
			padding: 4px 0 10px 0;
			font-size:11px;
			}

#content_col1_left	{
			width: 580px;
			float:left;
			margin: 0 0 0 0;
			padding: 0 0 0 0;

			}

#content_col2_left	{
			width: 315px;
			height:210px;
			float:left;
			margin: 0 0 15px 0;
			padding: 8px;
			border: 2px solid #e8e8e8;
			}


			
#content_col2_right	{
			width: 315px;
			height:210px;
			float:right;
			margin: 0 0 15px 0;
			padding: 8px;
			border: 2px solid #e8e8e8;
			}		



#content_col3_left	{
			width: 465px;
			float:left;
			margin: 0 0 15px 0;
			}


			
#content_col3_right	{
			width: 200px;
			float:right;
			margin: 0 0 15px 0;
			}


#content_col5_left	{
			width: 315px;
			height:250px;
			float:left;
			margin: 0 0 15px 0;
			padding: 8px;
			border: 2px solid #e8e8e8;
			}


			
#content_col5_right	{
			width: 315px;
			height:250px;
			float:right;
			margin: 0 0 15px 0;
			padding: 8px;
			border: 2px solid #e8e8e8;
			}		

#right	{
			width: 215px;
			float:right;
			margin: 0 17px 15px 0;
			padding: 5px;
			background-color:#e3e7f0;
			}
			
table			{border:0; width:100%; margin:5px 0 15px 0;}
td.col_160		{width:160px; border-bottom: 1px dashed #ccc; font-size:12px; color:#000; padding:4px 0 4px 0; vertical-align:top;}
td.col_text		{border-bottom: 1px dashed #ccc; font-size:18px; color:#012278; padding: 4px 0 4px 0; vertical-align:top;}
td.col_titel	{border-bottom: 1px dashed #ccc; font-size:12px; color:#000; padding:4px 0 4px 0; vertical-align:top;}


/* Clearer */
.clearer	{width: 100%; clear:both; margin: 0px 0 0px 0; padding:0;}

/* Footer */
#footer		{
			
			border-right: 1px solid #e8e8e8;
			border-left: 1px solid #e8e8e8;
			width:938px;
			float: left;
			background-color:#fff;
			background:url(../img/img_bg_footer.jpg) repeat-x;
			height:35px;
			}

ul.footer_left			{margin: 7px 0 0 25px; padding:0; float:left;}
ul.footer_left li		{float:left; list-style: none;}
ul.footer_left li a		{display: block; color: #fff; text-decoration: none; padding: 2px 2px 2px 2px; margin: 0 4px 0 0; font-size:11px; }
ul.footer_left li a:hover	{display: block; color: #fff; text-decoration:underline; padding: 2px 2px 2px 2px; margin: 0 4px 0 0;}

ul.footer_right				{margin:7px 25px 0 0; padding:0; float:right;}
ul.footer_right li			{float:left; list-style: none;}
ul.footer_right li a		{display: block; color: #fff; text-decoration: none; padding: 2px 2px 2px 2px; margin: 0 0 0 4px; font-size:11px; }
ul.footer_right li a:hover	{display: block; color: #fff; text-decoration:underline; padding: 2px 2px 2px 2px; margin: 0 0 0 4px;}