/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Basisdefinitionen */
html                              				{ height:100%; margin:0px; padding:0px; margin-bottom: 1px; }
body                              				{ height:100%; margin:0px; padding:0px; background: url(../pics/layout/body_back.gif) repeat-x; text-align:center; }

/* Printkanal */
body#print                              		{ height:100%; margin:0px; padding:0px; background: #ffffff; text-align:left; }
.content_print									{ padding-top:15px; padding-bottom:15px; position:relative; }
.content_print .kategorie						{ position:absolute; z-index:10; top:15px; left:640px; width:59px; height:59px; }

a:link											{ color: #000000; text-decoration: none; }
a:visited										{ color: #000000; text-decoration: none; }
a:hover											{ color: #000000; text-decoration: none; }
a:active										{ color: #000000; text-decoration: none; }
a:focus											{ outline: none; }

div                               				{ margin:0px; padding:0px; }

#top                              				{ width:927px; height:177px; margin-left:auto; margin-right:auto; position:relative; text-align:left; }
#top .logo                        				{ width:363px; height:81px; margin-left:5px; margin-top:12px; float:left; }
#top .banner                      				{ width:400px; height:104px; float:right; text-align:center; }
#top .styleswitcher               				{ width:210px; height:34px; right:25px; top:143px; position:absolute; z-index:2; line-height:34px; }
#top .styleswitcher .text         				{ text-align:right; font-weight:bold; text-transform:uppercase; font-size:14px; color:#ffffff; }
#top .styleswitcher .text a.normal				{ color:#ffffff; font-weight:bold; font-size:14px; }
#top .styleswitcher .text a.groesser			{ color:#ffffff; font-weight:bold; font-size:18px; }

#top .flaggen															{ position:absolute; top: 148px; right: 119px; z-index: 5;}
#top .flaggen .sprachumschaltung						{ width: 55px;}
#top .flaggen .sprachumschaltung 	ul li			{  }
#top .flaggen .sprachumschaltung 	ul li.aktiv	 {float:left;}
#top .flaggen .sprachumschaltung 	ul li.inaktiv	 {float:right; cursor:pointer;}

#middle                           				{ width:927px; margin-left:auto; margin-right:auto; margin-top:14px; padding-bottom:30px; text-align:left; }
#middle .col1                     				{ width:732px; float:left; position:relative; }
#middle .col1 .col1_top           				{ width:732px; height:16px; background: url(../pics/layout/col1_oben.gif) no-repeat top left; }
#middle .col1 .col1_mitte         				{ width:732px; position:relative; background: url(../pics/layout/col1_mitte.gif) repeat-y;  }
#middle .col1 .col1_unten         				{ width:732px; height:20px; background: url(../pics/layout/col1_unten.gif) no-repeat top left; text-align:center; }
#middle .col1 .col1_schatten_oben 				{ width:11px; height:423px; position:absolute; z-index:2; left:721px; top:16px; background: url(../pics/layout/col1_schatten_oben.gif) no-repeat; }
#middle .col1 .col1_rot_ecke_unten 				{ width:7px; height:145px; position:absolute; z-index:2; left:716px; bottom:20px !important; bottom:19px; background: url(../pics/layout/col1_rot_ecke_unten.gif) no-repeat; }
#middle .col1 .col1_rot_ecke_oben  				{ width:7px; height:427px; position:absolute; z-index:2; left:0px; top:16px; background: url(../pics/layout/col1_rot_ecke_oben.gif) no-repeat; }

#middle .col1 .col1_mitte .content																																					{ padding-left:5px; padding-right:13px; padding-bottom:10px; height:auto !important; height:571px; min-height:571px; }
#middle .col1 .col1_mitte .content .links, .content_print .links																						{ width:327px !important; width:352px; padding-left:25px; padding-top:20px; float:left; }
#middle .col1 .col1_mitte .content .rechts,	.content_print .rechts																					{ width:327px !important; width:352px; padding-right:25px; padding-top:20px; float:right; }
#middle .col1 .col1_mitte .content .links_schmal, .content_print .links_schmal															{ width:227px !important; width:252px; padding-left:25px; padding-top:20px; float:left; }
#middle .col1 .col1_mitte .content .rechts_breit,	.content_print .rechts_breit															{ width:417px !important; width:442px; padding-right:25px; padding-top:20px; float:right; }
#middle .col1 .col1_mitte .content .breit, .content_print .breit																						{ padding-left:25px; padding-right:25px; padding-top:20px; }
#middle .col1 .col1_mitte .content .breit_ohne_abstand, .content_print .breit_ohne_abstand						{ }
#middle .col1 .col1_mitte .content .rechts .bild-rechts, .content_print .rechts	.bild-rechts 				{ border:1px solid #b51621; }
#middle .col1 .col1_mitte .content .rechts .bild-links, .content_print .rechts	.bild-rechts					{ border:1px solid #b51621; }
#middle .col1 .col1_mitte .content .ueberschrift, .content_print .ueberschrift									{ padding-left:25px; }
#middle .col1 .col1_mitte .content .ueberschrift h1, .content_print .ueberschrift h1							{ padding-bottom:5px; }
#middle .col1 .col1_mitte .content .ueberschrift .bild-rechts, .content_print .ueberschrift .bild-rechts		{ float:none; }
#middle .col1 .col1_mitte .content .ueberschrift .bild-links, .content_print .ueberschrift .bild-links			{ float:none; }
#middle .col1 .col1_mitte .content .kategorie 																	{ position:absolute; z-index:10; top:0px; left:645px; width:59px; height:59px; }
#middle .col1 .col1_mitte .content .infokasten, .content_print .infokasten										{ clear:both; width:684px; padding-top:10px; margin-left:15px; }
#middle .col1 .col1_mitte .content .infokasten .oben, .content_print .infokasten .oben							{ width:684px; height:7px; background:url(../pics/layout/infokasten_oben.gif) no-repeat; text-align:center; }
#middle .col1 .col1_mitte .content .infokasten .mitte, .content_print .infokasten .mitte						{ width:684px; padding-top:5px; padding-bottom:5px; background:#d9dadb; }
#middle .col1 .col1_mitte .content .infokasten .mitte .abstand, .content_print .infokasten .mitte .abstand		{ padding-left:10px; padding-right:10px; }
#middle .col1 .col1_mitte .content .infokasten .unten, .content_print .infokasten .unten						{ width:684px; height:7px; background:url(../pics/layout/infokasten_unten.gif) no-repeat; text-align:center; }

#middle .col1 .col1_mitte .container .links a:link, #middle .col1 .col1_mitte .container .rechts a:link, #middle .col1 .col1_mitte .container .dokument a:link				{ text-decoration: none; font-weight: bold; }
#middle .col1 .col1_mitte .container .links a:visited, #middle .col1 .col1_mitte .container .rechts a:visited, #middle .col1 .col1_mitte .container .dokument a:visited	{ text-decoration: none; font-weight: bold; }
#middle .col1 .col1_mitte .container .links a:hover, #middle .col1 .col1_mitte .container .rechts a:hover, #middle .col1 .col1_mitte .container .dokument a:hover			{ color: #B51621; text-decoration: none; font-weight: bold; }
#middle .col1 .col1_mitte .container .links a:active, #middle .col1 .col1_mitte .container .rechts a:active, #middle .col1 .col1_mitte .container .dokument a:active		{ text-decoration: none; font-weight: bold; }
#middle .col1 .col1_mitte .container .links a:focus, #middle .col1 .col1_mitte .container .rechts a:focus, #middle .col1 .col1_mitte .container .dokument a:focus			{ outline: none; font-weight: bold; }

#middle .col1 .col1_mitte .content .container .infokasten .mitte .abstand .absatz a:link				{ text-decoration: none; font-weight: bold; }
#middle .col1 .col1_mitte .content .container .infokasten .mitte .abstand .absatz a:visited				{ text-decoration: none; font-weight: bold; }
#middle .col1 .col1_mitte .content .container .infokasten .mitte .abstand .absatz a:hover				{ color: #B51621; text-decoration: none; font-weight: bold; }
#middle .col1 .col1_mitte .content .container .infokasten .mitte .abstand .absatz a:active				{ text-decoration: none; font-weight: bold; }
#middle .col1 .col1_mitte .content .container .infokasten .mitte .abstand .absatz a:focus				{ text-decoration: none; font-weight: bold; }

#middle .col2                     				{ width:195px; float:left; position:relative; margin-top:2px; }
#middle .col2 #col2_headline       				{ width:185px; height:47px; }
#middle .col2 .col2_mitte        				{ width:195px; background: url(../pics/layout/col2_back_mitte.gif) repeat-y; }
#middle .col2 .top 			      				{ width:185px; height:47px; background: url(../pics/layout/col2_headline1_back.gif) no-repeat top left; }
#middle .col2 .top .text	      				{ margin-left:7px; font-weight:bold; text-transform:uppercase; font-size:12px; line-height:47px; color:#ffffff; }

#middle .col2 .col2_mitte .mitte		      									{ width:185px; background: url(../pics/layout/col2_headline2_back.gif) no-repeat top left; }
#middle .col2 .col2_mitte .veranstaltungen									{ width:171px; margin-left:7px; margin-right:7px; padding-top:5px; padding-bottom:5px; }
#middle .col2 .col2_mitte .mitte .standorte_headline .text	{ margin-left:7px; padding-top:8px; font-weight:bold; text-transform:uppercase; font-size:14px; line-height:14px; color:#ffffff; }
#middle .col2 .col2_mitte .standortbild											{ margin-left:7px; padding-bottom:5px; }
#middle .col2 .col2_mitte .standortbild	.text								{ padding-top:3px; font-weight:bold; text-transform:uppercase; font-size:12px; line-height:12px; color:#ffffff; }
#middle .col2 .col2_mitte .standortbild .bild-rechts				{ float:none; padding-top:15px; }
#middle .col2 .col2_mitte .standortbild .bild-links					{ float:none; padding-top:15px; }

#middle .col2 .col2_mitte .unten		      				{ width:185px; height:47px; background: url(../pics/layout/col2_headline2_back.gif) no-repeat top left; }
#middle .col2 .col2_mitte .unten .text	      				{ margin-left:7px; font-weight:bold; text-transform:uppercase; font-size:14px; line-height:47px; color:#ffffff; }

#middle .col2 .col2_unten        				{ width:195px; height:20px; background: url(../pics/layout/col2_back_unten.gif) no-repeat bottom; }
#middle .col2 .col2_schatten_oben				{ width:10px; height:437px; position:absolute; z-index:2; left:185px; top:0px; background: url(../pics/layout/col2_schatten_oben.gif) no-repeat; }

#middle .col2 .col2_top           				{ width:185px; height:47px; background: url(../pics/layout/col2_back_1.gif) no-repeat top left; }

#middle .col1 .bottom                  { width:732px; position:absolute; bottom:-30px; padding-bottom:10px; text-align:center; }

#funktionsnavigation								{ clear:both; padding-top:10px; padding-left:15px; padding-right:15px; }
#funktionsnavigation_links							{ float:left; padding-top:10px; padding-left:15px; }
#funktionsnavigation_rechts							{ float:right; padding-top:10px; padding-right:15px; }

#trennung                         { clear:both; margin:0px; padding:0px; }

.diashow																	{ position:relative; width:327px; }
.diashow img															{ border:1px solid #b51621; }

h1						{ font-weight: bold; margin:0px; padding:0px; color:#000000; }
h2						{ font-weight: bold; margin:0px; padding:0px; color:#000000; }

b						{ font-weight: bold; }
strong					{ font-weight: bold; }
i						{ font-style: italic; }
img						{ border: 0px; }
p						{ padding: 0px 0px 0px 0px; }

ul						{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ol						{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ul li					{ list-style : none; }

table					{ }
table tr				{ }
table tr th				{ font-weight: bold; }
table tr td				{ }

hr						{ border: 0px solid #000000; height: 1px; background: #000000 url(../pics/layout/trans.gif); }

/* Formulare */

input, select				{ background:#e9e9e9; border:1px solid #b51621; margin:0px; font-size:12px; padding:2px; }
option						{ font-size:12px; }

form								{ margin: 0px;}
form .form-eingabe-zeile			{ clear: left; margin-bottom: 5px; }
form label							{ float: left; width: 120px; }
form .form-label-checkbox			{ width: auto; float: none; }
form .form-label-radio				{ width: auto; float: none; }
form .form-text						{ width: 280px; }
form .form-select					{ width: 280px; }
form .form-checkbox					{ }
form .form-radio					{ }
form .form-button					{ clear: left; }

form .form-checkbox-liste			{ width: 282px; height:100px; overflow:auto; border: 1px solid #bbbbbb; }
form .form-checkbox-liste .zeile	{ padding-left: 3px; margin-bottom: 2px; width: 258px;	height: 20px; line-height: 20px; background-color: #ffffff; border: 1px solid #bbbbbb; }
form .form-checkbox-liste .aktiv	{ background-color: #CFD6E8; border: 1px solid #737B92; }
form .form-checkbox-liste .form-checkbox { float: left; }
form .form-checkbox-liste .text 	{ padding-left: 20px; }

.fehler								{ margin-bottom: 15px; }
.fehler .fehler-titel				{ font-weight: bold;}
.fehler .fehler-zeile				{ }

.breit {  }
.zeile_tweet {
	color:#B51621;
	font-size:12px;
	font-weight:bold;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
}

.zeile_tweet a {
	color:#B51621;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.letzte_zeile {
	background:url(../pics/layout/bg_zeile_last.png) repeat-y;
	background-position:bottom;
	padding-bottom:11px;
}

.ungerade_zeile {
	background:url(../pics/layout/bg_zeile_ungerade.png) repeat-y;
	clear:both;
}

.gerade_zeile {
	background:url(../pics/layout/bg_zeile_gerade.png) repeat-y;
	clear:both;
}

#twitter_icon {
	float:left;
	height:28px;
	margin-left:10px;
	margin-right:7px;
	margin-top:5px;
	width:28px;
	background-image:url(../pics/layout/twitter_button_icon.png);
}

#twitter_folgen_button {
	display:block;
	float:right;
	height:20px;
	margin-right:17px;
	margin-top:10px;
	width:74px;
	background-image:url(../pics/layout/twitter_button_icon.png);
	background-position:74px 0px;
}

#twitter_titel {
	color:#FFFFFF;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:39px;
	text-transform:uppercase;
}

.twitter_ticker {
	background-image:url(../pics/layout/news_ticker.gif);
}