/* vogelbusch-biocommodities.com */
/* CONTENT */

.headline { float:left; min-height:22px; padding:1px; z-index:1; margin:0px; }
	.headline h1 {text-transform:uppercase; color:#fb8a1d; font-size:1.125em; /*18px*/ font-weight:100; margin:0px; padding:0px; display:inline;}
	.headline span { padding-left:20px; display:inline;}
	.headline a, #headline a:link, #headline a:visited, #headline a:hover{font-size:0.625em; /*10px*/ color:#01296e;}
	.headline a:active {font-size:0.625em; color:#fb8a1d; }
	.headline a:focus {font-size:0.625em; color:#fb8a1d; }
	.headline a.highlight {font-size:0.625em; color:#fb8a1d !important; }

#firsttext .firstimage {float:left; width:300px; margin:13px 0px 10px 30px; height:auto; display:inline; }
#firsttext .firstimage img {float:right; padding-bottom:10px;}
#headtext {float:left; width:400px; padding:15px 15px 18px 15px; z-index:1; font-size:0.75em; /*12px*/}
	#headtext p {margin:0px; /*font-size:0.75em;*/ /*12px*/ line-height:18px; }
  #headtext ul {font-size:1em;}
  
.line { float:left; width:773px; height:2px; margin:0px 0px 0px -3px;}
.pointline_gray { float:left; width:774px; height:2px; margin:0px 0px 0px -3px; background-image:url(../img/point_gray.gif); background-repeat:repeat-x; padding:2px; background-color:green; }
.pointline_blue { float:left; width:774px; height:2px; margin:0px 0px 0px -3px; background-image:url(../img/point_blue.gif); background-repeat:repeat-x; padding:2px; background-color:green; }

#indexmodul1 {float:left; width:100%; height:auto; }
	#indexmodul1 .index { float:left; width:755px; min-height:115px; padding:4px 4px 6px 4px; margin-left:2px; }
	#indexmodul1 .index.divimage {float:left; width:190px; height:115px; display:inline; }
	#indexmodul1 .index.divimage img { width:168px; height:111px; border:1px; border-style:dotted; border-color:#b2bfd2; padding:2px; }
	#indexmodul1 .index.divtext {float:left; width:400px; min-height:115px; display:inline; overflow:hidden;}
	#indexmodul1 .index.divtext h2 {font-size:0.875em; /*14px*/ margin:0px; padding-bottom:7px;}
	#indexmodul1 .index.divtext h2 a{color:#01296e; font-size:1em; /*14px*/ text-decoration:none;}
	#indexmodul1 .index.divtext span { overflow:hidden; margin:0px;} /* height:89px;	*/
	#indexmodul1 .index.divtext p { font-size:0.75em; float:left; overflow:hidden; margin:0px; display:inline; } /* height:89px;	*/

#indexmodul2 {float:left; width:100%; height:auto; display:inline;}
	#indexmodul2 .index { float:left; width:358px; min-height:115px;  padding:6px; margin-left:2px; display:inline; }
	#indexmodul2 .index.divimage {float:left; width:170px; min-height:115px; display:inline; }
	#indexmodul2 .index.divimage img { width:168px; height:111px; border:1px; border-style:dotted; border-color:#b2bfd2; padding:2px; }
	#indexmodul2 .index.divtext {float:left; width:160px; min-height:115px; display:inline; overflow:hidden; }
	#indexmodul2 .index.divtext h2 {font-size:0.875em; /*14px*/ margin:0px; padding-bottom:7px;}
	#indexmodul2 .index.divtext h2 a{color:#01296e; font-size:1em; /*14px*/ text-decoration:none;}
	#indexmodul2 .index.divtext p {font-size:0.75em; overflow:hidden; margin:0px; }	
			
#referencemodul {float:left; width:100%; height:auto; z-index:2; display:inline;}

	#referencemodul .index{float:left; height:auto; padding:20px 12px 20px 12px; display:inline; }
	#referencemodul .referencehead {float:left; width:444px; min-height:63px; z-index:1;}
		#referencemodul .headimage {float:left; width:115px; height:56px; display:inline; border:1px; border-style:dotted; border-color:#b2bfd2; padding:2px; text-align:center; }
		#referencemodul .headimage img { padding:2px; }	
		#referencemodul .headtext {float:left; width:308px; height:auto; display:inline; margin-left:8px; overflow:hidden; padding:2px; border:1px; border-style:dotted; border-color:#b2bfd2;}
		#referencemodul .headtext ul { margin:0px; width:304px; padding:3px; height:50px; list-style-image:url(../img/icon_doublearrow.jpg); list-style-position:outside; list-style-type:none; font-size:1em;}
		#referencemodul .headtext li { display:inline; width:100%;}
		#referencemodul .headtext span {font-size:0.625em; /*10px*/ color:#01296e; padding-left:10px; background:url(../img/icon_doublearrow.jpg) 0 3px no-repeat;}
		#referencemodul .listA {float:left; width:152px; display:inline;}
		#referencemodul .listB {float:left; width:152px; display:inline;}
	#referencemodul .referenceimage {float:left; width:300px; margin:-63px 0px 0px 30px; height:auto; display:inline; z-index:3; }
	#referencemodul .slideshow {float:right; width:300px; margin:-195px 0px 0px 30px; height:auto; display:inline; z-index:4; }
		#referencemodul .prev { position:relative; margin-left:0px; z-index:4;}
		#referencemodul .next { position:relative; margin-left:195px; z-index:4; }
	#referencemodul .referencetext{float:left; width:422px; padding-top:15px;}
		#referencemodul h2 {font-size:0.875em; /*14px*/ margin:0px; padding-bottom:0px; font-weight:300;}
		#referencemodul strong {/*font-size:0.875em;*/ /*14px*/}
		#referencemodul h3 {font-size:0.875em; /*14px*/ margin:0px; padding-bottom:10px; font-style:normal; font-weight:300;}
		#referencemodul p {font-size:0.75em; /*12px*/ margin:0px; padding-bottom:10px; overflow:hidden; }		
	
#contentmodul {float:left; width:100%; height:auto; z-index:2; display:inline;}

	#contentmodul .headindex{float:left; width:753px; height:auto; padding:15px 12px 0px 12px; display:inline; }
	#contentmodul .contenthead {float:left; width:444px; height:63px; z-index:1; padding-bottom:15px;}
		#contentmodul .headimage {float:left; width:115px; height:56px; display:inline; border:1px; border-style:dotted; border-color:#b2bfd2; padding:2px; text-align:center; }
		#contentmodul .headimage img { padding:2px; }	
		#contentmodul .headtext {float:left; width:308px; height:auto; display:inline; margin-left:8px; overflow:hidden; padding:2px; border:1px; border-style:dotted; border-color:#b2bfd2;}
		#contentmodul .headtext ul { font-size:0.75em; /*12px*/ margin:0px; width:304px; padding:3px; height:50px; list-style-image:url(../img/icon_doublearrow.jpg); list-style-position:outside; list-style-type:none;}
		#contentmodul .headtext li {display:inline; width:100%;}
		#contentmodul .headtext span {font-size:0.75em; /*12px*/ color:#01296e; padding-left:10px; background:url(../img/icon_doublearrow.jpg) 0 3px no-repeat;}
		#contentmodul .listA {float:left; width:152px; display:inline;}
		#contentmodul .listB {float:left; width:152px; display:inline;}
	#contentmodul .firstimage {float:left; width:300px; margin:0px 0px 10px 30px; height:auto; display:inline; }
	#contentmodul .firstimage.header {float:left; width:300px; margin:-78px 0px 0px 30px; height:auto; display:inline; }
	#contentmodul .firstimage img {float:right; width:228px; padding-bottom:10px;}
	#contentmodul .firstimage.header.referenzen img {width:300px;}
	#contentmodul .firsttext{float:left; width:422px; height:auto;}
		#contentmodul .firsttext ul {font-size:0.75em;}
		#contentmodul .firsttext ul ul {font-size:1em;}
		#contentmodul h2 {font-size:1em; /*16px*/ margin:0px; padding-bottom:8px;font-weight:normal;}
			#contentmodul h2 strong {font-size:1em; /*16px*/ }
		#contentmodul h3 {font-size:0.875em; /*14px*/ margin:0px; padding-bottom:14px;}
		#contentmodul p {font-size:0.75em; /*12px*/ margin:0px; padding-bottom:0px; }	
	#contentmodul .index{float:left; width:753px; height:auto; padding:0px 12px 0px 12px; display:inline;  }
	#contentmodul .contentimage {float:left; width:300px; margin:0px 0px 0px 30px; height:auto; display:inline; }
	#contentmodul .contentimage img {padding-bottom:10px; }
	#contentmodul .contentimage img {float:right; width:228px;}
	#contentmodul .contentimage.referenzen img {width:300px;}
	#contentmodul .contenttext{float:left; width:422px; height:auto;}
	#contentmodul p {font-size:0.75em; /*12px*/ margin:0px; padding-bottom:10px; }
	#contentmodul .slideshowheader {float:right; width:300px; margin:-205px 0px 0px 30px; height:auto; display:inline; vertical-align:top; z-index:4; }
	#contentmodul .slideshow {float:right; width:300px; margin:-205px 0px 0px 30px; height:auto; display:inline; vertical-align:top; z-index:4; }
	#contentmodul .prev { position:relative; margin-left:0px; z-index:4;}
	#contentmodul .next { position:relative; margin-left:200px; z-index:4; }
	#contentmodul table {margin-bottom:10px; padding:2px;}
	#contentmodul table td {border:1px dotted #b2bfd2; padding:5px 7px; font-size:0.75em;}

	
#formmodul {float:left; width:100%; height:auto; z-index:2; display:inline;}
	#formmodul .headindex{float:left; width:690px; height:auto; padding:5px 12px 5px 75px; display:inline; }
	#formmodul .formtext{float:left; width:690px; height:auto; padding:5px 12px 5px 75px; display:inline; }
	#formmodul .form{float:left; width:690px; height:auto; padding:5px 12px 5px 75px; display:inline; }
	#formmodul .map{float:left; width:690px; height:auto; padding:25px 12px 25px 75px; display:inline; }
	#formmodul p {font-size:0.75em; /*12px*/ margin:0px; padding-bottom:10px; padding-top:10px; line-height:18px; }
	#formmodul table { border:none; }
	#formmodul td {font-size:0.75em; /*12px*/ padding:0px 0px 5px 0px;}
	#formmodul .inputtext {width:250px; border:1px; border-style:dotted; border-color:#cccccc; padding-bottom:3px; padding-top:3px;}
	#formmodul select {width:252px; border:1px; border-style:dotted; border-color:#cccccc; padding-bottom:3px; padding-top:3px;}
	#formmodul textarea { width:338px; height:100px; border:1px; border-style:dotted; border-color:#cccccc; padding:0px; }
	#formmodul radio { border:1px; border-style:dotted; border-color:#cccccc; padding:0px; }
	#formmodul .text{ width:252px;}
	#formmodul .textareasmall { width:250px;}
	#formmodul .submit{ text-align:right;}
	#formmodul .submitbutton{ text-transform:uppercase; width:70px; background-color:#fb8a1d; color:white; font-size:0.75em; /*10px*/ padding:3px; border:none; }
	#formmodul .error {border:1px solid #fb8a1d;}
	#formmodul .errortext {color:#fb8a1d;}
	#formmodul .uploadfile {display:block; float:left; width:180px}
	#formmodul .uploadsize {display:block; float:left; width:50px; text-align:right;}
	#formmodul .uploaddelete {display:block; float:left;width:15px; padding:1px 0 0 5px;}
	
#sitemapmodul {float:left; width:100%; height:auto; padding-top:10px; padding-bottom:10px;}
	#sitemapmodul ul { list-style-type: none; list-style-position:outside; list-style-image:none; padding-left:15px; margin:0px; line-height:18px; }
	#sitemapmodul li { padding:0px; margin:0px; }
	#sitemapmodul h1 { font-size:1.063em; /*13px*/ margin:0px;}
	#sitemapmodul a { font-size:0.688em; /*11px*/ color:#01296e; padding-left:10px; background:url(../img/icon_doublearrow.jpg) 0 3px no-repeat;}
	#sitemapmodul .line { float:left; width:789px; height:1px; margin:0px 0px 0px -18px; padding-top:10px; padding-bottom:10px; }

/* Spezielle Icons für die Links im Content */
#contentmodul a, 
#formmodul a,
#referencemodul a,
#indexmodul1 a,
#indexmodul2 a,
#firsttext a {background:url(../img/icon_link.gif) 1px 2px no-repeat; padding-left:11px;}
/* Bei "mehr" Links jedoch nicht */
a.more,
a.more {font-size:0.75em; background:none !important; padding:0px !important;}
a.noicon {font-size:0.75em; background:none !important;  padding:0px !important;}
.bewerbungslink {font-size:0.75em; background:none !important; padding:0px !important;}

#pagination_print {display:none;}
.printheadlinehelper {display:none !important;}

/* Referenzen Print AddOns */
#printfooter, #printheader, #pagination_print_line {display:none;}

#toplink {float:left; width:757px; text-align:right; padding:10px;}
	#toplink a {font-size:0.625em; /*10px*/ color:#01296e; padding-left:8px; background-image:url(../img/icon_toplink.gif); background-repeat:no-repeat; }
		
#printlink {float:right; position:relative; margin-top:-21px; padding-right:10px; z-index:2;}
	#printlink a {font-size:0.625em; /*10px*/ color:#01296e; padding-left:8px; background-image:url(../img/icon_printlink.gif); background-repeat:no-repeat;}
	#printlink img {padding:0px 0 0 8px;}
	
/* Hack Pagination Popup */
#pagination_popup {position:absolute; display:none; width:230px; background:white; left:420px; top:40px; border:1px dotted #00286c;}
#pagination_popup ul {margin:0px; padding:2px; list-style:none;}
#pagination_popup li {list-style:none; }
#pagination_popup li a.pagepopnobg { background:none; }
#pagination_popup li a {display:block; width:205px; padding:3px 3px 3px 14px; z-index:3; background-image:url(../img/divider_horizontal.gif); background-repeat:no-repeat; background-position:bottom; margin:0px; }