
/*
div { border: 1px solid #ff0000;}
*/

/*---------------- Browser und System Check ---------------*/
#browsersystem { visibility: hidden; position:relative;}
/* -------------------- Allgemeine Definitionen ------------------ */

/*--- Abstand div (margin-top prblem; scroller ging nach unten zu weit --- */
#abstand
{
  height: 30px;
}

/* --- main-content = wrapper div um alle weiteren divs --- */
#main-content
{
  text-align: left;
  position:relative;
  width:720px;
  height:550px;
  margin: auto auto;
}

#main-navigation
{
  float:left;
  position:relative;
  margin-top: 75px;
  width:160px;
  min-height: 150px;
  text-align: right;
  border: none;
}

#main-navigation-oben
{
  position:relative;
  z-index:20;
  top: -20px;
  width:490px;
  height: 20px;
  text-align: left;
  border: none;
}

#inner-content
{
  position:relative;
  margin-left: 170px;
  width:550px;
  height:550px;
  background: #ffffff;
}

#main-header
{
  position:relative;
  width:550px;
  height: 60px;
  background:#ffffff;
}

#main-logo
{
  position:relative;
  width:550px;
  height: 130px;
  background:#ffffff;
}
#main-logo IMG
{
  margin: 30px 0 0 335px;
}
/* -------------------- Allgemeine Definitionen ------------------ */
/* ----------------------- Content Bereich ---------------------- */
#content-template
{
  position:relative;
  margin-left: 30px;
  height: 330px;
  width: 490px;
  text-align: left;
}

/* Definitionen der Spalten im Content Template */
#col-pos-1 {}

#col-pos-0
{
  float: left;
  width: 310px;
  padding: 0 0 0 1px;
}

#col-pos-2
{
  float: right;
  width: 170px;
  height: 330px;
}
#col-pos-2 IMG 
{
  text-align: right;
}

#col-pos-3, #col-pos-3-browsemenu
{
  position:absolute;
  top: 320px;
  text-align: left;
  width: 150px;
  height: 15px;
}

#col-pos-3-browsemenu
{
  width:300px;
}

/* ----------------------- Content Bereich ---------------------- */
/* ------------------------ Footer Bereich ----------------------- */

#foot-navigation
{
  position:relative;
  margin: 5px 0 0 170px;
  width: 550px; 
  height: 25px; 
  background: transparent;
  text-align: left;
}

/* ------------------------ Footer Bereich ----------------------- */
/* ---------------- Definitionen Extensions --------------------- */



/* ------------------------ Text Navi Links ----------------------- */

ul.ulTextNaviUnten,
ul.ulTextNaviObenKH,
ul.ulTextNaviKH,
ul.ulTextNaviKS {
	margin: 0; padding: 0;
	list-style-type: none;
	list-style-position: inside;
	position: relative;
}

ul.ulTextNaviKH li, ul.ulTextNaviKS li {
	margin: 0; padding: 0;
	padding: 2px 0 2px 0;
	line-height: 30px;
}
ul.ulTextNaviKS li {border: 0px solid #c0ced6; border-bottom-width:1px;}
ul.ulTextNaviKH li {border: 0px solid #e6a25c; border-bottom-width:1px;}

ul.ulTextNaviKH li.lastinmain, ul.ulTextNaviKS li.lastinmain {
	border-bottom-width: 0px;
	margin-bottom: 40px;
}

ul.ulTextNaviKH li.last, ul.ulTextNaviKS li.last {border-bottom-width: 0px;}

ul.ulTextNaviKH li a, ul.ulTextNaviKS li a {
	padding-left: 16px;
	line-height: 30px;
	font-family: Arial, Verdana, bitstream vera sans, Courier, sans-serif; 
	text-transform: uppercase;
	font-size: 11px;
	color: #fff;
}

ul.ulTextNaviKH li a,
ul.ulTextNaviKS li a {
	background: transparent;
}

ul.ulTextNaviKH li a,
ul.ulTextNaviKH li a:visited,
ul.ulTextNaviKS li a,
ul.ulTextNaviKS li a:visited {
	color: #fff;

}

ul.ulTextNaviKH li a:hover,
ul.ulTextNaviKH li a.active,
ul.ulTextNaviKS li a:hover,
ul.ulTextNaviKS li a.active,
ul.ulTextNaviKH .active,
ul.ulTextNaviKS .active {
	color: #fff;
	background: url('/fileadmin/root_sys/icons/nav-arrow-hover.gif') no-repeat 0px -2px;
}



ul.ulTextNaviKS li.last a,
ul.ulTextNaviKS li.last a:visited,
ul.ulTextNaviKS li.last a:hover,
ul.ulTextNaviKS li.last a.active {
	color: #fff;
	background: url('/fileadmin/root_sys/icons/switch_kh.gif') no-repeat 0px 1px;
}

ul.ulTextNaviKH li.last a,
ul.ulTextNaviKH li.last a:visited,
ul.ulTextNaviKH li.last a:hover,
ul.ulTextNaviKH li.last a.active {
	background: url('/fileadmin/root_sys/icons/switch_ks.gif') no-repeat 0px 1px;
}


/* ------------------------ Text Navi Unten ----------------------- */
ul.ulTextNaviUnten {
	margin: 0; padding: 0;
	list-style-type: none;
	list-style-position: inside;
}

ul.ulTextNaviUnten li {
	float: left; margin-right: 12px;
}
ul.ulTextNaviUnten li a {
	line-height: 14px;
	text-transform: uppercase;
	font-size: 11px;
	color: #fff;
}

/* ------------------------ Text Navi Content oben ----------------------- */

ul.ulTextNaviObenKS,
ul.ulTextNaviObenKH {
	margin: 0; padding: 0;
	list-style-type: none;
	list-style-position: outside;
}
ul.ulTextNaviObenKS li,
ul.ulTextNaviObenKH li {
	border: 0px dotted #ccc;
	margin:0; padding: 0;
	float: left; margin-right: 10px;
}
ul.ulTextNaviObenKS li a,
ul.ulTextNaviObenKH li a {
	margin: 0; padding: 0;
	color: #E18232;
	font-size: 11px;
	padding-right: 10px;	
	border-right: 1px solid #E18232;
}
ul.ulTextNaviObenKS li a {
	color: #A5B9C8;
	border-right: 1px solid #A5B9C8;
}

ul.ulTextNaviObenKS li a:hover,
ul.ulTextNaviObenKS li a.active,
ul.ulTextNaviObenKH li a:hover,
ul.ulTextNaviObenKH li a.active {
	color:#6d2e21;
}
ul.ulTextNaviObenKS li a.active,
ul.ulTextNaviObenKH li a.active {
	background: url('/fileadmin/root_sys/icons/arrow-1.gif') no-repeat 0px -3px;
	padding-left:16px;
	border-right: 1px solid #E18232;
}
ul.ulTextNaviObenKS li a.active {
	border-right: 1px solid #A5B9C8;
}
ul.ulTextNaviObenKS li.last a,
ul.ulTextNaviObenKH li.last a {
	border-right: 0px solid #E18232;
}



/* --------------------------------------------------
LIGHTBOX PMKSLIMBOX
-------------------------------------------------- */

#lbCloseLink {
	width: 80px ! important;
	height: 16px ! important;
	background: transparent url('/fileadmin/root_sys/images/closelabel.gif') no-repeat center ! important;
}
/*
#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}
*/

.csc-frame-frame1 .csc-textpic-imagewrap {
	border: 0px solid #f00;
}
dl.csc-textpic-image {
	margin: 0; padding: 0;
	position: relative;
}
.zoom_icon {
	position: absolute;
	top: 5px; left: 5px;
	width: 16px; height: 16px; 
	border: 0px solid #f00;
}

.csc-frame-frame1 DIV.csc-textpic DIV.csc-textpic-lastcol {
	float: right ! important;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption 
{
	margin: 0; padding: 0;
	border: 0px solid #f00;
	padding-bottom: 17px ! important;
}


/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-lastcol,
.csc-frame-frame1 DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-lastcol 
{
	float: right ! important;
}



/* 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 ! important;
}

