/* CSS Document fuer naturata-koeln.de */

body {margin:0; padding:0; background-color:rgb(248,219,102); background-image:url(../images/bg.gif); background-position:left top; background-repeat:repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:80%;}

h1 {padding:0px 30px; font-size:200%; font-style:normal; font-weight:normal; color:rgb(128,166,43);}
h2 {padding:0px 30px; font-size:120%; font-style:normal; font-weight:bold; color:rgb(0,0,0);}
h3 {}
h4 {}
h5 {}
p  {padding:0px 30px; line-height: 150%;}

/* andere Links */
a:link {color:rgb(128,81,31);}
a:visited, a:active, a:hover, a:focus {color:rgb(128,166,43);}

/* Menueliste */
#topnavigation ul {padding:5px; margin:0; text-align:right;}
#topnavigation ul li {display:inline; padding-right:6px; padding-left:0px;}
#topnavigation a {color:rgb(8,75,154); text-decoration:none;}
#topnavigation a:link {}
#topnavigation a:hover {color:rgb(255,255,255);}
#topnavigation .menu_act_a {}

#box_menu ul {padding:0; margin:0; line-height:200%; text-align:right; list-style-type:none;}
#box_menu ul li {border-top:1px solid rgb(255,255,255); background-color:rgb(248,219,102);}
#box_menu a {padding-right:5px; text-decoration:none;}

#box_menu a:link {color:rgb(128,81,31);}
#box_menu a:visited, #box_menu a:active {color:rgb(128,81,31);}
#box_menu a:hover,   #box_menu a:focus  {color:rgb(128,81,31); background-color:rgb(248,190,78); display:block;}
#box_menu .menu_act_a {background-color:rgb(248,190,78);} 

#box_menu ul li ul {}
#box_menu ul li ul li {font-size:70%; background-color:rgb(250,233,135); padding-right:0px;}

/* Layoutboxen */
#structure {position:absolute; margin-left:-490px; left:50%; width:980px; margin-top:20px; border:1px solid rgb(102,132,34); background-image:url(../images/hintergrund_layout.gif); background-repeat:repeat-y;} /* min-height:100%; height:auto !important; height:100%; */
#layout  {margin:0; padding:0;}

#header {background-color:rgb(128,166,43); height:100px; background-image:url(../images/header978_99.jpg); background-repeat:no-repeat;}
#logo {float:left; width:300px; height:100px;}
#animation {float:right; width:212px; height:100px;}
#topnavigation {background-color:rgb(128,166,43); height:25px; border-top:1px solid rgb(255,255,255); border-bottom:1px solid rgb(102,132,34);}
#print {margin-top:5px; float:right;}
#menu {float:right;}

#container {}

#box_menu {float:left; width:131px; padding-top:30px; background-color:rgb(248,219,102); border-bottom:1px solid rgb(255,255,255);} 
#content {float:left; width:637px; background-color:rgb(255,255,255);}
#rechteSpalte {float:left; width:210px; padding-top:8px; padding-bottom:4px; background-color:rgb(185,216,115);} /* */

#footer {clear:both; background-image:url(../images/footer980.jpg); background-repeat:no-repeat; height:40px; border-top:1px solid rgb(102,132,34); border-bottom:3px solid rgb(136,68,29);}
#kpunkt {position:absolute; margin-left:25px; bottom:70px; background-image:url(../images/kpunkt.gif); background-repeat:no-repeat; width:80px; height:15px;}


/* Anpassungen Bilder */
img {border:none;}

/* Formulare */
.csc-mailform {border: none;} /* Rand ausschalten */
.csc-mailform-field label {float:left; clear:both; display:block; width:100px; padding-left:20px; margin-bottom:10px; font-size:100%; font-family: Arial, Helvetica, sans-serif;}
.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select {float:left; display:block; width:250px; border: 1px solid #333; background:#F4F4F4; padding:0px; margin-bottom:10px; font-size:100%; font-family: Arial, Helvetica, sans-serif; color:#C8B000;}
.csc-mailform-submit {
   margin-left: 120px;
   clear: both;
}

.tx-slideshow-pi1 { text-align: center; }
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */