/* CSS fuer www.sobo-naturkost.de */

body {margin:0; padding:0px; background-color:rgb(255,255,255); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; color:#000; background-image:url(../../images/verlauf.jpg); background-position:left top; background-repeat:repeat-x;}

h1 {padding:0px 30px; font-size:130%; font-style:normal; font-weight:bold; color:rgb(0,0,0);}
h2 {padding:3px 30px; font-size:120%; font-style:normal; font-weight:bold; color:rgb(0,0,0); background-color:rgb(222,220,212); line-height: 150%;}
h3 {padding:0px 30px; font-size:110%; font-style:normal; font-weight:bold; color:rgb(0,0,0);}
h4 {margin: 0 0 0 30px; padding: 10px 10px 10px 10px; border: 1px dashed #999; background: #C8C8C8; font-family: "lucida console", "courier new", courier, monospace; font-size: 90%; font-weight: normal; width: 505px; overflow: auto; line-height: 18px; }
h5 {padding:0px 30px; font-size:80%; font-style:normal; font-weight:bold; color:#FFF;}
h6 {padding:0px 30px; font-size:.7em; font-style:normal; font-weight:normal; color:#000;}
p  {padding:0px 30px; line-height: 150%;}

/* Start Menü */
#box_menu ul           {border-bottom: 2px dotted #FFFFFF;}
#box_menu ul ul        {border-bottom: none;}

div#box_menu ul        {margin:0; padding:0; font-weight:normal; background-color:rgb(255,215,153); display:block; list-style-type:none;}
div#box_menu li        {padding-left:0px; font-size:93%; color:rgb(218,28,33); line-height:230%; border-top: 2px dotted #FFFFFF;}
div#box_menu ul li ul li {}

#box_menu a:link    , 
#box_menu a:visited ,
#box_menu a:hover   ,
#box_menu a:focus   {padding-left:10px; color:rgb(218,27,32);}
#box_menu a:hover   {background-color:rgb(250,190,119); display:block;}

#box_menu ul li ul li a:link    , 
#box_menu ul li ul li a:visited ,
#box_menu ul li ul li a:hover   ,
#box_menu ul li ul li a:focus   {padding-left:20px;}

.menu_act_a {background-color:rgb(250,190,119); font-weight:bold; display:block;}

/* andere Links, Achtung: Reihenfolge */
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none; color:rgb(150,150,150);}
a:hover {color:rgb(50,50,50);}

/* Ende Menü */

/* Start layoutboxen */
#layout {margin-left:auto; margin-right:auto; width:760px; margin-top:20px; margin-bottom:20px; border:1px solid rgb(150,150,150);} /* position:absolute; margin-left:-450px; left:50%; width:760px; margin-top:20px; border: 5px solid rgb(255,255,255); */

#header {background-image:url(../../images/header.jpg); background-repeat:no-repeat; width:760px; height:180px; border-bottom:5px solid rgb(254,236,208);} /* http://www.sobo-naturkost.de/fileadmin */
/* #header .bodytext {margin:0; padding:0;} */

#linkToHome {float:left; width:316px; height:180px; background-image:url(http://www.sobo-naturkost.de/fileadmin/images/header.jpg); background-repeat:no-repeat;}
#flashShow {float:right; width:444px; height:180px;}

#container {background-color:rgb(254,214,153); width:760px; clear:both;}
#box_menu {padding:0; margin:0; width:180px; float:left; background-color:rgb(254,214,153); height:200px;}
#content {margin-left:180px; margin-right:0px; margin-top:0; margin-bottom:0; padding:0; background-color:rgb(255,255,255);} /* border-left:3px solid rgb(255,255,255); border-right:3px solid rgb(255,255,255); */
#contentAbstand {padding:10px 0 10px 0;}

#rootline {float:left; padding-left:10px; font-size:70%; font-style:normal; font-weight:normal; color:#000;}

#footer {margin-left:180px; margin-right:0px; margin-top:0; margin-bottom:0; padding:0; width:70%; height:25px; background-color:rgb(255,255,255); border-top: 2px dotted rgb(150,150,150);} /* rgb(175,199,87) */

#copyrightbox {float:left; padding-top:8px; padding-right:30px; padding-left:30px; font-size:80%; font-weight:bold; color:rgb(150,150,150);}

#topbox       {float:left; padding-top:5px; padding-right:0px; padding-left:20px;}
#sitebox      {float:left; padding-top:5px; padding-right:5px; padding-left:20px;}
#printbox     {float:left; padding-top:5px; padding-right:0px; padding-left:20px;}

/* Ende layoutboxen */

/* img Anweisung fuer linkstyle */
img {border: none;}
a.external-link img { border:none; }
a.external-link-new-window img { border:none; }
a.internal-link img { border:none; }
a.mail 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;
}

/* Anpassungen h1 */
h1.csc-firstHeader {margin-top:30px;}

/* Anpassungen sitemap */
.csc-sitemap {line-height: 200%;}

/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	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: 3px solid silver;
		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: 0px;
	}

	/* 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: 0px;
	}

	/* 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: 0px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; font-size:.8em; text-align: center;}
	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; margin-right:30px;}

	/* 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 */
	/* End Css aus .tx_croncssstyledimgtext */


