/* CSS für neuen Aufritt mit neuem Logo */

body
{
	font-family:Arial;
	font-size:12px;
	text-align:center;
	
	margin:0px;
	padding:0px;
	
	scrollbar-arrow-color:#232323;
	scrollbar-base-color:#D4D2D3;
	scrollbar-darkshadow-color:#D4D2D3;
	scrollbar-face-color:#EDEAEA;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#D4D2D3;	
}

/* GRUNDLAYOUT */

#masterdiv			{ width:948px; text-align:left; margin:auto; position:relative; top:0px; left:0px; border:solid 1px #9A9A9A; border-width:0px 1px 0px 1px; /* moz */ }
#masterheader		{ width:948px; height:323px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; position:relative; top:0px; left:0px; background-color:Transparent;  background-repeat:no-repeat; background-position:top left;  z-index:996px; }
#masterleft			{ width:210px; float:left; padding:50px 0px 0px 0px; background-color:Transparent; position:relative; top:0px; left:0px; z-index:999;}
#mastercontent		{ width:560px; float:left; height:100%; padding:0px 0px 0px 0px; background-color:Transparent;  }
#masterright		{ width:168px; float:right; text-align:right; background-color:Transparent;   }
#menubar			{ position:relative; top:0px; left:0px; display:block; text-align:left; padding:0px; width:950px; height:30px;	}
#mastersub			{ clear:both; overflow:hidden; }
#contentscroll		{ margin-top:10px; }

/* header */

#masterheader #logo				{ border-width:0px; position:absolute; left:770px; top: 243px; float:right; }		/* div über logo zum klicken */
#masterheader #date				{ color:Black; position:absolute; top:200px; left:760px; width:155px;  text-align:center; line-height:15px; z-index:2; font-size:11px; }
#masterheader #infonews			{ width:180px; color:White; position:absolute; top:47px; left:170px; }  /* aktuell newsvorschau */
#masterheader #headerimg		{ position:absolute; top:0px; left:0px; }

/* left */

#masterleft .menuitem    { border:solid 1px #D9D9DA; border-width:0px 0px 1px 0px; height:22px; margin-bottom:1px; width:136px; padding:7px 7px 0px 20px; }
#masterleft .menuitem a  { font-family:Arial; font-size:12px; font-weight:bold; color:#333333; }
#masterleft .menuitem:hover a   { color:#A4A4A4; }

#masterleft .menuitem_sel    { border:solid 1px #D9D9DA; border-width:0px 0px 1px 0px; height:22px; margin-bottom:1px; width:136px; padding:7px 7px 0px 20px; }
#masterleft .menuitem_sel a  { font-family:Arial; font-size:12px; font-weight:bold; color:#A4A4A4; }

#weatherpreview	{ clear:both; height:50px; margin:0px 0px 0px 20px; position:absolute; top:330px; z-index:999}

/* right */

#searchform		{ margin:11px 0px 0px 0px; } 
#searchbutton	{ border-width:0px; float:left; }
.searchtextbox	{ float:left; width:118px; }
#printbutton	{ float:left; margin:1px 0px 0px 5px; cursor:pointer; }

#masterright .menuitem			 { background-color:#D9D9DA; height:22px; margin-bottom:1px; width:156px; padding:7px 7px 0px 5px;  text-align:left; }
#masterright .menuitem a		 { font-family:Arial;  font-size:12px; font-weight:bold; color:#333333; }
#masterright .menuitem:hover     { background-color:#9B9B9B; }
#masterright .menuitem:hover a   { color:white; }

#masterright .menuitem_sel		{ background-color:#9B9B9B; height:22px; margin-bottom:1px; width:156px; padding:7px 7px 0px 5px;  text-align:left; }
#masterright .menuitem_sel a	{ font-family:Arial;  font-size:12px; font-weight:bold; color:white; }


/* content */

.statusitem					{ float:left; }
#contentstatus				{ color:#A6A6A6; margin:8px 0px 30px 3px; }
#contentstatus div a		{ text-decoration:none; color:#9A9A9A; }
#contentstatus div a:hover	{ text-decoration:none; color:#333333; }
.backlink					{ float:right;position:relative;top:4px;left:-20px;text-decoration:none; }
#contentscroll				{ overflow:auto; width:100%; position:relative; top:0px; left:0px; margin-bottom:3px; }

#newsticker				{ width:900px; height:15px; text-align:center; border-top:dashed 1px #C7C7C8; border-bottom:dashed 1px #C7C7C8; color:#333333; padding:2px; position:relative; top:-1px;  }
#newstickertext			{ color:#333333; }

.dashedhorizontal		{ border-top:dashed 1px #C7C7C8; border-bottom:dashed 1px #C7C7C8; }
.border					{ border:solid 1px #C7C7C8; }

.fileicon	{ border-width:0px; margin-right:6px; position:relative; top:4px }
.filediv	{ padding:2px 0px 3px 0px; }

.highlight	{ font-weight:bold; color:#FFD800; }


/* HTML Elemente */

a { text-decoration:none; color:#333333; }
b { color:#333333; }
p { padding:0px; margin:0px; }

.link			{ text-decoration:underline; color:#333333; }
.dropdown		{ font-size:11px; }
.textbox		{ font-size:11px; border:solid 1px #9A9A9A; color:#333333; height:14px; padding:1px 2px 1px 2px; }

.checkboxtext	{ float:left; padding:3px 0px 0px 4px; }
.checkbox		{ float:left;  }
.checkbox input	{ float:left;  }
.checkbox label	{ float:left; position:relative; top:0px; left:0px; margin:3px 0px 0px 3px; }

.button			{ border-width:0px; cursor:hand; }


/* TEXT */

.text		{ font-family:Arial; font-size:12px;}
.text_bold	{ font-family:Arial; font-size:12px; font-weight:bold; color:#333333; }

.statusheadline	{ font-family:Arial; color:#333333; font-weight:bold; font-size:15px; margin:0px 0px 18px 0px; }
.headline		{ font-family:Arial; color:#333333; font-weight:bold; font-size:15px; margin:0px 0px 0px 0px; padding:0px; }
.headline2		{ font-family:Arial; color:#333333; font-weight:bold; font-size:12px; margin:0px 0px 18px 0px; }


/* CONTENT */

#mastercontent a						 { text-decoration:underline; color:#333333; }
#mastercontent .ueberschrift			 { padding-bottom:2px; font-weight:bold; font-family:Arial; font-size:13px; color:#333333; line-height:18px; } /* ueberschrift hat standard kein margin nach oben */
#mastercontent .absatz					 { padding-bottom:6px; line-height:18px; padding-right:8px; font-weight:normal; font-size:12px; }
#mastercontent .absatz a				 { text-decoration:underline; color:#333333;} 
#mastercontent .absatz + .ueberschrift   { padding-top:12px; font-weight:bold; font-family:Arial; font-size:13px; color:#333333; line-height:18px; } /* uerberschrift hat automatisch margin zu oberen absatz */
#mastercontent input + .ueberschrift	 { padding-top:12px; font-weight:bold; font-family:Arial; font-size:13px; color:#333333; line-height:18px; } /* uerberschrift hat automatisch margin zu oberen absatz */
#mastercontent input + .ueöberschrift	 { padding-top:12px; font-weight:bold; font-family:Arial; font-size:13px; color:#333333; line-height:18px; } /* uerberschrift hat automatisch margin zu oberen absatz */

#mastercontent .absatz ul { padding-left:0px; margin-left:30px; }
#mastercontent .absatz li { padding-left:0px; list-style-image: url(../grafik/icons/groesser.gif); }

h3 { padding-bottom:2px; font-weight:bold; font-family:Arial; font-size:13px; color:#333333; line-height:18px; }

/* CONTENT NUR FÜR RUGGELL SEITENIMPORT (FREIZEIT - JUGENDRAUM) */

#mastercontent div.ueberschriftNueberschrift2	{ padding-top:8px; font-weight:bold; }
#mastercontent div.ueberschrift2				{  font-family:arial;  font-size:13px; font-weight:bold;  }
#mastercontent .absatz2 a				 { text-decoration:underline; color:#333333;} 
#mastercontent .absatz2 + .ueberschrift2   { padding-top:12px; font-weight:bold; font-family:Arial; font-size:13px; color:#333333; line-height:18px; } /* uerberschrift hat automatisch margin zu oberen absatz */
#mastercontent input + .ueberschrift2	 { padding-top:12px; font-weight:bold; font-family:Arial; font-size:13px; color:#333333; line-height:18px; } /* uerberschrift hat automatisch margin zu oberen absatz */
#mastercontent input + .ueöberschrift2	 { padding-top:12px; font-weight:bold; font-family:Arial; font-size:13px; color:#333333; line-height:18px; } /* uerberschrift hat automatisch margin zu oberen absatz */

/* KALENDER RECHTS */

#agenda_balken  { background-color:#D9D9DA; height:22px; width:152px; padding:7px 7px 0px 7px; text-align:left; }
.agenda_monat	{ text-decoration:none; float:left; width:70px; text-align:center;  }
.weekdaydiv		{ width:147px;padding:6px 0px 0px 1px;clear:both;height:15px;margin:0px 0px 0px 6px;  }
.weekday		{ float:left; height:17px; width:21px; text-align:center; color:#4E4C4E; background-color:Transparent; font-size:10px; }
#agenda_back	{ height:120px; clear:both; padding:0px 0px 0px 6px;  }

.day_normal		{ width:19px; height:15px; text-align:center; padding:2px 0px 0px 1px; }
.day_today		{ width:16px; height:14px; border:solid 1px orange; text-align:center; margin:0px 0px 0px 1px; padding:1px 0px 0px 0px; }
.day_events		{ width:17px; height:15px; text-align:center; margin:1px 1px 1px 1px; padding:2px 0px 0px 1px; }
.day_events_sel { width:17px; height:15px; text-align:center; margin:1px 1px 1px 1px; padding:2px 0px 0px 1px; background-color:#FFD800; }
.day_othermonth { width:19px; height:15px; text-align:center; padding:2px 0px 0px 1px; background-color:#F1F1F1; visibility:hidden; }

.day_normal a		{ text-decoration:none; color:#333333; font-size:10px; font-weight:bold; }
.day_today a		{ font-weight:bold; text-decoration:none; color:#333333; font-size:10px; }
.day_events a		{ text-decoration:none; color:#333333; font-size:10px; }					/* tage mit event */
.day_events_sel a	{ text-decoration:none; color:#333333; font-size:10px; }					/* tage mit event der ausgewählten kategorie */
.day_othermonth a	{ text-decoration:none; color:#333333; font-size:10px; }					/* tage der nachbarmonate */

.day_normal:hover		{ width:18px; height:15px; text-align:center; padding:2px 0px 0px 1px; background-color:#FFD800; }
.day_today:hover		{ width:15px; height:14px; border:solid 1px orange; text-align:center; margin:0px 0px 0px 1px; padding:1px 0px 0px 0px; background-color:#FFD800; }
.day_events:hover		{ width:17px; height:15px; text-align:center;  background-color:#FFD800; }
.day_events_sel:hover	{ width:17px; height:15px; text-align:center; margin:1px 1px 1px 1px; padding:2px 0px 0px 0px; background-color:#FFD800; }
.day_othermonth:hover	{ width:18px; height:15px; text-align:center; padding:2px 0px 0px 1px; background-color:#F1F1F1; visibility:hidden; background-color:#FFD800; }


/* START */

.startimg		{ width:132px; height:99px; background-repeat:no-repeat; background-position:2px left; }
.startcell		{ border-bottom:dashed 1px #C7C7C8; padding:20px 0px 10px 0px;}

/* AGENDA */

.eventhead				{ border-bottom:dashed 1px #C7C7C8;  margin:25px 0px 12px 0px; width:530px; clear:both; height:18px; }
.eventhead .date		{ margin:0px 5px 0px 0px; color:#9C9C9C; float:left; font-weight:bold; }
.eventhead .untildate	{ color:#9C9C9C; float:right; font-weight:bold; }
.eventhead .cat			{  }

.eventname {  }
.eventtext {  }

#agendaright { float:right;width:200px; }


/* FOTOGALERIE */

#previewdiv		{ overflow:auto; text-align:center; margin-top:2px; width:103px;  }
#statusdiv		{ width:57px; font-size:11px; padding:0px; text-align:center;  }
#commentdiv		{ height:65px; margin:5px 0px 0px 5px; overflow:auto; text-align:left; float:left; position:absolute; top:0px; left:0px; }
#imagediv		{ width:438px; height:400px; margin:19px 0px 0px 6px; text-align:left;  overflow:hidden;}
#imagediv img	{ border-width:0px; cursor:pointer; }
#containerimg	{ border-width:0px; visibility:hidden; }
#fototopbar		{ width:444px; padding:3px 3px 3px 7px; border-left-width:0px; z-index:1; height:19px;}
#fotoleftbar	{ width:103px; padding:3px 3px 3px 0px; float:left; text-align:left; }

.previewimg			{ border:solid 1px #D2D4DB; cursor:hand; margin:0px; width:80px; cursor:hand; }
.previewimg_sel		{ border:solid 1px #FFD800; cursor:hand; margin:0px; width:80px; }
.previewimgdiv		{ border:solid 1px white; width:82px; }
.previewimgdiv_sel	{ border:solid 1px #D2D4DB;width:82px; }
          
          
/* GEOTAGS */

.geotags				{ padding:5px 4px 0px 4px; margin-right:5px; width:140px; float:left; }
.geotags .geoobj		{ text-decoration:none; color:Black; }
.geotags .geoobj:hover	{ text-decoration:none; color:#C9102A; }
.geotags .geoobj_sel	{ text-decoration:none; color:#C9102A; }

.separator		 { padding:2px 0px 2px 0px;  }
#map			 { border:solid 1px #CFCFCF; margin-top:5px; width:385px; height:400px; float:right; }
.mapmenu		 { float:right; position:relative;top:-2px; }
.mapmenu img	 { cursor:pointer; }

/* REITER */

.f_flags		{ position:relative; top:1px; text-decoration:none;}
.f_flag			{ height:18px; padding:2px 9px 0px 9px; text-align:center; text-decoration:none; color:Black; border-style:solid; border-color:#CFCFCF; border-width:1px 1px 1px 1px; margin:0px 4px 0px 0px; background-image:url(../grafik/reiter/bg_middle_sel.gif); background-repeat:repeat-x; cursor:hand; }
.f_flag a		{ text-decoration:none; color:Black;}
.f_flag_sel		{ height:19px; padding:2px 9px 0px 9px; text-align:center; text-decoration:none; color:Black; border-style:solid; border-color:#CFCFCF; border-width:1px 1px 0px 1px; margin:0px 4px 0px 0px; cursor:hand; background-color:#F1F1F1;}
.f_flag_sel a	{ text-decoration:none; color:Black;}

/* E-SCHALTER */

.d_row td { border-bottom:dotted 1px #C4C4C4; padding:2px 2px 2px 2px; }
.d_name { border-bottom:dotted 1px #C4C4C4; padding:0px 0px 0px 2px; }
.colleft { font-weight:bold; text-align:right; padding-right:10px; }
#schalterscroll .fileicon { position:relative; top:1px; left:4px; }

/* GESCHICHTE */

.history_icon  { background-image:url(../grafik/icons/geschichte_wichtig.gif); background-repeat:no-repeat; background-position:center 14px; color:#A6A6A6; font-size:10px; width:80px; height:35px; position:absolute; top:8px; cursor:hand; text-align:center;}
#overdiv	   { width:494px; position:absolute; top:83px; left:232px; display:none; }


/* VIDEOARCHIV */

.black_overlay { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%;  background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
.white_content { display: none; position: absolute; top: 15%; left: 25%; width: 50%; /* height: 50%; */ padding: 8px 16px 16px 16px;  border: solid 1px  #C4C4C4;  background-color: white; z-index:1002; }

.vstatus { text-align:center; border-bottom:dashed 1px #C7C7C8; padding:0px 0px 10px 0px; margin:0px 0px 8px 0px; width:545px }
.vidcat { float:left; }
.viddate { float:right; }
.vidtitle { color:#333333; font-size:14px; padding:4px 0px 8px 0px; font-weight:bold; }
.vidlead { text-align:left; line-height:15px; }
.vidimg { border-width:0px; }

.vidplayertitle { color:#FFD800; font-size:14px; padding:0px 0px 5px 0px; font-weight:bold; text-align:left; float:left; }
.vidplayerlead { text-align:left; line-height:18px; padding:8px 0px 0px 0px; }
.vidplayerclose { float:right; cursor:pointer; }
.vidplayertop { clear:both; }

/* FIRMEN, VEREINE */

#port_topbar		{ text-align:center; margin:0px 0px 10px 0px; background-color:#D9D9DA; padding:3px}
#port_bottombar		{ background-color:#D9D9DA; height:17px; width:100%; margin-top:10px;}
#port_infotext		{ padding:5px 5px 10px 0px}
#port_headline		{ padding-bottom:3px;margin-bottom:3px; font-weight:bold; color:#4E4E4E;}
.port_image			{ }
.port_title			{ padding:0px 0px 4px 0px; }
.port_title_sel		{ padding:0px 0px 4px 0px; }
.port_title_sel a	{ padding:0px 0px 4px 0px; color:#C9102A;}