/*
	Style-Sheet Stephanus
	IT-On.NET  20.11.2008
*/

html{
	margin:					0;
	padding:				0px;
	height: 				100%;
}

body {
	margin:					0 auto 0 auto;
	padding-top:			0px;
	font-family:			Arial, Helvetica, "Sans Serife";
	font-size:				0.8em;
	background-color:		#EEEEEE;
}

/**
	Seitenbereiche (Container)	
*/
#head {
	padding:				0;
	height:					45px;	
}

#container {
	width:					900px;
	padding:				20px 45px 10px 30px;
	margin:					0 auto 0 auto;
	background-color:		#FFFFFF;
	background-image:		url(/images/bg_rechts.jpg);
	background-position:	right top;
	background-repeat:		repeat-y;
}
#containerfuss {
	height:					15px;
	width:					920px;
	padding:				0 0px 0 30px;
	margin:					0 auto 0 auto;
	background-image:		url(/images/bg_fuss.jpg);
	background-position:	left bottom;
	background-repeat:		repeat-x;
}

#body, #bodystart {
	clear:					left;
	float:					left;
	padding:				0;
	width:					900px;
	/*background-image:		url(/ftp/Image/kopf/kopf_menschen.jpg);
	background-position:	right top;
	background-repeat:		no-repeat;*/
}
#bodystart {
	height:					530px;
	background-image:		url(/ftp/Image/start/tabak.jpg);
	background-position:	left top;
	background-repeat:		no-repeat;
}

#bildbeschreibung {
	width:					395px;
	float:					left;
	margin-top:				-58px;
	padding:				0 0 0 5px;
	color:					#FFFFFF;
	line-height:			99%;
}
#bildbeschreibung a, #bildbeschreibung a:visited {
	color:					#FFFFFF;
}

#content, #contentbreit {
	float:					left;
	width:					395px;
	min-height:	 			400px;
	/* margin-top:				100px;*/
	padding:				0 5px 20px 30px;
}
#contentbreit {
	width:					645px;	
	padding-right:			0;
}
#left {
	float:					left;
	width:					225px;
	padding:				0 0 0 0;
}

#right, #rightinfo, #info {
	float:					right;
	margin:					130px 0 0 0;
	width:					240px;
	min-height:				240px;
	padding:				0;	
	border:					1px solid #0E374A;
}
#body #right {
	background-color:		#0E374A;
	color:					#FFFFFF;
}
#right, #info {
	font-size:				0.85em;
}
#bodystart #right {
	border:					0;
	background-color:		inherit;
	color:					#0E374A;
	margin:					22px 30px 0 0;
	padding:				0 0 0 0;
	width:					150px;
}
#rightinfo, #info {
	margin:					0;
}
#rightinfo {
	border:					none;
}
#info {
	margin-top:				15px;
	padding:				5px 10px 0 10px;
	width:					218px;
	border:					2px solid #D2D9DF;
}

#printhead {
	visibility: 			hidden;
	display: 				none;
	height:					0px;
}


#footer {
	clear:					left;
	padding:				15px 0 0 0;
	height:					15px;

}
div.footerright {
	float:					right;
	width:					500px;
	font-size:				0.8em;
	text-align:				right;
}
#footer a {
	color:					#888888;
	text-decoration:		none;
}
#footer a:hover {
	text-decoration:		underline;
}

div.service {
	height:					17px;
	color:					#0E374A;
	font-size:				0.9em;
	padding:				0 0 8px 0;
}
div.service div.rechts {
	float:					right;
}

#head div.logo {
	float:					left;
	margin:					15px 0 0px 0;
}
#head h1 {
	font-size:				1.9em;
	font-weight:			normal;
	color:					#0E374A;
	text-align:				right;
	width:					450px;
	float:					right;
	padding:				20px 0 0 0;
	margin:					0;
}

div.service a {
	color:					#0E374A;
	text-decoration:		none;
	padding:				0 8px 0 8px;
}
div.service a:hover {
	text-decoration:		underline;
}
div.service a.knopf {
	padding:				0 2px 0 2px;
}


#menu {}

#menu ul, #umenu ul {
	padding:				0 0 0 0;
	margin:					0;
}
#menu li {
	margin: 				0;
	list-style: 			none;
	list-style-image:		none;
	padding:				0 0 0 0;
}

a.m1 {
	display:				block;
	text-decoration: 		none;
	text-transform:			uppercase;
	background-color:		#E64215;
	color:					#FFFFFF;	
	padding: 				3px 3px 3px 10px;
	border-top:				1px solid #FFFFFF;
}
a.m1:hover, a.m1:focus {
	text-decoration:		underline;
}
li.m1 a.first {
	border-top-width:		0;
}

#menu li.m2 {
	background-color:		#D2D9DF;
}
a.m2 {
	padding:				0 0 1px 25px;
	text-decoration:		none;
	font-weight:			bold;
	display:				block;
	color:					#0E374A;
	background-repeat:		no-repeat;
	background-position:	10px 2px;
	border-bottom:			1px solid #FFFFFF;
}
a.m2:hover, a.m2:focus {
	text-decoration:		underline;
}
li.m2 a.marked {	
	background-image:		url(/images/ico_right.gif); 
	margin-top:				-1px;
	border-top:				1px solid #E64215;
	border-bottom:			1px solid #E64215;
}
li.m2 a.open {					background-image:	url(/images/ico_down.gif); 	}

#menu li.m3, #menu li.m4, #menu li.m5 {
	background-color:		#EEEFF3;
	border-top:				1px solid #FFFFFF;
}
a.m3, a.m4, a.m5 {
	padding:				0 0 1px 25px;
	text-decoration:		none;
	display:				block;
	color:					#E64215;
	background-repeat:		no-repeat;
	background-position:	10px 2px;
}
a.m3:hover, a.m3:focus, a.m4:hover, a.m4:focus  {
	text-decoration:		underline;
}
a.m4 {
	color:					#0E374A;
}
#menu li.m5 {
	background-color:		#F4F4E9;
}
a.m5 {
	padding-left:			35px;
	color:					#666666;
}

#menu p.unterpunkte {
	margin:					0;
	padding:				0 0 5px 15px;
	font-style:				italic;
	color:					#FFFFFF;
}
#menu p.unterpunkte a {
	color:					#FFFFFF;
	text-decoration:		none;
}
#menu p.unterpunkte a:hover {
	text-decoration:		underline;
}	
div.navweg {
	min-height:				25px;
	padding:				2px 0 0px 0;
	font-size:				0.8em;	
	color:					#0E374A;
}
div.navweg a {
	text-decoration:		none;	
	color:					#0E374A;
}
div.navweg a:hover {
	text-decoration:		underline;
}
/* Vorlesen-Knopf */
div.vorlesen {
	text-align:				right;
	width:					80px;
	float:					right;
}

/** Bild im Inhalt (Kasten um Bild und Untertitel) **/
.bild {
	text-align:				left;
}
.bilduntertitel {
	font-size:				0.87em;
	padding:				2px 0 0 2px;
	max-width:				100%;
	margin-bottom:			1px;
	color:					#888888;
}
#right .bilduntertitel {
	color:					#DDDDDD;
	font-size:				1em;
}
img.rechts {
	float:					right;
	margin-left:			10px;
}
img.links {
	float:					left;
	margin-right:			10px;
}


/**
	Textgestaltungen
*/
div.textblock {
	padding:				0 0 1em 0;
	margin:					0 0 1em 0;
}



h1 {
	font-size: 				1.3em;
	margin:		 			0 0 10px 0;
	color:					#E64215;
}

h2, h3 {
	font-size: 				1.1em;
	color:					#666666;
	padding-bottom:			0;
	margin-bottom:			0;
	line-height:			130%;
}
#info h2 {	margin-top: 	0;	}

h3 {
	font-size: 				0.9em;
}

#right h1, #right a.infokasten {
	background-color:		#FFFFFF;
	background-repeat:		no-repeat;
	background-image:		url(/images/ico_igr.gif); 
	padding:				0 0 0 30px;
	margin:					0;
	line-height:			26px;
	color:					#0E374A;
	font-size:				1.1em;
	border-bottom:			1px solid #0E374A;
}
#right h2 {
	color:					#FFFFFF;
	padding-left:			5px;
}

#right a.infokasten {
	font-size:				1.3em;
	display:				block;
	font-weight:			bold;
	background-color:		#FFF5D2; 
	background-image:		url(/images/ico_igr_orange.gif);
	/* background-color:		#EEEFF3; */
}

.small, .klein {	font-size: 			0.9em; 		}
.tiny, .winzig {	font-size: 			0.75em; 	}

.fett, .bold { 	font-weight:		bold;		}

/* Farben */
.blau		{ 	color:				#0E374A;	}
.bgblau		{	background-color:	#0E374A; 	}
.orange		{ 	color:				#E64215;	}
.bgorange	{	background-color:	#E64215; 	}
.grau		{ 	color:				#666666;	}
.bggrau		{	background-color:	#666666; 	}
.weiss		{	color:				#FFFFFF;	}
.bgweiss	{	background-color:	#FFFFFF; 	}
.hblau		{ 	color:				#EEEFF3;	}
.bghblau	{	background-color:	#EEEFF3; 	}
.bggelb		{	background-color:	#FFF5D2; 	}

.hidden 		{	visibility: hidden; display: none; }


br.min {
	line-height:			0.2em;
}
p {
	margin-top:				0.4em;
	margin-bottom:			0.8em;
}
#right p {
	padding:				0 10px 0 10px;
}
hr {
	border:					2px dotted #D2D9DF;
	border-width:			2px 0 0 0;
}

/* Listenaufzaehlung */
ul {
	padding:				0;
	margin:					0.2em 0 0.7em 17px;
}
li {
	margin:					0.2em 0px 0.2em 0px;
	list-style-image:		url(/images/listdot.gif);
}

/* Block-Elemente innerhalb von Texten */

.kasten {
	/*background-color:		#FFFFFF; */
	border:					1px solid #0E374A;
	margin:					0 0 10px 0;
	padding: 				2px 5px 2px 5px;
}

div.halb {
	width:					48%;
	margin-right:			1%;
	float:					left;
}

a, #bodystart #right  a {
	color:					#0E374A;
}
#right a {
	color:					#FFFFFF;
}

a img {			border-color:		#D2D9DF;  }
a:hover img {	border-color:		#E64215;  }
	
a:hover, #drucken a:hover , a:focus, a:active{
	text-decoration:		none;
}
#content a:hover, #content a:focus, #content a:active {
	color:					#E64215;
}

a.pdf, a.bild, a.zip, a.rss {
	background-image:		url(/images/ico_pdf.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	padding-left:			20px;
}
a.bild  { background-image:	url(/images/ico_bild.gif); }
a.zip  { background-image:	url(/images/ico_zip.gif); }
a.rss  { background-image:	url(/images/ico_rss.gif); padding-left:16px; }

a.weiter , a.extern, span.extlink  {
	background-image:		url(/images/ico_rup.gif);
	background-position:	right bottom;
	background-repeat:		no-repeat;
	padding-right:			15px;
}
span.extlink {
	padding-right:			12px;
}

/* News, Meldungen, Presse, Termine */
div.meldung {
	padding-right:			230px;
	margin-bottom:			1em;
	padding-top:			0.5em;
	border-top:				1px dotted #0E374A;
}
div.presse {	padding-right:	0px; }
div.meldung img {
	margin:					15px -230px 15px 5px;
}
div.archivmonate {
	margin-top:				20px;
}
div.archivmonate a {
	padding:				0 2px 0 2px;
}
div.archivmonate a.marked {
	background-color:		#E64215;
	color:					#FFFFFF;
}
table.termine {}
table.termine td, table.termine th {
	vertical-align:			top;
	padding:				3px 5px 6px 5px;
}
table.termine tr.bg1 {	background-color:		#EEEFF3; }
table.termine tr.bg2 {	background-color:		#F8F8FF; }
table.termine th	{
	text-align:				left;
	padding-bottom:			3px;
}
table.termine td.datum , table.termine td.uhrzeit {	
	width:	70px; color: #E64215; font-size: 0.9em; font-weight: bold; 
}
table.termine td.uhrzeit {	width:	40px; }

div.download {
	margin:					0.2em 0 0.5em 0;
}

/* Bildergalerie */
div.galerie {
	width:					200px;
	float:					left;
	margin:					0 20px 10px 0;
}
img.galerie { 	border:					0;	 }
div.spalte3 { 	margin-right:			0px; }
div.spalte1 {		clear:	left; }
div.galerie .untertitel {
	font-size:				0.85em;
	color:					#0E374A;
}

/* Adress-Suche (Formular) */
div.suchform div.chkline {
	margin-bottom:			0.2em;
	padding-left:			20px;
}
div.suchform div.chkline input {
	margin-left:			-20px;
}
div.suchform label:hover {
	background-color:		#EEEEEE;
}

/* Adressen (Personen) */
table.adresse {
	margin:					0 0 10px 20px;
	width:					260px;
}
table.adresse td.anspp {
	background-color:		#EEEEEE;
}
img.adressbild {
	border:					0;
	margin:					2px 5px 0 0;
}


/** Suche */
span.stars img {
	margin-left: 			4px;
}


/* Tabelle */
table td {
	vertical-align:			top;
}


/* Suche im Servicemenue */
form.suche {
	margin:					0px 0 0 0;
	padding:				0 0 3px 2px;
	vertical-align:			middle;
	width:					168px;
	/*height:					20px; */
	display:				inline-block;
	text-align:				right;
}
form.suche a {
	color:					#FFFFFF;
}
input.suche {
	background-color:		#FFFFFF;
	color:					#0E374A;
	width:					110px;
	height:					14px;
	font-size:				0.8em;
	border:					1px solid #999999;
	vertical-align:			middle;
	margin:					0 0 0 3px;
}
form.suche input.knopf {
	min-width:					38px;
	/*height:					18px; */
	background-color:		#666666;
	color:					#FFFFFF;
	font-weight:			bold;
	font-size:				0.78em;
	border:					0;
	vertical-align:			middle;
	padding:				2px 1px 2px 0;
}	
form.suche input.knopf:hover {
	color:					#FFFFFF;
}

form span.pflichtfeld {
	font-weight:			bold;
}


/* Einstellungen fuer die Druckausgabe */
@media print {
	body, #body, #bodystart, #container, #content, #contentbreit, #footer, #head, #head div.logo , #head h1 {
		background-color:	white;
		border:				0;
		margin:				0;
		padding:			0;
	}
	body, #container, #body, #bodystart, #footer {
		width:				100%;
	}
	#container {
		width:				645px;
	}
	#head h1 {
		width:				300px;
	}		

	.noprint, #left, #hauptmenu, div.service, #containerfuss {
		visibility: 		hidden;
		display: 			none;
		height: 			1px;
		width: 				1px;
	}

}