/* Basic Stylesheet for www.union-bau.de */
/* author: www.ideenwert.com */
/* 2008 */

* {padding:0px;margin:0px;}
img {border:0;}
html[xmlns^="http"] {
}
.hidden { /* für screenreader links */
position: absolute;
left: -10000px;
}
html {height:100%;}  /* für maximale Höhe des Rahmens */
* html body {height:100%;} /* für maximale Höhe des Rahmens */
body {
font-size: 68.75%; /* setzt Standardschriftgröße auf 11px */
font-family: Arial, Helvetica, Sans-Serif;
color:#333333;
text-align:center;
overflow: -moz-scrollbars-vertical; /* für inaktiven scrollbalken bei mozilla */
padding-top:2%;
}
#lang {
width: 930px;
margin: 0 auto;
text-align:right;
margin-bottom:10px;
color:#999999;
}
#rahmen {
width: 930px;
margin: 0 auto;
text-align:left;
background: url(../layout/header.gif) top left no-repeat;
background-color:#FFFFFF;
border: 1px solid #999999;
padding-bottom: 10px;
} 
#top {
float:left;
width:100%;
height:105px;
padding: 0px;
margin: 0px;
}
#logo {
float:left;
width:370px;
height:60px;
margin-left:10px;
}
a#home_link {
display:block;
width:370px;
height:60px;
}
#navi {
clear:both;
height:30px;
padding-left: 22px;
background: url(../layout/navi.gif) 40px 2px no-repeat;
}
#main {
position:relative;
}
#left {
float:left;
width: 150px; /* nur IE 5.x */
width/**/:/**/ 130px; /* alle anderen */
padding-left:22px;
}
#content {
float:left;
width:620px;
}
.contentSpalte {
float:left;
display: inline;
width: 260px;
padding-bottom: 20px;
}
.links {
margin-right:20px;
}
.rechts {
padding-top: 38px;
}
#content.contentStatic {
width:600px;
}

#right {
width: 118px; /* nur IE 5.x */
width/**/:/**/ 119px; /* alle anderen */
float:right;
height: 550px;
border-left: 1px solid #eaeaea;
overflow:auto;
margin-right:27px;
margin-top:5px;
display:block;
padding-left:10px;
}
#footer {
clear:both;
text-align:left;
width: 930px;
margin-left: auto;
margin-right: auto;
}

/* *** language menu ********* */
#lang a:link, #lang a:visited {
color:#999999;
font-weight:bold;
text-decoration:none;
}
#lang a:hover, #lang a:focus {
color:#333333;
font-weight:bold;
text-decoration:none;
}


/* *** navi ****************************/
#navi, #navi a, #navi a:visited {
color:#333333;
}
#navi ul {
list-style:none;
}
#navi ul li {
float:left;
width:130px;
margin-right: 20px;
width:130px;
height:18px;
display:inline; /* wg doppeltem margin IE bug */
background: url(../layout/navi-li.gif) repeat-x;
}
#navi ul li.current {
background: url(../layout/navi-li-cur.gif) repeat-x;
height:22px;
}
#navi a {
display:block;
text-align:center;
font-weight:bold;
text-decoration:none;
padding:2px 0px 3px 0px;
}
#navi a:link, #navi a:visited {
color:#FFFFFF;
}
#navi a:hover {
background: url(../layout/navi-li-cur.gif) repeat-x;
}
#navi ul li.current a {
padding-top:4px;
}

/* *** ypslideout menue ******** */
#yymenu a {
background-color:#ccc;
border-top:2px solid #FFFFFF;
color:#fff;
display:block;
width:118px;
font-family:Verdana,Arial,Helvetica,Geneva,SunSans-Regular;
font-size:1em;
font-weight:normal;
margin:0px;
margin-left:1px;
padding:4px 6px;
text-decoration:none;
}
#yymenu a.last {
border-style:none;
}
#yymenu {
backgr ound-color:red;
}
#yymenu > div {
}
#yymenu a:hover {
background-color:#999999;
color:#fff;
}
#yymenu .mmContent div.mmlink a.submenu:hover {
}
#yymenu .mmLevel1, #yymenu .mmLevel2 {
margin-bottom:10px;
padding-top:0px;
}
#yymenu .sub {
background-image:url(../../images/ypmenu_pfeilg.gif);
background-position:right center;
background-repeat:no-repeat;
}
#yymenu .mmContent {
}
#yymenu .mmLevel1 {
}

/* untermenü von produkte verstecken */
div#menu7Container {display:none;}


/* *** left mit subnavi ******************************/
/* normal */
#left ul li.pid294, #left ul li.pid308, #left ul li.pid410, 
#left ul li.pid294c, #left ul li.pid308c, #left ul li.pid410c, 
#left ul li.pid294s, #left ul li.pid308s, #left ul li.pid410s {display:block;margin-left:1px;height:20px;padding:0;border-bottom:none;background-color:#FFFFFF !important;}

#left ul li.pid294 {}
#left ul li.pid294 a:link, #left ul li.pid294 a:visited {display:block;height:20px;width:125px;background:url(../layout/b_werkform.gif) 0 0 no-repeat;text-indent:-9999px;outline:none;}
#left ul li.pid294 a:hover, #left ul li.pid294 a:focus, #left ul li.pid294 a:active {background:none;background:url(../layout/b_werkform.gif) 0 -30px no-repeat;}

#left ul li.pid308 {}
#left ul li.pid308 a:link, #left ul li.pid308 a:visited {display:block;height:20px;width:125px;background:url(../layout/b_hafen.gif) 0 0 no-repeat;text-indent:-9999px;outline:none;}
#left ul li.pid308 a:hover, #left ul li.pid308 a:focus, #left ul li.pid308 a:active {background:none;background:url(../layout/b_hafen.gif) 0 -30px no-repeat;}

#left ul li.pid410 {}
#left ul li.pid410 a:link, #left ul li.pid410 a:visited {display:block;height:20px;width:130px;background:url(../layout/b_esplanade.gif) 0 0 no-repeat;text-indent:-9999px;outline:none;}
#left ul li.pid410 a:hover, #left ul li.pid410 a:focus, #left ul li.pid410 a:active {background:none;background:url(../layout/b_esplanade.gif) 0 -30px no-repeat;}


/* current ohne link */
#left ul li.pid294c {background:url(../layout/b_werkform.gif) 0 -30px no-repeat;text-indent:-9999px;}
#left ul li.pid308c {background:url(../layout/b_hafen.gif) 0 -30px no-repeat;text-indent:-9999px;}
#left ul li.pid410c {background:url(../layout/b_esplanade.gif) 0 -30px no-repeat;text-indent:-9999px;}

/* actifsub */
#left ul li.pid294s a:link, #left ul li.pid294s a:visited {display:block;height:20px;width:125px;background:url(../layout/b_werkform.gif) 0 -30px no-repeat;text-indent:-9999px;outline:none;}
#left ul li.pid308s a:link, #left ul li.pid308s a:visited {display:block;height:20px;width:125px;background:url(../layout/b_hafen.gif) 0 -30px no-repeat;text-indent:-9999px;outline:none;}
#left ul li.pid410s a:link, #left ul li.pid410s a:visited {display:block;height:20px;width:125px;background:url(../layout/b_esplanade.gif) 0 -30px no-repeat;text-indent:-9999px;outline:none;}


#left ul {
padding:6px 0px 0 0px;
list-style:none;
}
#left ul li {
padding:5px 0 4px 2px;
margin-bottom:0px;
border-bottom: 1px dotted #CCCCCC;
}
#left ul li.sub {padding:5px 0 0px 2px;}
#left ul li.current, #left ul li.current1 {
font-weight: bold;
background-color: #EAEAEA;
}
#left ul li.pid17, #left ul li.pid17c {
border-top: 1px dotted #CCCCCC;
margin-top:2px;
}
#left ul li:hover {
background-color: #F3F3F3;
}
#left a, #left a:visited {
text-decoration:none;
color:#333333;
}
#left a:hover {
text-decoration:underline;
background-color: #F3F3F3;
}

/* 2. ebene */
#left ul li ul {
padding:4px 0px 5px 0px;
margin-top:4px;
background:#fff;
margin-left:-2px;
}
#left ul li ul li {
padding:2px 0 2px 11px;
margin-bottom:0px;
border-bottom:none;
}
#left ul li.current ul li {font-weight:normal;background-color:#fff;}
#left ul li.current ul li.current {
font-weight: bold;
background: #fff url(../layout/arrow.gif) 1px -29px no-repeat;
}
#left ul li ul li:hover, #left ul li ul li a:hover {
background-color:none;
}




#left DIV.tx-macinasearchbox-pi1 {
margin-top:20px;
}
#left h1 {
margin-top:10px;
font-size: 1em;
padding-bottom: 0px;
}
#left p {
padding: 3px 0;
width:130px;
}
#left input.submit, #content input.submit {
padding:1px 3px 2px 3px;
font-size: 0.9em;
color:white;
background: url(../layout/navi-li.gif) repeat-x;
border:none;
}
#left input.submit:hover, #content input.submit:hover {
background: url(../layout/navi-li-cur.gif) repeat-x;
}
#left input.suche {
margin-left: 3px;
}

/* *** content ******************************/
.hide {display:none;}

DIV.productPics {
float:left;
width: 300px;
margin-left:20px;
margin-top: 6px;
display:inline;
overflow:hidden;
margin-bottom: 60px;
}
DIV.productText {
float:left;
width: 290px;
margin-bottom: 20px;
}
DIV.contentStatic {
padding-left:20px;  /* nur für Impressum, Datenschutz etc. */

}

DIV.contentStatic DIV.csc-textpic {
margin-right:20px;
}
#content h1, #content h2, #content ul {
margin-right: 15px;
}
#content p {
margin: 5px 15px 7px 1px;
}
DIV.contentStatic p {
font-size:1.1em;
margin: 5px 20px 7px 1px !important;
}
#content h1 {
padding:6px 10px 5px 0px;
font-size:1.7em;
font-weight:bold;
color:#333333;
}
#content h1:first-letter {
font-size: 1.4em;
}
#content h2 {
padding:0px 0px 5px 0px;
font-size:1.6em;
font-weight:bold;
}
#content h3 {
padding:8px 10px 0px 0px;
font-size:1.2em;
font-weight:bold;
}
#content h4 {
padding:3px 10px 0px 0px;
font-size:1.1em;
font-weight:bold;
}
#content ul {
margin-top: 5px;
margin-bottom:0;
list-style-type: square;
list-style-position:inside;
}
#content ul li {
padding-bottom:3px;
}
DIV.products table {
margin-top:5px;
margin-left:1px;
width: 280px;
font-size: 1em;
border: 1px solid #EAEAEA;
background: url(../layout/table.gif) repeat-x;
}
#content table td, #content table th {
padding: 1px;
}
#content table td {vertical-align:top;}
#content table p {
padding:0;
margin:0;
}
#content table h4, h5 {
padding:3px 10px 2px 5px;
margin-top:8px;
margin-bottom: 0;
margin-right: 20px;
font-size:1.1em;
font-weight:bold;
background:#F3F3F3;
}
#content p a, #content p a:visited, #left a.intLink, #left a.intLink:visited {
color: #999999;
}
#content a.internal-link, #content a.external-link-new-window, #content a.download, #left a.intLink, #left a.intLink:visited {
padding-left: 10px;
background: url(../layout/pfeil.gif) 0 3px no-repeat;
}
#content p a:hover, #left a.intLink:hover {
color: #333333;
}
#left a.intLink:link, #left a.intLink:visited {
text-decoration:underline;
font-weight:bold;
}
#content DIV.login {
margin-top:15px;
border-top: 1px solid #CCCCCC;
}
.contentStatic DIV.login {
margin-right:20px;
}
#content DIV.login table.login {
margin-top:5px;
margin-left:0;
width: 280px;
border: none;
background-image: none;
}

/* *** content buttons ******************************/
DIV.buttons {
clear: both;
margin-top: 30px;
margin-bottom: 0;
}
DIV.buttons ul a, DIV.buttons ul a:visited {
color:#333333;
}
DIV.buttons ul li {
float:left;
list-style:none;
width:130px;
margin-left: 20px;
height:18px;
display:inline; /* wg doppeltem margin IE bug */
}
DIV.contentStatic DIV.buttons ul li {
margin-left: 0;
margin-right: 20px;
}
DIV.contentStatic DIV.buttons ul li.last {
margin-left: 0;
margin-right: 0px;
}
DIV.buttons ul a {
display:block;
text-align:center;
text-decoration:none;
padding:1px 0px 2px 0px;
background: url(../layout/navi-li.gif) repeat-x;
}
DIV.buttons ul a:link, DIV.buttons ul a:visited {
color:#FFFFFF;
}
DIV.buttons ul a:hover {
background: url(../layout/navi-li-cur.gif) repeat-x;
}

/* *** content product overview ******************************/
DIV.overview {
margin-top: 5px;
}
DIV.catNavi {
float:left;
width:130px;
margin-right:20px;
margin-bottom: 10px;
}
DIV.catNavi img {
padding: 0 0 2px 0px;
}
DIV.overviewImage {
width:150px;
float:left;
display:inline;
}
DIV.overview a:link, DIV.overview a:visited {
text-decoration:none;
color: #666666;
}
DIV.overview a:hover {
text-decoration:underline;
color:#000000;
}

/* *** right ******************************/
#right img {
margin-bottom:10px;
}

#right {
     scrollbar-face-color: #EAEAEA;
     scrollbar-track-color: #F3F3F3;
     scrollbar-3dlight-color: #EAEAEA;
     scrollbar-darkshadow-color: #000000;
     scrollbar-arrow-color: #999999;
     scrollbar-highlight-color: #FFFFFF;
     scrollbar-shadow-color: #999999
}
#right SPAN.invis {
display:none;
}

/* *** footer ******************************/
#static {
font-size:1em;
font-weight: bold;
padding-top:2px;
}
#static ul li {
display:inline;
list-style:none;
padding-right:10px;
}
#static ul li a, #static ul li a:visited {
text-decoration: none;
color:#C0C0C0;
}
#static ul li a:hover {
text-decoration: underline;
color:#666666;
}

/* *************** nach oben link ************/
P.csc-linkToTop {
text-align:right;
}

/* *************** suche ************/
div.csc-searchform {
font-weight: bold;
background-color: #EAEAEA;
padding:10px;
}
div.csc-searchform div {
margin:5px 0;
}
div.csc-searchform label {
display:block;
float:left;
width:100px;
}
DIV#content table.csc-searchResultInfo, DIV#content table.csc-searchform {
width: 580px;
font-weight: bold;
background-color: #EAEAEA;
}
DIV#content table.csc-searchResultInfo td, DIV#content table.csc-searchform td {
padding: 5px 7px;
}
DIV#content h3.csc-searchResultHeader a, DIV#content h3.csc-searchResultHeader a:visited {
color: #0B5D7A;
padding-left: 7px;
}
DIV#content p.csc-searchResult {
padding-left: 7px;
}
DIV#content h2.searchForm {
margin:0;
padding:0;
font-size: 1.3em;
}
DIV#content table.csc-searchform td.csc-form-labelcell {
width: 80px;
}

/* ***** FORMULARE ******** */
DIV.kontaktForm {
margin-top:15px;
}
DIV.kontaktForm form fieldset {
width:570px;
padding:0;
padding-top: 5px;
}
DIV.kontaktForm form fieldset legend {
padding: 0 5px 10px 7px;
font-size: 1.1em;
color:#666666;
}
DIV.kontaktForm form p {
width:560px;
clear:both;
text-align:left;
padding:0 0 3px 15px;
}
DIV.kontaktForm form p label  {
float:left;
width:105px;
}
DIV.kontaktForm form p input, DIV.kontaktForm form p textarea, DIV.kontaktForm form p select {
margin-left:5px;
font-size:1em;
}
DIV.kontaktForm form p textarea {font-size:1.2em;}
span.error {
color:red;
font-weight:bold;
}
DIV.kontaktForm form input:focus, DIV.kontaktForm form textarea:focus { background-color : #F0F0F9;}

/* ***** POWERMAIL ******** */
DIV.tx-powermail-pi1 {
margin-top:25px;
font-size:1.1em;
}
DIV.tx-powermail-pi1 form fieldset {
width:570px;
padding:0;
padding-top: 5px;
}
DIV.tx-powermail-pi1 form fieldset legend {
padding: 0 5px 10px 7px;
font-size: 1.1em;
color:#666666;
font-weight:bold;
}
DIV.tx-powermail-pi1 form div {
width:560px;
clear:both;
text-align:left;
padding:0 0 3px 15px;
margin: 5px 20px 7px 1px !important;
}
DIV.tx-powermail-pi1 form div label  {
float:left;
width:105px;
}
DIV.tx-powermail-pi1 form div input, DIV.kontaktForm form div textarea, DIV.kontaktForm form div select {
margin-left:0px;
font-size:1em;
}
DIV.tx-powermail-pi1 form div textarea {font-size:1.2em;}
span.error {
color:red;
font-weight:bold;
}
DIV.tx-powermail-pi1 form input:focus, DIV.kontaktForm form textarea:focus { background-color : #F0F0F9;}

input.powermail_submit {
padding:1px 3px 2px 3px;
font-size: 0.9em;
color:white;
background: url(../layout/navi-li.gif) repeat-x;
border:none;
margin-left:105px !important;
}
input.powermail_submit:hover {
background: url(../layout/navi-li-cur.gif) repeat-x;
}

/* ***** DATEILINKS ******* */
TABLE.csc-uploads-3 {
margin-top: 10px;
}
TABLE.csc-uploads-3 img {
margin-right: 10px;
margin-bottom:10px;
border: 1px solid #CCCCCC;
}
TABLE.csc-uploads-3 tr td.csc-uploads-fileName, TABLE.csc-uploads-3 tr td.csc-uploads-fileSize {
vertical-align:top;
}
TABLE.csc-uploads-3 tr td.csc-uploads-fileName p {
font-weight:bold;
}
TABLE.csc-uploads-3 tr td.csc-uploads-fileSize p {
font-size: 0.9em;
}

/* ***** SITEMAP ******** */

/* main navi */
DIV.csc-sitemap ul {
padding:0;
list-style:none;
}
DIV.csc-sitemap ul li {
list-style: none;
list-style-position: outside;
font-weight:bold;
font-size: 1.1em;
width: 272px;
background: url(../layout/table.gif) repeat-x;
padding: 3px 0 3px 8px;
margin-top: 8px;
}
/* kategorien */
DIV.csc-sitemap ul li ul {
margin-left: 10px;
padding-top: 5px;
}
DIV.csc-sitemap ul li ul li {
font-weight:bold;
font-size: 1em;
background: none;
padding: 0 0 0 0;
margin-top: 0;
width: 200px;
}
/* produkte */
DIV.csc-sitemap ul li ul li ul {
margin-left: 20px;
padding-top: 0;
}
DIV.csc-sitemap ul li ul li ul li {
list-style-position: inside;
font-weight:normal;
font-size: 0.9em;
list-style: square;
}
/* links */
DIV.csc-sitemap a:link, DIV.csc-sitemap a:visited, UL.csc-menu a:link, UL.csc-menu a:visited {
text-decoration: none;
color: #333333;
}
DIV.csc-sitemap a:hover, UL.csc-menu a:hover {
text-decoration: underline;
color: #0B5D7A;
}
/* rechte spalte static navi sitemap */
UL.csc-menu-1, UL.csc-menu {
padding:0;
list-style:none;
}
UL.csc-menu-1 li, UL.csc-menu li {
list-style: none;
list-style-position: outside;
font-weight:bold;
font-size: 1.1em;
padding: 0px;
margin-bottom: 5px;
margin-left:20px;
}

/* ***** GECKO ********/
#iw {
clear:both;
width: 930px;
margin-left: auto;
margin-right: auto;
height:25px;
padding-top: 0px;
padding-right:3px;
}
#iw a.iw_link {
float:right;
height: 19px;
width: 15px;
margin-left: 5px;
overflow: hidden;
background: url(../layout/anker.gif) top left no-repeat;
display: block;
}
#iw a.iw_link:hover {
background-position: bottom left;
}


.productPics a:link, .productsPics a:visited {position:relative;}
img.magnify {position:absolute;top:-13px;left:-9999px;}
.productPics a:hover img.magnify, .productsPics a:focus img.magnify {left:5px;}


/* =CSS_STYLED_CONTENT (Bilder TYPO3) ======================== */
/* 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 IMG {
		border: 1px solid #ccc;
		padding: 0px 0px;
	}
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap a:hover IMG {border-color: #666;}

	DIV.csc-textpic-imagewrap { padding: 0; }
	#content DIV.csc-textpic-imagewrap { padding: 0 0 5px; }

	/* 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: */
	
	DIV.csc-textpic {margin-bottom:10px;}

	/* 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: 20px;
	}

	/* 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 */
	
	DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; height: 1%; }

     
/* ***** kj_imagelightbox2 ************ */

							#overlay {
								background-color: black;
							}
							#imageData #bottomNavClose {
								width: 66px; float: right; padding-bottom: 0.7em;
							}
							.csc-textpic-caption {
								display:none;
							}
							#prevLink, #nextLink {
							}
							#prevLink {
								background: url(../../typo3conf/ext/kj_imagelightbox2/lightbox/images/prevlabel.gif) left 15% no-repeat;
							}
							#nextLink {
								background: url(../../typo3conf/ext/kj_imagelightbox2/lightbox/images/nextlabel.gif) right 15% no-repeat;
							}
							#prevLink:hover, #prevLink:visited:hover {
								background: url(../../typo3conf/ext/kj_imagelightbox2/lightbox/images/prevlabel.gif) left 15% no-repeat;
							}
							#nextLink:hover, #nextLink:visited:hover {
								background: url(../../typo3conf/ext/kj_imagelightbox2/lightbox/images/nextlabel.gif) right 15% no-repeat;
							}
							.presentationmodeAct a:link {
								color:#000000; font-weight:bold; text-decoration:none; width:100%;
							}
						
/* =JQUERY FANCYBOX ======================== */

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('img/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('img/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('img/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('img/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('img/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('img/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('img/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('img/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('img/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('img/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('img/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('img/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('img/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('img/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('img/fancy_title_right.png') repeat-x;
}