/* ######################################################################################################
** ### Globale Layoutanpassungen ########################################################################
** ######################################################################################################
*/

/* "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.deejay-home.de)
*/
/* Festlegung der Layoutbreite und Zentrierung */
#page_margins
{
	margin: 0 auto;
	padding: 0;
	font: 105% Verdana,Tahoma,Arial,sans-serif;
	background: #f4f4f4 url(images/bg.gif) top center repeat-y;
	/* f4f4f4 sehr helles Grau */
	/* bg.gif = 1142 x 1 Pixel in color f4f4f4 */
}
/* ######################################################################################################
** ### Formatierung Bl�cke: Kopf, linke und rechte Spalte, Content und Footer ###########################
** ######################################################################################################
*/

/* Kopfbereich */
#head
{
	background: #fff url(images/citygard.jpg);
	background-repeat: no-repeat;
	background-position: 10px 30px;
	clear: both;
	margin: 0 auto;
	height: 220px;
	width: 1024px;
	position:relative;
}

/* Main Bereich */
#main
{
	background: #fff;
	color: #303030;	
	margin: 0 auto;
	width: 1024px;
	margin-top:-20px;
}

/* Linke Spalte */
#col1
{
	width:150px;
	margin:0px 10px 5px 10px;
	float: left;
}

/* Rechte Spalte */
#col2
{
	width:180px;
	margin:0px 10px 5px 10px;
	float:right;
}
.rightitem
{
	color:#505050;
	width:160px;
	margin-top:20px;
	padding:10px;
	color:#505050;
	background-color:#f4f4f4;
}

/* Mittlere Spalte */
#col3
{
	margin:0px 200px 10px 170px;
	border-left:2px solid #CC0000;
	border-right:2px solid #f0f0f0;
	padding:10px 10px 0 10px;
	line-height:1.3em;
	text-align:left;
}

/* Footer */
#footer
{
	clear:both;
	margin:0 auto;
	padding:10px 0 20px 0;
	border-top:4px solid #f0f0f0;
	width:1024px;
	text-align:center;
	color:#808080;
	/* relativ dunkles Grau */
	font-size:0.9em;
}

/* ######################################################################################################
** ### Formatierung der Module ##########################################################################
** ######################################################################################################
*/
/* Modul Klasse */
#col1 .modul h3, #col2 .modul h3
{
	background-color: inherit;
	/*color:#505050;*/
	color: #CC0000;
	/* dunkles Grau */
	font:bold 1.05em Verdana,Tahoma,Arial,sans-serif;
	letter-spacing: -1px;
	margin: 0 0 10px 0;
	width:160px; /*230*/
	padding:0px;
}
#col1 .modul, #col2 .modul
{
	width:160px;
	padding: 10px;
	color: #505050;
	background-color: #f4f4f4;
	line-height: 1.3em;
	margin: 20px 0 15px 0;
	/*margin-bottom:15px;*/
}
#col1 .modul legend, #col1 .modul label, #col1 .modul h2.ignoresuch,.mod_efa_fontsize_text,
#col2 .modul legend, #col2 .modul label, #col2 .modul h2.ignoresuch, #col1 #mod_quicknavi label,
#col2 #mod_quicknavi label
{
	display:none;
}
#col1 .inner_mod, #col2 .inner_mod
{
	margin:0px;
	padding:0px;
}
#col1 .modul input,#col1 .modul select
{

}
#col1 .modul input[type=text],#col1 .modul select
{
}
#col1 .modul .senden, #col1 .newssenden, #col1 .button, #col1 input[type=submit],
#col2 .modul .senden, #col2 .newssenden, #col2 .button, #col2 input[type=submit]
{
	font-size:90%;
}
/* Modul Suchbox */
#mod_suchbox .senden
{
	float:right;
}
#mod_suchbox input
{
	width:110px;
	margin: 0 0 10px 0;
}
/* Modul Styleswitcher */
#mod_styleswitcher select
{
	width:110px;
}
#mod_styleswitcher .senden
{
	padding-left:12px;
	float:right;
	border:1px solid #384E4C;
	margin-top:-15px;
	margin-right:20px;
}

/* Modul Login */
#mod_login
{
	margin-top:20px;
}
#mod_login label
{
	display:none;
	width:110px;
}

#mod_login .input
{
	margin:0px;
	padding:0px;
	margin-bottom:-7px;
	width:90px;
}
#mod_login .senden
{
	padding-left:12px;
	margin-top:20px;
	float:right;
	margin-right:30px;
	border:1px solid #384E4C;
}
#mod_login a.loginlink:focus
{
	color:#fff;
	background:#5897BD;
}

#mod_login  a
{
	font-weight:600;
	font-size:90%;
	color:#923A00;
	text-decoration:none;
}
#col2 #mod_login  a.loginlink
{
	clear:both;
	padding-right:7px;
	font-weight:600;
}
/* Modul Umfrage *************************************************************/
#col1 #mod_umfrage_plugin label, #col2 #mod_umfrage_plugin label
{
	display:inline;
	color:#333333;
}
/* Modul Newsletter **********************************************************/
#newsletter_neuemail
{
	width:90%;
}
/* Modul RSS feed ************************************************************/
#mod_rssfeed_show li,
#mod_rssfeed_show1 li,
#mod_rssfeed_show2 li
{
	list-style:none;
	margin-left:-10px;
}
/* Modul Veranstaltungen *****************************************************/
#mod_event .comment_inhalt
{
	padding:5px;
	margin:0px 0px -30px 0px;
}
/* News Grabber **************************************************************/
#col1 #newsgrabber_front .rss_news, #col2 #newsgrabber_front .rss_news,
#col1 #newsgrabber_front .rss_newsblock, #col2 #newsgrabber_front .rss_newsblock,
#col1 #newsgrabber_front .rss_newskoerper, #col2 #newsgrabber_front .rss_newskoerper
{
	padding:0px;
	margin:0px;
	border:0px transparent;
}
#col1 #newsgrabber_front .rss_newskoerper, #col2 #newsgrabber_front .rss_newskoerper
{
	margin-bottom:10px;
}
/* Modul Kopftext */
#mod_kopftext
{
	background:transparent;
	color:#303030;
	/* sehr dunkles Grau */
	margin:0 auto;
	width:560px;
	background-repeat:no-repeat;
	clear:both;
}
#mod_kopftext h1, .toph1
{
	width:540px;
	float:right;
	text-align:center;
	color:#a0a0a0;
	margin:0 0 10px 0;
	font-size:1.2em;
	line-height:1.2em;
	text-decoration:none;
}
#mod_kopftext a
{
	text-decoration:none;
	color:#8A897E;
	padding:0px;
	margin:0px;
	text-decoration:none;
}
#kopftext h1
{
	border:none;
	text-decoration:none;
}

/* Modul Sprachwahl */
#mod_sprachwahl
{
	padding-top:6px;
	text-align:left;
	width:60%;
	color:#fff;
}
#mod_sprachwahl img
{
	margin-right:5px;
}
#mod_sprachwahl li
{
	display:inline;
	list-style-type:none;
	padding:0px;
	margin:0px;
}
#mod_sprachwahl  a
{
	color:#000;
	text-decoration:none;
}
#mod_sprachwahl  a:hover
{
	background:#fff;
	color:#000066;
}
#sprachwahl a:focus
{
	color:#000066;
	background:#fff;
}

/* Modul efa Fontsize */
#mod_efa_fontsize
{
	position:absolute;
	top:6px;
	right:10px;
}
#mod_efa_fontsize ul,#mod_efa_fontsize li
{
	float:left;
	display:inline;
	margin:0px;
	margin-right:5px;
	padding:0px;
	font-size:110%;
	color:#000;
}
#mod_efa_fontsize a
{
	color:#000;
}
/* Modul Breadcrump */
.breadcrump
{

}

/* Modul Kopf-Menü */
#mod_menue_top
{
	position:absolute;
	top:167px;
	left:10px;
	height:22px;
	width: 1000px;
	text-align:center;
	background:#2976CE;

}
#mod_menue_top li
{
	display:inline;
	list-style-type:none;
	padding:0px;
	margin:0px;
}
#mod_menue_top a
{
	color:#fff;
	font-weight:400;
	text-decoration:none;
	margin-right: 10px;
	margin-left: 10px;
}
#mod_menue_top a:hover
{
	/*background:#fff;*/
	font-weight: 600;
}
#menue_top a:focus
{
	color:#fff;
	background:#5897BD;
}
/* Modul Quicknav */
#mod_quicknavi select
{
	width:110px;
}
#mod_quicknavi label
{
	display:block;
	font-size:105%;
	font-weight:bold;

}
#mod_quicknavi .senden
{
	padding-left:12px;
	font-size:90%;
	float:right;
	border:1px solid #000066;

}
/* Modul Veranstaltungen */

#mod_event h2
{
	font-size:70%;
	font-weight:bold;
}

/* Modul Kalender */
#mod_kalender
{
	width:130px;
	max-width:130px;
	margin-top:20px;
	padding:10px;
	color:#505050;
	background-color: #f4f4f4;
}
/* Module ... */

#catlistdiv
{
	width:100%;
	height:150px;
}
#catlistdiv ul, #catlistdiv li
{
	list-style-type:none;
}
#catlistdiv li
{
	float:left;
	width:250px;
}
div.tright
{
	float:right;
	border-width:.5em 0 .8em 1.4em;
}
div.tleft
{
	float:left;
	margin-right:.5em;
	border-width:.5em 1.4em .8em 0;
}
#linkliste
{
	margin-left:10px;
}
.linklistul, .linklistul li, .pdatlist {
	list-style-type:none;
	margin:0px;
	pading:0px;
}
.linkitem
{
	border-bottom:1px solid #ddd;
	width:100%;
	height:160px;
}
.decrip
{
	color:#444;
}
.linkitem h2
{
	border:none;
}
.linkbilditem
{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
.p_logo
{
	float:right;
}
.pdaten
{
	border-bottom:1px solid #ddd;
	width:100%;
	height:140px;
}

/* ######################################################################################################
** ### Unsichtbare Elemente            ##################################################################
** ######################################################################################################
*/

/* Unsichtbare Objekte  */
#menue_sprung, .breadtext, .ignore, .ignoreornot, dfn, .menh2
{
	position:absolute;
	display:inline;
	height:0px;
	width:0px;
	overflow:hidden;
	left:-2000px;
	top:-2000px;
}

/* Rechte Spalte */
.loginh2
{
	display:none;
}
/* ######################################################################################################
** ### Navigations-Men� #################################################################################
** ######################################################################################################
*/

#col1 #mod_menue
{
	display:block;
	width: 170px;
	margin: 20px 0px 0px -20px;
	padding: 0;
	font-size: 0.9em;
	background:transparent;
	margin-bottom:15px;
}

#mod_menue  ul
{
	list-style: none;

	margin: 0 0 0 0;
	padding: 0;
	font-size: 1.1em;
}
#mod_menu li
{

	margin-bottom: 4px;
}
.mod_menue_ul
{
	list-style: none;
	width: 170px;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 1.1em;
}
#mod_menue  .untermenu1
{
	background: #fff;
	margin-left:0px;

}
#mod_menue  .untermenu2
{
	margin-left:5px;
}
#mod_menue  .untermenu1 a, #mod_menue  .untermenu1 span
{

}
#mod_menue  .untermenu2 a, #mod_menue  .untermenu2 span
{
	padding: 0px 5px 0px 0px;
	margin-top: 0px;
}
#mod_menue .untermenu3 a, #mod_menue  .untermenu3 span
{
	padding: 3px 5px 3px 0px;
	margin-top: 0px;
}
#mod_menue  li a, #mod_menue  li span
{
	font-weight: bold;
	height: 20px;
	text-decoration: none;
	display: block;
	padding: 6px 0 0 10px;
	border-left: 4px solid #cccccc;
}
#mod_menue  li a:visited
{
	font-weight: bold;
	height: 20px;
	text-decoration: none;
	display: block;
	padding: 6px 0 0 10px;
	border-left: 4px solid #cccccc;
}

#mod_menue  .untermenu1 li a
{
	font-size:80%;
	font-weight: normal;
	height: 18px;
	text-decoration: none;
	color: #505050;
	display: block;
	padding: 0px 5px 0px 5px;
	background: #fff;

	postion:relative;
	margin-left:-5px;
	margin-top:4px;
	width:110px;
}
#mod_menue  .untermenu1 li a:visited
{
	font-weight: normal;

}
#mod_menue  .untermenu1 li span
{

}
#mod_menue  .untermenu1 li a:hover
{

	color: #000066;
	
}
#mod_menue  .untermenu1 li a:focus
{

	color: #000066;
	
}
#mod_menue  li a:hover
{
	background: #eaeaea;
	color: #000066;
	border-left: 4px solid #CC0000;
}
#mod_menue  li a:focus
{
	background: #eaeaea;
	color: #000066;
	border-left: 4px solid #CC0000;
}
#mod_menue  .menuxaktiv
/* nicht aktives Men�???*/
{
	padding:0px 5px 0px 5px;
	margin-top:4px;
	color: #505050;
	display: block;
	padding: 6px 0 0 10px;
	background: #f4f4f4;
	border-left: 4px solid #cccccc;
}
#mod_menue .menuy_aktiv
{
	display: block;
	padding: 6px 0 0 10px;
	margin-top:4px;
	background: #eaeaea;
	color: #000066;
	border-left: 4px solid #CC0000;
}
#mod_menue li a.menuxaktiv_back
{
	display: block;
	padding: 6px 0 0 10px;
	margin-top:4px;
	background: #eaeaea;
	color: #000066;
	border-left: 4px solid #CC0000;
}
#mod_menue .untermenu1 li a.menuxaktiv
{
	padding:0 0 0 0;
	margin-top:4px;
	/*color: #505050;*/
	color: #000066;
	display: block;
	background: #fff;
	border-left:  0px;
	height: 18px;
}
#mod_menue  .untermenu1 li a.menuxaktiv_back
{
    display: block;
	padding: 0 0 0 0;
	margin-top:4px;
	background: #fff;
	color: #CC0000;
	border-left: 0px;
		height: 18px;
}
/* ######################################################################################################
** ### spezielle Artikel-Klassen                         ################################################
** ######################################################################################################
*/
div
{
	border:0px solid black;
}
.sprachlink
{
	background:#fff;
	border:1px solid #fff;
	padding-top:10px;
	margin:0px;
}
.sprachlink img
{
	margin:0px;
	padding:0px;
	border:0px;
}
#suchefor #search
{
	width:60%;
}
#sprechomat_start
{
	margin-top:15px;
	float:right;
}

/* Darstellung der Kommentare */
.comment_inhalt
{


	color:inherit;
	font-size:90%;
	padding:10px;
	width:95%;

}
.floatbox
{
	padding:0px 0px 0px 0px;

}

/* Um container innerhalb einer Artikels floaten, kann Bilder etc. enthalten */
.float_left_artikel
{
	background:#ffffff none;
	border-bottom-width:1px;
	border-color:#5f603c;
	border-right-width:1px;
	border-style:solid;
	border-width:1px;
	color:inherit;
	float:left;
	font-size:90%;
	line-height:120%;
	margin:10px;
	padding:10px;
	position:relative;
}
.float_right_artikel
{
	background:#ffffff none;
	border-bottom-width:1px;
	border-color:#5f603c;
	border-right-width:1px;
	border-style:solid;
	border-width:1px;
	color:inherit;
	float:right;
	font-size:90%;
	line-height:120%;
	margin:10px;
	padding:10px;
	position:relative;
}

/* Foreneintr�ge */
.messagedata h2, .messageh4
{
	background:#fff;
	padding:5px;
	margin-right:0px;
	margin-top:5px;
	color:#333;
	border:1px solid #ccc;
	position:relative;
}
.messagedatap, .messagebot
{
	background:#F0F0F0;
	padding:10px;
	margin-left:0px;
	margin-top:-1px;
	padding-top:20px;
}
.messagefoot
{
	background:#E4E4E4;
	margin-left:0px;
	padding:10px;
	margin-top:-1px;
}
.messageul li, .messageul ul, ul.messageul
{
	margin-left:7px;
}
.forumliste a
{
	font-size:100%;
	font-weight:400;
}
/* Darstellung der Kommentare */
.comment_inhalt
{
	background:#efefef;
	border:1px solid #999;
	color:inherit;
	font-size:90%;
	padding:10px;
	width:90%;
	margin:5px;
	margin-left:0px;
}
.hierforum
{
	background:#F8F182;
}
.artikelbox_left
{
	overflow:hidden;
	float:left;
	width:310px;
}
.artikelbox_right
{
	overflow:hidden;
	float:right;
	width:310px;
	padding-left:40px;
}
.teaserbildleft
{
	margin:10px;
	margin-left:0px;
}

/* ######################################################################################################
** ### Formulare allgemein                               ################################################
** ######################################################################################################
*/
input, select, textarea
{
	border:1px solid black;
}
input:focus, select:focus, textarea:focus
{
	border:1px inset black;
	background:#eee;
}
.bbeditor_element
{
	float: left;
}
#formk, .form
{
	line-height: 140%;
}
#formk fieldset, .form fieldset
{
	background-color:#F3F3F3;
	border:1px solid #939A9D;
	margin:20px 0px 20px 0px;
	padding:10px;
}
#formk legend, .form legend
{
	background-color:#E2E2C8;
	margin:0px 0px 10px -20px;
	padding:2px 10px 2px 10px;
	border:1px solid #939A9D;
}
.forumlistex
{
	font-size:100%;
}
.forumlistex ul
{
	list-style-type:none;
}

/* .form input[type=text] */
#formk .inpt, .form .inpt
{
	margin-left:1em;
	text-align:left;
	width:70%;
	margin-bottom:5px;
}

/* Textarea */
#formk .txt, .form .txt
{
	margin-left:1em;
	text-align:left;
	width:70%;
}
input.inpt:focus, textarea.txt:focus
{
	background:#eee;
}
#formk select , .form select
{
	margin-left:1em;
	text-align:left;
}
.headerfor
{
	background:#DAD9DF;
	padding:5px;
}

/* Label von Checkboxen */
.label
{
	border-bottom:1px dotted #000;
}
/* input[type=submit] */
#formk .senden, .form .senden
{
	margin:0px 0px 0px 55%;
}
label, .label, select, input[type=checkbox], input[type=radio], input[type=submit], .senden
{
	cursor:pointer;
}
label, .label, select, .inpt, .txt
{
	margin-bottom:20px;
}
.senden
{
	margin-bottom:0px;
}
#formk p, .form p
{
	margin:20px 0px 10px 0px;
}
#formk textarea, .form textarea
{
	width:90%;
}
legend
{
	padding:2px 2px 2px 2px;
	display:block;
}
label
{
	margin-bottom:2em;
}
.formwrap
{
	background-color:transparent;
	margin:20px 0px 20px 0px;
	width:90%;
}
.formwrap_guest
{
	background-color:transparent;
	margin:20px 0px 20px 0px;
	width:90%;
}

/* Lightbox */
#lightbox
{
	background-color:#eee;
	padding:10px;
	border-bottom:2px solid #666;
	border-right:2px solid #666;
}
#lightboxDetails
{
	font-size:0.8em;
	padding-top:0.4em;
}
#lightboxCaption
{
	float:left;
}

#keyboardMsg
{
	float:right;
}
#closeButton
{
	top:5px;
	right:5px;
}
#lightbox img
{
	border:none;
	clear:both;
}
#overlay img
{
	border:none;
}
#overlay
{
	position:absolute;
	margin-top:-20px;
	background-image:url(../../bilder/overlay.png);
}
.tab1
{
	width:100%;
}
hr
{
	border:1px solid #ccc;
	height:1px;
}
#weiter li
{
	display:inline;
	list-style-type:none;
	padding:0px;
	margin:0px;
}