/*********************************************************************************

	Project		:	Stadt Niesky

	Copyright	:	Design - NIZ - www.niz.de

**********************************************************************************/
@import url(stil.css);
@import url(shop.css);

a:link,a:visited { text-decoration:none; }


h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }

img, a img,:link img,:visited img, fieldset { border:none }

img { margin:0; padding:0; vertical-align:bottom; }

address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}

tr { border:none; padding:0px; margin:0px; }

td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }

h1{
font-family:"Times New Roman", Arial;
font-size:20px;
margin-top:12px;
margin-bottom:15px;
margin-left:15px;
}

h2{
font-family:"Times New Roman", Arial;
font-size:20px;
font-weight:bold;
margin-top:12px;
margin-bottom:15px;
line-height:1.2em;
}

h3{
font-family:"Times New Roman", Arial;
font-size:20px;
font-weight:bold;
margin-top:8px;
margin-bottom:8px;}

h4{
font-family:Arial;
font-size:14px;
font-weight:bold;
margin-top:8px;}

h5{
font-family:Arial;
font-size:14px;
font-weight:bold;}

h6{
font-family:Arial;
font-size:14px;
font-weight:bold;
margin-bottom:8px;
color:#1c7046;}

legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

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

p			{margin-bottom: 0em;}

ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }
a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */

html {min-height: 101%;margin-bottom: 10px;}

/* ### BODY ###################################################################### */

body {
	background:#fff1d4;
	color: #000;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	}

/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	height:100%;
	width:970px;
	border:1px solid #ccc;
}

/* ### Header ##################################################################### */
#header {margin:0;padding:0;height:122px;width:970px;background-color:#ffcc66;}

#navi { width:743px; height:33px; background-image:url(navi-bg.jpg); text-align:left; list-style:none;}

#navi ul  {margin-top:15px; margin-left:0px; list-style:none;}

#navi ul li {display:inline;  list-style:none;}

#navi ul li a{
color:#000;
padding:17px;
font-size:12px;
border-left:1px solid #334a06;
padding-bottom:4px; list-style:none;}

#navi ul li a:hover{ color:#ffffcc; background-color:#1c7046; padding:17px; padding-bottom:4px; font-size:12px;border-left:1px solid #334a06; list-style:none;}
#navi ul li .active{ color:#ffffcc; background-color:#1c7046; padding:17px; padding-bottom:4px; font-size:12px;border-left:1px solid #334a06; list-style:none;}

#head { width:743px; height:89px; background-image:url(head.gif); background-repeat:no-repeat;} 

#head2 { width:743px; height:89px; background-image:url(head2.gif);background-repeat:no-repeat;}

#breadcrumb { margin-top:73px; padding-left:15px; color:#666; width:700px;}
#breadcrumb a{text-decoration:none; font-size:x-small;}
#breadcrumb ul { margin-left:10px;}
#breadcrumb ul li{  float:left; padding-left: 1.5em; color:#666; text-decoration:none; font-size:x-small; background: transparent url(pfeil.gif) no-repeat; list-style:none;}
#breadcrumb ul li a{  float:left; color:#666; text-decoration:none; font-size:x-small;}
#breadcrumb ul ul{ float:left;  margin-left:10px;}
#breadcrumb ul ul li{ float:left;  padding-left: 1.5em; color:#666; text-decoration:none; font-size:x-small; background: transparent url(pfeil.gif) no-repeat;}
#breadcrumb ul ul li a{ float:left; color:#666; text-decoration:none; font-size:x-small;}
/* ### Content #################################################################### */


#content {
	display:block;
	clear:both;
	position:relative;
	padding:0 0 0 0;
	width:970px;
	text-align:left;
}

#navi2 { width:227px; text-align:left; list-style:none;}
#navi2 ul { display:block;padding-top:10px;background-color:#fae9c6; list-style:none;}
#navi2 ul li a{
background-color:#fae9c6;
padding:10px;
padding-left:30px;
border-bottom:1px solid #997a3d;
width:187px; 
list-style:none;}

#navi2 ul li a{ color:#000; display:block; list-style:none;}#navi2 ul li a:focus {color:#ffffcc; background-color:#1c7046;border-bottom:1px solid #334a06;display:block; }
#navi2 ul li a:hover{ color:#ffffcc; background-color:#1c7046;border-bottom:1px solid #334a06;display:block; }
#navi2 ul li .active{ color:#ffffcc; background-color:#1c7046;border-bottom:1px solid #334a06;display:block; }

#navi2 ul li ul{ display:block; margin:0px;padding:0px;padding-left:50px;background-color:#e9d2a3;}
#navi2 ul li ul li{ list-style-image:url(pfeil.gif);border-bottom:1px solid #997a3d;}
#navi2 ul li ul li a{  color:#332914; background-color:#e9d2a3;display:block; padding:5px; border-bottom:none;width:167px; }
#navi2 ul li ul li a:hover{  color:#ffffcc; background-color:#1c7046; border-bottom:none; }
#navi2 ul li ul li .active{  color:#ffffcc; background-color:#1c7046; border-bottom:none; }

#navi3{ background-image:url(foto-bg.gif); width:227px; height:173px; padding-top:20px;}

#navi3 ol { display:block; padding-top:15px; margin-top:50px;}
#navi3 ol li { color:#000; padding:7px;padding-left:30px;  background-color:#fae9c6; width:85px; border:1px solid #997a3d; border-left:none; margin-bottom:5px;filter: alpha(opacity=70);/* IE*/ -moz-opacity:0.7; /* Mozilla */}
#navi3 ol li a{color:#000;}
#navi3 ol li a:hover{color:#1c7046;}

#main {width:492px; background-color:#f5eeda; border:1px solid #ccc;
border-top:none; border-bottom:none; padding:15px;	line-height:1.5em;}

#main2 {width:492px; background-color:#f5eeda; border:1px solid #ccc;
border-top:none; border-right:none;border-bottom:none; padding:15px;	line-height:1.5em;}
#main .foto { margin-left:15px; margin-bottom:8px; border:1px solid #666;}
#main #img { border:none;}
#main td p { text-align:left; 	line-height:1.5em;}
#main img {border:1px solid #666;}
#main #holz { width:492px; border:1px double #666; background-image:url(hg.jpg); height:auto; text-align:left;}
#main #holz img{ border:none;}
#main #holz p{  padding:8px;}
#main2 #baum {  width:711px; border-top:1px solid #666;}
#main2 #baum .stern{ font-size:8px;}
#main ul li { list-style:circle; margin-left:15px;}
#main ul li a { text-decoration:none;}
#main a { color:#000; text-decoration:underline;}
#main a:hover { color:#666; text-decoration:underline;}
#main h3 a { color:#ff0000; text-decoration:underline;}
#main .text { padding-left:8px;}
#main .text a{ text-decoration:underline;}

#main .tabelle{ border-bottom:1px solid #999;}
#main .bestell{vertical-align:bottom;}
#main  .image{ display:inline; margin:0px; padding:0px;}
#main  .image li { display:inline; list-style:none; margin:0px; padding:0px;}
#main  .image li img { margin-right:10px; margin-bottom:10px; padding:6px; background-color:#ffcc66;}
#main .teaser { border-bottom:1px solid #666; padding:15px; margin-bottom:10px;}
#main .artikel a { padding:8px;background-color:#fae9c6;border:1px solid #997a3d;text-decoration:none;}
#main .artikel a:hover{ color:#ffffcc; background-color:#1c7046;text-decoration:none;}
#main #veranstaltung{ width:492px; text-align:left; padding:5px;}
#main #veranstaltung img{ margin-bottom:8px;}
#main #veranstaltung td{ padding:2px;}
#main .galerie { display:inline; margin-bottom:15px; line-height:2.8em; width:492px;}
#main .galerie a{ display:inline; padding:4px 5px 4px 5px; border:1px solid #ffcc66;
background-color:#fff1d4; text-decoration:none; margin-right:5px; margin-bottom:15px;}
#main .galerie a:hover{ color:#ffffcc; background-color:#1c7046;border:1px solid #ffffcc;text-decoration:none;}
#main #map ul li a{ font-size:110%; font-weight:bold; font-family:Arial, Helvetica, sans-serif;color:#1c7046;}
#main #map ul li ul li a{ font-size:105%; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#000;}
#main #map ul li ul li ul li a{ font-size:1em; font-weight:normal; font-family:Verdana, sans-serif;}

/* #### Magazingalerie#################################################################*/

.magazine-layout {

margin-top:15px;

		width: 100%;

	}

	.magazine-container {

		background: #fff1d4;;

	}



	/ * magazin_Layout mit verlinkten Einzelbildern * /

	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {

		color: #000;

		display: table;

		display: inline-block;

		filter: alpha(opacity=80);

		line-height: 0.0em;

		opacity: 0.80;

		-moz-opacity: 0.80;

	}

	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {

		color: #000;

		filter: alpha(opacity=100);

		opacity: 1.00;

		-moz-opacity: 1.00;

	}



	/ * komplett verlinktes magazin_Layout * /

	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {

		cursor: pointer;

		display: table;

		display: inline-block;

		filter: alpha(opacity=80);

		line-height: 0.0em;

		opacity: 0.80;

		-moz-opacity: 0.80;

	}

	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {

		cursor: pointer;

		filter: alpha(opacity=100);

		opacity: 1.00;

		-moz-opacity: 1.00;

	}







/* ### Footer ###################################################################### */







#footer {
	display:block;
	width:930px;
	text-align:left;
	background-color:#ffcc66;
	padding:10px;
	padding-left:30px;
}



#footer  a,
#footer  a:link {
	color:#000;
	text-decoration: none;
}
#footer  a:hover {
color:#333;
text-decoration: underline;
}
#footer #site{ overflow:hidden; float:left;width:580px;}
#footer #back-top { overflow:hidden; width:350px; }

/* ### Formular ###################################################################### */



/* Div das das Formular umschließt */



.formgen {



	font-size: 1em;



}



label,



select,



input[type=checkbox],



input[type=radio],



input[type=button],



input[type=submit]



{



cursor : pointer;



}



.formgen form



{



line-height : 150%;



width: 492px;



}



/* 



Wie sehen die einzelnen Blöcke aus? 



Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann



*/



.formgen .formblock



{



	margin-bottom: 15px;



	padding-top: 3px;



	padding-bottom: 3px;



	padding-right: 2px;



	padding-left: 5px;







}



/*



Verhalten von br-Tags



*/



.formgen br



{



clear : both;



}



/* 



--------- FORMULAR-OBJEKTE ------------ 



*/



/* Mehrzeiliges Eingabefeld */



.formgen .formtextfield



{



	width: 350px;



	height: 150px;



	background-color: #fff1d4;



	border:1px solid #666;



}



/* Textfeld */



.formgen .formtext



{



	width: 200px;



	background-color: #fff1d4;



	border:1px solid #666;



	margin-bottom:3px;



	



}



/* Trennelement , Abstand */



.formgen .formtrenn



{



  display: block;



  height: 30px; 



}



/* Hinweistext */



.formgen .formhinweis



{



  font-weight: bold;



  color:#FF3300;



  font-size: 1em;



}



/* Ãœberschrift */



.formgen .formheadline



{



  font-weight: bold;



  color: #003366;



}



/* Passwortfeld */



.formgen .formpassword



{



	width: 200px;



	background-color: #666;



}



/*Captcha-Bild*/



.formgen .formcaptcha {



  border: 1px solid #666;







}



.formgen #sicher{



  margin-left:120px; margin-bottom:10px;}



/* Label */



.formgen label {



font-family: Arial, Helvetica, sans-serif;



width: 120px;



clear: left;



float: left;



height: 20px;



padding: 0px;



margin-bottom:3px;



}



/* Aussehen der Select-Ausgabe */



.formgen .formselect



{



  width: 200px;



  background-color: #fff1d4;



}



/* Sende-Button */



.formgen .formsubmit



{



	width: 100%;



	background-color: #f8eac7;



	border:1px solid #997a3d;



	padding-top:5px;



	padding-bottom:5px;



}



/* Definition des Fieldsets, das das ganze Formular umschließt */



.formgen fieldset {



	width: 492px;



	padding-top: 10px;



	padding-bottom: 10px;



}



/* Fieldsetbeschriftung */



.formgen legend {



	font-weight: bold;



	color: #1b7046;



	width: 140px;



	margin: 0px;



}



/* -------------- AUSGABEN / Fehlermeldungen --------*/



/* Fehlermeldung nach Versand */



.formgen .forminfo {



  color: #FFFFFF;



  background-color: #990000;



  border: 1px dashed #000000;



  margin: 5px;



  padding: 5px;



}



/* Markierung der Labels bei Fehler */



.formgen .formerror {



  color: #000;



  padding-left:5px;



  background-color: #ffffcc;



  border:1px solid #997a3d;



  width:98px;



  margin-right:15px;







}



.forminfo {



	color: #000000;



	background-color: #ffffcc;



	border:1px solid #997a3d;



	padding: 4px;



	margin-top:8px;



}



/*//////////////////////////////////////////////////////////////////////////////*



/* Ende der Formulardefinition */