@charset "utf-8";

html	{
	margin:0;
	padding:0;
	height:100%
}

body {
	min-height:101%;
	margin:0;
	padding:0;
	background-image:url(pics/bg_1.jpg);
	background-attachment:fixed;
	background-color:#4b6580;
	background-image:url(pics/bg_1.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#333333;
}

h1	{
	margin:0 0 12px 0;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:16px;
}

h2	{
	margin:0 0 2px 0;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:14px;
}

p	{
	margin:0 0 12px 0;
	
	/*added for fe-editing in rte*/
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#333333;
}

a	{
	color:#6699ff;
	text-decoration:none;
}

/*TMP*/
/*#tinymce p a, #tinymce p a:link, #tinymce p a:visited, #tinymce p a:active	{
	color:#6699ff;
	text-decoration:none;
}*/
/*TMP*/

a:hover	{
	color:#0033cc;
	text-decoration:underline;
}

ul	{
	margin:0 0 12px 15px;
	padding:0;
}

li	{
	margin:0 0 6px 0;
	padding:0;
}

img {
	border:none
}

input,textarea {
	border:1px solid #333333;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}

label, select	{
	font-size:11px;
}


/*-----------------------------
	layout: div-container
-----------------------------*/
#container_main	{
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	/*margin-bottom:24px;
	padding-top:24px;*/
	padding:0;
	width:960px;
	/*background-color:#ffffff;*/
	background-color:transparent;
	/*background-image:url(pics/clouds_bg.png);*/
	background-position:top left;
	background-repeat:no-repeat;
}

#navigation_main_container	{
	margin:0px 0px 0px 0px;
	/*margin:3px 0px 0px 0px;*/
	padding:0px 0px 48px 0px;
	height:18px;
	background-color:#ffffff;
	text-align:right;
	
	/*filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;*/
}

#navigation_spacer_top {
	height:48px; /*72px for clouds_bg.png*/
	background-color:transparent;
	/*background-image:url(pics/clouds_bg.png);*/
}

#navigation_main	{
	float:right;
}

#navigation_sub	{
	float:left;
	width:216px;
	margin:0 0px 24px 0;
	padding:0;
	background-color:#ffffff;
}

#container_content {
	float:left;
	width:720px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 24px;
	text-align:left;
	
	background-color:#ffffff;
	
	min-height:360px;
	height:auto !important;
	height:360px;

}

#content_left	{
	float:left;
	width:400px;
	margin:0 48px 36px 0;
	padding:0;
	text-align:left;
	background-color:#ffffff;
}

#content_right	{
	float:left;
	margin:0 24px 36px 0;
	padding:0;
	width:248px;
	text-align:left;
	background-color:#ffffff;
}

#footer_container {
	clear:both;
	/*height:20px;*/
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 240px;
	background-color:transparent;
	/*background-image:url(pics/bg_footer.gif);
	background-repeat:no-repeat;*/
	font-size:10px;
	color:#666666;
}

#footer {
	background-color:#ffffff;
}


#search {
	margin:0;
	padding:0;
	
	vertical-align:middle;
	padding-bottom:8px;
}




.content_2_cols	{
	margin:0;
	padding:0;
	float:right;
	width:744px;
}

.left_col	{
	float:left;
	width:384px;
	margin:0 48px 33px 0;
	padding:0;
	text-align:left;
	background-color:#ffffff;
}

.right_col	{
	float:left;
	margin:0 24px 33px 0;
	padding:0;
	width:288px;
	text-align:left;
	background-color:#ffffff;
}


/*-----------------------------
	layout: search
-----------------------------*/
#search {
	float:left;
	margin-left:24px;
	margin-top:10px;
	/*padding-left:14px;*/
}

#search form	{
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#search form input	{
	margin:0px 0px 0px 0px;
	padding:0px;
	width:96px;
	height:16px;
	border:1px solid #ffffff;
	color:#999999;
	font-weight:bold;
	background-color:#dddddd;/*#e0e1e8;*/
}

#search p	{
	display:inline;
	margin:0;
	padding:0;
}



/*-----------------------------
	layout: main_navigation
-----------------------------*/

#navigation_main_container ul.level_0	{
	list-style:none;
	margin:0;
	padding:8px 24px 0px 0px;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	color:#666666;
}

#navigation_main_container ul.level_0 li	{
	display:inline;
	margin:0;
	padding:0 0px 0 48px;
}

#navigation_main_container ul.level_0 li a	{
	margin:0;
	padding:4px 0 6px 0;
	line-height:24px;
	text-decoration:none;
	color:#999999;
}

#navigation_main_container ul.level_0 li a:hover	{
	color:#000000;
}

#navigation_main_container ul.level_0 li a.active, #navigation_main_container ul.level_0 li a.expanded	{
	color:#000000;
}

/*-----------------------------
	layout: sub navigation
-----------------------------*/
#navigation_sub li {
	/*background-color:#ffffff;*/
}

#navigation_sub ul.level_0	{
	list-style:none;
	margin:0;
	padding:0;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

#navigation_sub ul.level_0 li	{
	margin:0;
	padding:-1px 0 0 0;
}

#navigation_sub ul.level_0 li a	{
	display:block;
	width:166px;
	margin:0 0 24px 0;
	padding:4px 0 6px 26px;
	line-height:14px;
	/*background-image:url(pics/digit_white.gif);*/
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#666666;
}

#navigation_sub ul.level_0 li a:hover	{
	color:#000000;
	/*background-image:url(pics/digit_deeper_blue.gif);*/
}

#navigation_sub ul.level_0 li a.active, #navigation_sub ul.level_0 li a.expanded	{
	/*color:#000000;*/
	font-weight:bold;
	/*background-image:url(pics/digit_deeper_blue.gif);*/
}

#navigation_sub ul.level_1	{
	list-style:none;
	margin:-24px 0 0px 48px;
	padding:0;
}

#navigation_sub ul.level_1 li	{
	margin:0;
	padding:0px 0px 10px 0px;
}

#navigation_sub ul.level_1 li a	{
	width:144px;
	margin:0;
	padding:0;
	background-image:none;
	color:#666666;
	text-decoration:none;
	line-height:16px;
}

#navigation_sub ul.level_1 li a:hover	{
	background-image:none;
	color:#000000;
}

#navigation_sub ul.level_1 li a.active, #navigation_sub ul.level_1 li a.expanded	{
	background-image:none;
	color:#000000;
}






#navigation_sub ul.level_2	{
	list-style:none;
	margin:0px 0 0px 48px;
	padding:0;
}

#navigation_sub ul.level_2 li	{
	margin:0;
	padding:0px 0px 8px 0px;
}

#navigation_sub ul.level_2 li a	{
	width:120px;
	margin:0;
	padding:0;
	background-image:none;
	color:#666666;
	text-decoration:none;
	line-height:16px;
}

#navigation_sub ul.level_2 li a:hover	{
	background-image:none;
	color:#000000;
}

#navigation_sub ul.level_2 li a.active, #navigation_sub ul.level_1 li a.expanded	{
	background-image:none;
	color:#000000;
}

/*-------------------------------------------------------------------
	Diverses
-------------------------------------------------------------------*/

.missingFields {
	color:#ff0000;
}


/*---------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------
----------  TINYMCE: KLASSEN FÜR USER ---------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------*/




/*---------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------
----------  PLUGINS  --------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------*/





/*-------------------------------------------------------------------
	Formulare
-------------------------------------------------------------------*/

.form_row {
	font-weight:normal;
	line-height:18px;
	padding-bottom:7px;
}
.form_row_container {
	width:510px;
	margin-bottom:3px;
}


form	{
	margin:0 0 12px 0;
	padding:0;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}

form label	{
	float:left;
	padding-right:12px;
	width:120px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}

form input	{
	width:240px;
	background-color:#f9f9f9;
	padding:2px;
	margin-bottom:2px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}

form input:hover	{
	background-color:#ffffff;
}

form textarea	{
	width:240px;
	border:1px solid #333333;
	background-color:#f9f9f9;
	padding:2px;
	margin-bottom:12px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}

form textarea:hover	{
	background-color:#ffffff;
}

form div.nolabel	{
	clear:left;
	margin:12px 0 12px 132px;
	padding:0;
}

form div.buttonbox	{
	padding:3px 0 6px 0;
	float:left;
	white-space:nowrap;
}

form input.radiocheck	{
	float:left;
	width:auto;
	padding:0;
	margin:0;
	border:0;
	background-color:#ffffff;
}

form label.radiobox	{
	float:left;
	width:auto;
	padding:0 12px 0 3px;
	margin:0;
	border:0;
	background-color:#ffffff;
	white-space:nowrap;
}

form input.senden	{
	width:auto;
	padding:0 24px 0 24px;
	margin:12px 0 0 0;
	background-color:#f9f9f9;
	text-align:center;
}

form input.senden:hover	{
	background-color:#333333;
	color:#ffffff;
}

form select	{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin:12px 0 12px 0;
	background-color:#f9f9f9;
	border:1px solid #333333;
}

form input.text_label {
	width:30px;
	float:left;
}

form input.text_label_text {
	width:30px;
	float:right;
}

form div.form_control_container {
	float:left;
	width:250px;
}


/*-------------------------------------------------------------------
	calendar
-------------------------------------------------------------------*/

/* navigation months */
table.monate	{
	width:100%;
	table-layout:fixed;
	border-spacing:0px;
	border-collapse:collapse;
	margin-bottom:12px;
}

table.monate td	{
	margin:0;
	padding:1px 6px 1px 3px;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	border-top:0;
	border-bottom:0;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
}

table.monate td a, table.monate a:link, table.monate a:visited, table.monate a:active {
	color:#666666;
	text-decoration:none;
}

table.monate td a:hover	{
	color:#3066ad;
	text-decoration:underline;
}

table.monate td a.active	{
	color:#3066ad;
}


/* navigation categories */
ul.sortkalender	{
	margin:0;
	padding:0;
	list-style:none;
}

ul.sortkalender li	{
	float:left;
	margin:0 18px 3px 0;
	padding:0;
	white-space:nowrap;
}

ul.sortkalender li a, ul.sortkalender a:link, ul.sortkalender a:visited, ul.sortkalender a:active {
	color:#666666;
	text-decoration:none;
}

ul.sortkalender li a:hover {
	color:#3066ad;
	text-decoration:underline;
}

ul.sortkalender li a.active {
	color:#3066ad;
	text-decoration:underline;
}


/* items */
table.kalender	{
	clear:left;
	width:100%;
	table-layout:fixed;
	border-spacing:0px;
	border-collapse:collapse;
	margin:12px 0 12px 0;
}

table.kalender td	{
	padding:0;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	border-left:0;
	border-right:0;
	vertical-align:top;
}

table.kalender td p	{
	margin:3px 0 6px 0;
	line-height:15px;
}

table.kalender td a, table.kalender td a:link, table.kalender td a:visited, table.kalender td a:active {
	color:#3066ad;
	text-decoration:none;
}

table.kalender td a:hover {
	color:#3066ad;
	text-decoration:underline;
}

table.kalender td.left_column	{
	width:70px;
}

table.kalender td.middle_column	{
	width:30px;
	border-right:1px solid #333333;
}

table.kalender ul.termin	{
	margin:2px 2px 2px 24px;
	padding:0;
	font-size:12px;
	/*list-style-image:url(../../pics/schule/li_alle.gif);*/
}

table.kalender ul.termin li	{
	margin:0;
	padding:0;
}


/*-------------------------------------------------------------------
	guestbook
-------------------------------------------------------------------*/
table.guestbook	{
	width:100%;
	table-layout:fixed;
	border-spacing:0px;
	border-collapse:collapse;
}

table.guestbook td	{
	padding:0;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	border-left:0;
	border-right:0;
}

table.guestbook td.left_column	{
	width:120px;
	border-right:1px solid #333333;
	font-weight:bold;
}

table.guestbook td p	{
	margin:3px 2px 4px 0;
	line-height:15px;
}

/*-------------------------------------------------------------------
	market
-------------------------------------------------------------------*/
table.market	{
	width:100%;
	table-layout:fixed;
	border-spacing:0px;
	border-collapse:collapse;
}

table.market td	{
	padding:0;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	border-left:0;
	border-right:0;
	vertical-align:top;
}

table.market td p	{
	margin:3px 3px 6px 0;
	line-height:15px;
}

table.market a, table.market a:link, table.market a:visited, table.market a:active {
	color:#3066ad;
	text-decoration:none;
}

table.market a:hover {
	text-decoration:underline;
}

table.market td.left_column	{
	width:100px;
	border-right:1px solid #333333;
}


/*-------------------------------------------------------------------
	gallery
-------------------------------------------------------------------*/
ul.dbtal_gallery	{
	clear:left;
	margin:0px;
	padding:0px;
	list-style:none;
}

ul.dbtal_gallery li	{
	float:left;
	margin:0px;
	padding:0px;
	/*width:124px;
	height:100px;*/
}

ul.dbtal_gallery li img	{
	margin:0px 10px 10px 0px;
	padding:0px;
}

h2.dbtal_gallery_title	{
	clear:left;
	padding-bottom:5px;
}




/*---------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------
----------  FE-EDITING KORREKTUREN  -----------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------
	TEMP: AUFHEBEN VON CSS-VERERBUNGEN FÜR CMS (SPÄTER MIT JQUERY)
-------------------------------------------------------------------*/

/*#navigation_sub ul.level_0 li div.dbtal_page_tools a {
	margin:0;
	padding:0;
	width:auto;
	line-height:normal;
	display:inline;	
	float:none;
}*/
/*#navigation_sub ul.level_0 li div.dbtal_page_tools a:hover {
	background-image:none;
}*/



/*-------------------------------------------------------------------
	TINYMCE KORREKTUREN
-------------------------------------------------------------------*/
/*
 Addon to overwrite table formatting in tinymce (all tinymce-formatting: s. code above! (copied from corresponding file))
*/
.mceItemTable td {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#333333;/*besser in em? heinz fragen*/
	/*font:normal 0.75em Arial, Helvetica, sans-serif;*/
}

body#tinymce, body#tinymce td, body#tinymce pre {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#333333;
	/*font-size:16px;*//*nicht möglich: beinflusst toolbar usw.*/
}

/*added for fe-editing in rte*/
body#tinymce li	{
	
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#333333;
}

