/**
 *  Layout für alle Seiten festlegen
 *	@version $Id: default.css 1094 2011-03-07 07:37:21Z jaskulski $
 */
body					{ background-color:#f5f5f5; line-height: 14pt; margin:0px; color:#000000; min-width:810px; padding-top: 40px; overflow:hidden;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased; 
}

a						{ color: #0645ad; text-decoration: none; font-size: 10pt; }
a:link					{ }
a:visited				{ }
a:active				{ color: #ffffff; }
a:hover					{ color: #788ca6; text-decoration: underline; }
img 					{ border-style: none; }
img.top 				{ float: right; border-style: none; margin: 10px; }
h3 						{ color: #435B8A; font-size: 120%; }
h4 						{ color: #D50000; font-size: 110%; }
h5 						{ padding:0; margin:0; }
hr 						{ clear: both; display: block; height: 1px; width: 100%; background-color: orange; color: orange; border: 0 none; }
.alert code 			{ display:block; font: 1em 'Courier New', Courier, Fixed, monospace; font-size : 100%; color: #000;
				  		  background : #fff; overflow : auto; text-align:center; border : 1px solid #99cc66; padding: 0px 20px 0 30px;
				 		  margin:1em 0 1em 0; line-height:17px; }
				 		  
.tleft					{ text-align:left !important; }	
.tcenter				{ text-align:center !important; }
.tright					{ text-align:right !important; }

.progress				{ margin-bottom:5px; }
/*.progress .bar 		{ text-shadow: #000000 2px 2px 0px; }*/
.progress .bar			{ text-shadow: 0 -1px #000000, 1px 0 #000000, 0 1px #000000, -1px 0 #000000; }
.progress .bar-text		{ margin-top:-17px; color:#ffffff; text-shadow: 0 -1px #363232, 1px 0 #363232, 0 1px #363232, -1px 0 #363232; font-weight:bold; }

/* ------------------- Content */
#content_wrapper 		{ clear:both; float:left; margin:0 auto; width:100%; height:100%; }

/* ------------------- Forms */
form 					{ margin: 0px; margin-left: auto; margin-right: auto; }
input.textbox 			{ width: 150px; background-image: url('../../../images/textbox_shadow.gif'); }
input.short 			{ width: 50px; }
input.button 			{ width: 100px; border-right: 1px inset #666666; border-top: 1px inset #000000; font-size: 11px;
				  		  background-attachment: fixed; background-image: url('../../../images/textbox_shadow.gif'); border-left: 1px inset #000000;
				  		  color: #000000; border-bottom: 1px inset #666666; }

/* ------------------- Fieldset */ 
fieldset 				{ width:98%; padding-left:5px; border: 1px solid #C0C0C0; text-align: center; padding-bottom:3px; margin:0; }
fieldset.noshow 		{ border-style: none; }
legend 					{ font-size: 100%; font-variant: small-caps; text-align: center; font-weight: bold; }

.einschub 				{ margin-left:5px; }
.boxes 					{ clear:both; float: left; width: 150px; margin-right: 15px; margin-top: 20px; height: 75%; }
.navigation 			{ clear:both; float:left; width:100%; height:33px; color:#ffffff; background:#2C375B url('../images/menuGrad.png') repeat-x 100% 100%;  border:0;
						  /*border-radius: 5px;*/ border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
/*.navigation 			{ width:100%; height:33px; color:#ffffff; background-color:#ffffff; border-bottom: 1px solid #c0c0c0; }*/
.header_middle			{ clear:both; float:left; height:auto; width:100%; }	
.box_titel 				{ font: bold 9pt Arial, Helvetica, sans-serif; background-image: url('../images/subhead_bg.png');
					  	  color: #29528c; border-left: 1px solid #c0c0c0; text-align: center; vertical-align: middle; padding: 3px 4px 1px 0px;
					  	  height: 16px; }
.box_text 				{ font: 8pt Arial, Helvetica, sans-serif; background-color: #f5f5f5; border: 1px solid #c0c0c0;
				  	  	  border-top-style: none; text-align: left; line-height: 110%; padding: 5px; }

.navigation_titel 		{ clear:both; float:left; width: 100%; height:21px; font: bold 9pt Verdana, Geneva, Arial, Helvetica, sans-serif ; color: #373D44; border-right: 0px solid #c0c0c0; border-left: 0px solid #c0c0c0;
					  	  text-align: center; background:#B2C0D3;  /*border-radius: 5px;*/ border-top-left-radius:5px; border-top-right-radius:5px; }
.navigation_titel img 	{ padding-top:2px; }
.navigation_text 		{ font: 8pt Arial, Helvetica, sans-serif; border: 1px solid #c0c0c0;
					  	  text-align: center; width:100%; float:left; }
#noborder 				{ border-top-style: none; }

.navigation_text a, 
.navigation_text a:hover, 
.navigation_text a:active, 
.navigation_text a:visited { font-size: 8pt; }

.klein 					{ font-size: 75%; }
.center 				{ text-align: center; }
.right 					{ text-align: right; }
.fett 					{ font-weight: bold; }
.foot 					{ clear: both; float: left; width: 99%; font-size: 75%; border-top: 1px solid ; margin-top:5px; }
.foot_start				{ position:fixed; bottom:0; height:40px; width:99%; font-size: 75%; border-top: 1px solid; ;
						  color:#ffffff; background:#2C375B url('../images/menuGrad.png') repeat-x 100% 100%; border:0; border-radius: 5px; padding:5px; min-width:810px; }
.foot_start a			{ color:#ffffff; }
.foot_applet 			{ position:fixed; bottom:0; height:80px; width:100%; background-color:white; }
.inhalt 				{ width: 100%; float: left; padding-bottom:50px; }
.box_posi 				{ clear:both; float:left; display:block; background-color: #F5F5F5; border: 1px solid #C0C0C0; text-align:left;
				  		  width:99%; padding-left:5px; font-size:8pt; margin-top:5px; }
.box_posi_a a, 
a.box_posi_a:active, 
a.box_posi_a:hover, 
a.box_posi_a:visited 	{ font-size: 8pt; }
.justify 				{ text-align: justify; }
div.reiter 				{ text-align: center; padding-top: 7px; padding-bottom: 5px; float:left;
				  	  	  width: 20%; height: 14px; }
a.reiter:link 			{ color: #ffffff; }
a.reiter:visited		{ color: #ffffff; }
a.reiter:active 		{ color: #ffffff; }
a.reiter:hover 			{ color: #ffffff; }
.selected 				{ background-color: #FFCC66; text-align: center; padding-top: 7px; padding-bottom: 5px;
					  	  float:left; height: 14px; }
.selected_padding 		{ background-color:#2C375B; color:#ffffff; text-align: center; float:left; height: 16px; padding: 5px; }
.selected_padding a		{ color:white; }


/* ------------------- Ergebnis */
#ergebnis					{ float:left; padding:0px 0px 0px 5px; overflow:auto; }
div.reiter_ergebnis 		{ color: #000000; text-align: center; padding: 5px 0 5px 0; float:left;
							  width: 150px; height: 16px; }
.selected_padding_ergebnis	{ float:left; height: 16px; width: 150px; background-color: #FFCC66;
							  text-align: center; padding: 5px 0 5px 0; }
div.selector 				{ width: 100%; background-color: #F5F5F5; border: 1px solid #C0C0C0; text-align: center;
							  display:block; margin-bottom: 10px; }
.ergebniskopf 				{ border: 1px solid #C0C0C0; background-color: #ffffff; margin-top: 0px; }
#kopfdatengebiet			{ border-bottom: 1px solid #c0c0c0; cursor:pointer; }
#kopfdatenicon				{ float:left; margin-left:5px; margin-top:1px; }

.reload_text				{ float:right; text-align:right; padding-right:10px; width:100%; }

/* ------------------- Zellen für die Ergebnisse in der Tabellenansicht */
td.ergebnis 				{ border-bottom: 1px solid #C0C0C0; border: 1px solid #C0C0C0; padding: 5px; text-align: left; }
td.ergebnis#print 			{ text-align: right; border: 1px solid #C0C0C0; }
td.partei_titel 			{ background-color: #E0E0E0; color: #000000; font-weight: bold; }

.fullsize 					{ max-width: 100%; width: 100%; }
div.hilfe 					{ border-top: 1px solid orange; padding-top: 2%; margin-top: 5%; }
div.message 				{ border: 1px solid #111111; width: 75%; height: 35px; margin:0.5em 0 1.5em 10px;
			  	  			  padding:5px 0 10px 15px; color: blue; font-weight:bold; overflow:hidden; font-size: 10pt; }
div.message_icon 			{ float:left; height:40px; margin-top:4px; padding-left:42px; background-image:url('../images/info.png');
				  			  background-repeat:no-repeat; overflow:hidden; }
div.warning_icon 			{ float:left; height:40px; margin-top:4px; padding-left:42px; background-image:url('../images/messagebox_warning.png');
				  			  background-repeat:no-repeat; overflow:hidden; }
.error 						{ color: #ff0000; font-weight: bold; }
.hervorhebung 				{ font-weight: bold; font-style: italic; }
.selectedGebiet 			{ background-color:#2C375B; color:#ffffff; border: 1px solid #C0C0C0; padding: 1px; }
div.messageBox 				{ text-align: center; width: 100%; background-color: red; }
div.warning,
div.caution,
div.tip 					{ width: 75%; margin:20px auto 20px auto; padding: 20px 30px; text-align: center; }
div.warning p, 
div.caution p, 
div.tip p 					{ text-align: justify; }
div.tip 					{ border: 1px solid #c0c0c0; color: #006; background-color: #F5F5F5; }
div.warning 				{ border: 1px solid #660; color: #600; background-color: #fee; }
div.caution 				{ border: 1px solid #333; color: #FF0000; }

*[accesskey]:after 			{ content: " [" attr(accesskey) "]";}

.beispiel 					{ font-size: 70%; color: #000000; text-align: right; }

/* ------------------- Standard CSS Attribute */
.left_side					{ clear:both; float:left; width:295px; padding-top:4px; padding-right:5px; border-right: 1px dotted #cccccc; overflow:auto; }
.left_side .content			{ margin:0; padding:0; padding-left:5px; }

/* ------------------- Anzeige der Kartenansicht */
#legendeWrapper				{ clear:both; float:left; padding-top:15px; }
.legendDetailCont			{ clear:both; float:left; }
.legendDetailColor			{ float:left; width:10px; height:10px; border:1px solid #000000; margin-top:3px; }
.legendDetailLabel			{ float:left; }

/* ------------------- Anzeige der Gebiete */
.gebiet 					{ float:left; padding-left:10px; width:90%; white-space:nowrap; }
.gebietLink					{ float:left; padding-top:2px; } 
.gebietWK 					{ clear:both; float:left; padding-top:10px; width:90%; }
.gebiet100 					{ clear:both; float:left; padding-left:11px; width:100%; }
.subGebiete					{ clear:both; float:left; display:none; width:95%; }
.gebietclipsign				{ float:left; cursor:pointer; font-size:14pt; text-decoration:none; }
a.gebietclipsign			{ cursor:pointer; font-size:14pt; text-decoration:none; width:20px; }
.tooltip 					{ background-color:#E2E7FF; font-size:11px; height:auto; width:auto; padding:5px; color:#000; }
.selected a, .selected a:link, .selected a:visited, .selected a:hover, .selected:active, a.selectedGebiet, 
a.selectedGebiet:active, a.selectedGebiet:link, a.selectedGebiet:visited, 
/*a.selectedGebiet:hover 		{ color: #ffffff; color: #000000; }*/

/* ------------------- Anzeige der Suche */
.suchLink					{ }
.selectedSuche 				{ background-color: #FFCC66; color: #ffffff; border: 1px solid #C0C0C0; padding: 1px; }
a.selectedSuche, a.selectedSuche:active, a.selectedSuche:link, a.selectedSuche:visited, 
a.selectedSuche:hover		{ color: #ffffff; color: #000000; }

/* ------------------- Anzeige von Akt. Stand */
.standLink					{}
.selectedStand 				{ background-color:#2C375B; color:#ffffff; text-align: center; padding-top: 7px; padding-bottom: 5px;
					  	  	  float:left; height: 14px; }
.selectedStand a			{color:white;}

/* ------------------- Allgemein */
#reload						{ cursor:pointer; }

/* ------------------- Ticker/Scroller Box */
#scroller_container 		{ position: absolute; margin-left:150px; width: 75%; height: 20px; overflow: hidden; white-space: nowrap; }
#scroller 					{ white-space: nowrap; }
#scroller p 				{ padding: 0; }

/* ------------------- WRS Icon Set */
.icons						{ float:right; text-align:center; font-weight:bold; height:27px; width:auto; border-top:0; border-bottom:0; padding:6px 10px 0 0px; border-left: 1px solid #c0c0c0; }
.wrs_icon 					{ width:24px; height:24px; background-image:url('../images/WRS-IconSet2.png'); cursor:pointer; margin:0px 0px 0px 7px; display:block; }
.wrs_icon_empty				{ width:24px; height:24px; cursor:pointer; margin:0px 0px 0px 7px; float:left; display:block; font-size:20px; }
.wrs_icon_empty2			{ width:24px; height:24px; cursor:pointer; }
.icon_reload				{ background-position: 0 0; }
.icon_print 				{ background-position: -24px 0; }
.icon_settings				{ background-position: -48px -24px; }
.icon_standard 				{ background-position: -72px 0; }
.icon_vergleich 			{ background-position: -96px 0; }
.icon_guv 					{ background-position: -120px 0; }
.icon_percent				{ background-position: -144px 0; }
.icon_abs 					{ background-position: -168px 0; }
.icon_play 					{ background-position: 0 -24px; width:14px; height:14px; }
.icon_pause 				{ background-position: -24px -24px; }
.icon_info 					{ background-position: -192px 0; }
.icon_css 					{ background-position: 0 -48px; width:88px; height:31px; cursor:default; }
.icon_xhtml 				{ background-position: -96px -48px; width:88px; height:31px; cursor:default; }
.icon_arrow_down			{ background-position: 0 -79px; width:16px; height:16px; padding:0; margin:0; background-image:url('../images/WRS-IconSet2.png'); display:inline-block; vertical-align: text-top; }
.icon_arrow_up				{ background-position: -16px -79px; width:16px; height:16px; padding:0; margin:0; margin-top:3px; margin-left:-8px; background-image:url('../images/WRS-IconSet2.png'); display:inline-block; vertical-align: text-top; }
.icon_arrow_down_black		{ background-position: -32px -79px; width:16px; height:16px; padding:0; margin:0; background-image:url('../images/WRS-IconSet2.png'); display:inline-block; vertical-align: text-top; }
.icon_arrow_up_black		{ background-position: -48px -79px; width:16px; height:16px; padding:0; margin:0; margin-top:3px; margin-left:-8px; background-image:url('../images/WRS-IconSet2.png'); display:inline-block; vertical-align: text-top; }
.icon_help 					{ background-position: -216px 0; }
.icon_help2					{ background-position: -72px -24px; }
.icon_database				{ background-position: -96px -24px; }
.icon_delete				{ background-position: -120px -24px; }
.icon_list					{ background-position: -144px -24px; }
.icon_empty					{ background-position: -79px -80px; }

/* ------------------- Ergebnis History Dropdown */
//#ergebnis_gebiete_dropdown	{ float:left; padding-left:25px; display:none; }
//#ergebnis_gebiete_stimme	{ float:left; padding-left:25px; display:none; }
//.ergebnis_gebiete_submit	{ float:left; padding-left:25px; }

/* ------------------- Applet */
#applet_receiver			{ clear:both; float:left; width:0; height:0; }

/* ------------------- Dialog */
.ui-state-default, .ui-widget-content .ui-state-default .ui-state-default {
border: 0px solid #c0c0c0 !important;
/*background: #2C375B url('../images/menuGrad.png') repeat-x 100% 100% !important;*/
font: bold 13px  Verdana, Geneva, Arial, Helvetica,sans-serif !important;
color: #ffffff !important;
}
.ui-state-hover			{ color:#788ca6 !important;}
/*.ui-widget-content	{ border:1px solid #C0C0C0;}*/
.ui-widget-header 		{ background: #2C375B url('../images/menuGrad.png') repeat-x 100% 100%; }
.ui-widget button 		{ background: #2C375B url('../images/menuGrad.png') repeat-x 100% 100% !important; }



/* ############# Extend bootstrap ############# */
.icon-alpha02 { opacity:0.2; filter:alpha(opacity=40); }

/* ------------------- Startseite Tabs */
#tabs 							{ float:left; width: 60%; margin-left:10px; }
#tabs a							{ color: #0645ad }
#tabs a:hover					{ font-weight:bold; }

.tabbable-bordered > .tab-content { padding-top:10px; }

/* Bootstrap Extends */
.nav-tabs						{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #9e9e9e; }
.nav-tabs > li > a 				{ background-color:#e6e6e6; border-bottom-color:#9e9e9e; border-color:#9e9e9e; }
.nav-tabs > li > a:hover 		{ border-bottom-color:#9e9e9e; }
.navbar .nav > li > a.active	{ color: #ffffff; }

.tab-content 					{ border:1px solid #9e9e9e; background-color:#ffffff; }

.nav-tabs > .active > a, .nav-tabs > .active > a:hover { border-top-color:#9e9e9e; border-left-color:#9e9e9e; border-right-color:#9e9e9e; }

.ergebnis_btn > .btn-toolbar > .btn-group > .btn { padding-left:4px; }
.ergebnis_btn > .btn-toolbar > .btn-group > button.disabled > span { opacity:0.4; }

// Tabellen 
.table thead tr th 				{ white-space:nowrap; text-align:center; } 
.table tbody tr.success td		{ background-color:#dff0d8;}
.table tbody tr.error td		{ background-color:#f2dede;}
.table tbody tr.warning td		{ background-color:#fcf8e3;}
.table tbody tr.info td			{ background-color:#5e87b0; color:white; font-weight:bold; }

table.tablesorter 							{ background-color: #CDCDCD; margin:10px 0pt 15px; width: 100%; text-align: left; }
table.tablesorter thead tr th, 
table.tablesorter tfoot tr th 				{ background-color: #e6EEEE; font-size: 8pt; padding: 4px; }
table.tablesorter thead tr .header 			{ background-image: url('../img/tablesorter/bg.gif'); background-repeat: no-repeat; background-position: center right; cursor: pointer; }
table.tablesorter tbody td 					{ color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; }
table.tablesorter tbody tr.odd td 			{ background-color:#F0F0F6; }
table.tablesorter thead tr .headerSortUp 	{ background-image: url('../img/tablesorter/asc.gif'); }
table.tablesorter thead tr .headerSortDown 	{ background-image: url('../img/tablesorter/desc.gif'); }
table.tablesorter thead tr .headerSortDown, 
table.tablesorter thead tr .headerSortUp 	{ background-color: #8dbdd8; }

table.btn.disabled,.btn[disabled] 			{ cursor: default; opacity: 1; filter: alpha(opacity = 100); background-image: none; }


.popover-inner 					{ width: auto; }

#footer 						{ clear:both; float:left; height:40px; font-size: 75%; background-color:#e6e6e6; width:100%; }
 .fixed							{ position:absolute; bottom:0; }
#footer > div 					{ padding: 0px 10px 0px; }
#footer a  						{ font-size: 10px; }
#footer a > img 				{ padding-top:10px; }

.tabs-vergleich 				{ position:fixed; margin: 0px; padding: 0px; top: 50px; right:-420px; width:500px; z-index:9999; }
.tabs-vergleich > .tab-content 	{ padding:0; }

{* Bootstrap wird von Minify nicht richtig geladen. Die Background Images haben den falschen Pfad *}
@font-face { font-family: IconicStroke; font-weight: normal; src: url('../fonts/iconic_stroke.eot'); src: local('IconicStroke'), url('iconic_stroke.eot?#iefix') format('../fonts/embedded-opentype'), url('../fonts/iconic_stroke.woff') format('woff'), url('../fonts/iconic_stroke.ttf') format('truetype'), url('iconic_stroke.svg#iconic') format('svg'), url('../fonts/iconic_stroke.otf') format('opentype') }
@font-face { font-family: IconicFill; font-weight: normal; src: url('../fonts/iconic_fill.eot'); src: local('IconicFill'), url('../fonts/iconic_fill.eot?#iefix') format('embedded-opentype'), url('../fonts/iconic_fill.woff') format('woff'), url('../fonts/iconic_fill.ttf') format('truetype'), url('iconic_fill.svg#iconic') format('svg'), url('../fonts/iconic_fill.otf') format('opentype') }
/*[class ^="icon-"],[class *=" icon-"] { background-image: url("../img/glyphicons-halflings.png"); }*/
.icon-white { background-image: url("../img/glyphicons-halflings-white.png") }

#chartID { position:absolute; top:0; lefT:0; }

#sitzeGrafik { position:relative; width:100px; }

#sitzeGrafik code {
	position:absolute; 
	left:20px;
	top:15px;	
	z-index:99; 
	background-color:white;
	font-size:13pt;
	color:black;
	text-align:center;
	padding:5px 10px;
	font-family:Arial;
}

#sitzeGrafik sup {
	position:relativ;
	z-index:100;
	left:95px;
	top:10px;
}

.affix {
  width: inherit; //helped keep the content the same size on fluid layouts
  position: fixed;
  top: 50px;  //height of the nav
}

.affix-top {
	width: inherit;
	position: absolute;
	top: 50px;
}