/* ----------------------------------------------------------------
	CSS:  kattwiga
	Version: 1.3
	Date: 04.03.2010
---------------------------------------------------------------- */

/*  Global definitions */

* { margin:0px; padding:0px; }
html { margin:0px; padding:0px; height: 100%; }

body {
	margin:0px; padding:0px;
	text-align:left;	
	color:#000000;
	font-size:101%;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	/* canvas */
	background: #f7f3ea  url("../images/main-bg.png")  no-repeat 0px 0px; /*hintergrund geaendert von #f7f3ea ; 100427 cr */
}


/* global */

a {color:#b56618;text-decoration:none}
a:hover {text-decoration:underline}

p  {padding-bottom:1.0em; }

h1 {color:#fff}

/* bg Hintergrundbild */
#bg {
	position:absolute;
	top:0px;
	left:0px;	
	background: transparent  url("../images/page-bg.png")  no-repeat 0px 0px;
	height:100%;
	width:970px;
	z-index:-100
}


/* ie6 pngfix */
img, div, a, body { behavior: url(iepngfix.htc) }
/* das funzt - warum auch immer */
img, div, a, body { behavior: url(fileadmin/template-neu/iepngfix.htc) }

/* positioning-layers */

#overall {
	float:left;
	width:904px;	
	width:100%;
/* footer */
          position: relative;
          min-height: 100%;	

width:900px;
}



#header {
	width:904px;
	float:left;
	height:128px;
	background: url("images/header-bg.gif") no-repeat bottom left;
	clear:both;
}

#header #logo {
	padding-top:17px;
	padding-left:17px;
	float:left;
}

#header #logo img {

}


#header #slogan {
	padding-top:49px;
	float:right;
	height:48px;
	width:393px;
}

#header #slogan img {
	height:48px;
	width:393px;
}

/* Subnavigation */
#breadcrumb {
	float:left;
	width:760px;
	margin-left:70px;
	padding-left:35px;
	height:69px;
	clear:both;
	font-size:75%;
}


/* IE 6 */
*html  #breadcrumb {
	margin-left:35px;
}

#breadcrumb ul {
	float:left;
	list-style:none;
}


#breadcrumb ul li {
	float:left;
	margin-right:14px;
	padding-left:12px;
}
#breadcrumb ul li a {text-decoration:none;color:#000000}

#breadcrumb ul li.act {
	float:left;
	margin-right:14px;
	padding-left:12px;
	background: url("../images/subnav-aktiv.png") no-repeat 0px 4px;
}

#main {
	width:904px;
	height:auto;
	float:left;	background: url("../images/line-vertikal.gif") 628px bottom no-repeat ; 

}



/* Linke Spalte */

#content-trenner {
	float:left;
	clear:both;
	width:510px;
	height:13px;
	background: url("../images/line.gif") top left repeat-x;
	margin-bottom:10px;
}


#main #left {
	float:left;
	margin-left:70px;
	width:540px;
/*	font-size:75%; */
	font-size:12px;
	line-height:140%;
	padding-bottom:15px;
	padding-left:30px;
	margin-right:3px;
}

/* IE 6 */
*html #main #left {
	margin-left:40px;
	width:490px;
	padding-right:0px;

}

#main #left h1, h2, h3, h4, h5, h6 {
	width:540px;
	clear:both;
	font-family:times;
	font-weight: bold;
	font-style:italic;
	color:#000000;
	line-height:135%;
}

#main #left h1.csc-firstHeader {padding:0px;margin-top: -10px;
}
#main #left h1 {
	font-size:24px;
	margin:0px;
	margin-bottom:20px;
	padding-top:20px;
}


#main #left h2.csc-firstHeader {padding:0px;margin-top: -6px;}
#main #left h2 {
	font-size:20px;
	margin:0px;
	margin-bottom:15px;
	padding-top:20px;
}
#main #left h3.csc-firstHeader {padding:0px;margin-top: -4px;}
#main #left h3 {
	font-size:18px;
	margin:0px;
	margin-bottom:15px;
	padding-top:20px;
}
#main #left h4.csc-firstHeader {padding:0px;margin-top: -10px;}
#main #left h4 {
	font-size:16px;
	margin:0px;
	margin-bottom:10px;
	padding-top:20px;
}

#main #left p {
	padding-right:32px;
}
#main #left strong, b {color:#000000}
#main #left img {border:1px solid #666666}
#main #left ul {margin-left:17px;}
#main #left ol {margin-left:20px;}


/* Textpic */
#main #left .csc-textpic {
	width:auto;
	width:490px;
	float:left;
	padding-bottom:10px;
}
#main #left .csc-textpic p {padding-right:0px}
#main #left dl.csc-textpic-image {}
#main #left  .csc-textpic  h2 {width:auto;}

/* im Text rechts */
#main #left  .csc-textpic-intext-right .csc-textpic-imagewrap {padding-left:10px;float:right;padding-right:0px;}
#main #left  .csc-textpic-intext-right .csc-textpic-imagewrap dt img {}
#main #left  .csc-textpic-intext-right .csc-textpic-text  {}

/* im text links */
#main #left  .csc-textpic-intext-left .csc-textpic-imagewrap {padding-right:10px;float:left}
#main #left  .csc-textpic-intext-left .csc-textpic-imagewrap dt img {}
#main #left  .csc-textpic-intext-left .csc-textpic-text  {}


/* Formulare */
#main #left form {
	margin-top:1em;
	margin-bottom:1em;
} 
#main #left input[type=text] {
	border: 1px solid #808080;
}
#main #left input[type=password] {
	border: 1px solid  #808080;
}
#main #left input[type=textarea] {
	border: 1px solid black;	
}
#main #left input[type=checkbox] {
	border: 1px solid  #808080;
	padding:0px;
	margin:0px;
}
#main #left select {
	border: 1px solid  #808080;
}
#main #left fieldset {
	border:0px;
	padding:0px;
	}
#main #left legend {
	font-weight:bold;
	color:black;
	display:none;
}


#main #left  input[type=submit] {
	margin-top:3px;
	clear:both;
	float:left;
	border:1px solid #808080;
	padding:3px;
 }

/* Frontenduser-Reg */
#main #left .tx-srfeuserregister-pi1 {}
#main #left input#tx-srfeuserregister-pi1-password {clear:both;width:60px;}
#main #left input#tx-srfeuserregister-pi1-password_again {clear:both;width:60px;}


/* Kontaktformular */
#main #left .formu {
	width:370px;
	float:left;
}
#main #left .mf-input {
	margin-top:3px;
	border: 1px solid  #808080;
	width:260px;
}
#main #left .mf-text {
	margin-top:3px;
	border: 1px solid  #808080;
	width:260px;
}


/* Downloadlisten */

#main #left table.csc-uploads {clear:both;}

/* businesscard */

#main #left div.businesscard {
    	background: transparent;
    	width: 255px;
    	height: 120px;
	margin-bottom: 10px;
	margin-top:10px;
	float:left;
	margin-right:2px;
}

#main #left div.businesscard p {
	padding-right:0px
}

#main #left div.businesscardImage {
    width: 88px;
	float:left;
	margin-right:10px;
}

#main #left div.businesscardImage img {
	border:1px solid #666666;
}

#main #left div.businesscardAddress strong {
	font-size:12px
}

#main #left div.businesscardAddress {
	float: left;
	font-size:12px;
	line-height:13px;
}

/* Synergone */
#main #left .tx-synergone-pi1 td {
	padding-top:5px;
	padding-bottom:5px;
}

#main #left .tx-synergone-pi1 td img {
	float:right;
	border:1px solid black;
	margin-left:15px;
}

#main #left .tx-synergone-pi1-browsebox {
	width:350px;
	padding-left:150px;
	margin-right:40px;
	clear:both;
	border-bottom:1px dotted #000000;
	border-top:0px dotted #000000;
}

#main #left .tx-synergone-pi1-browsebox p {
	margin:0px;
	text-align:right;
}

#main #left .tx-synergone-pi1-browsebox table {	
	clear:both;
	width:350px;
}

#main #left .tx-synergone-pi1-browsebox table td {
	width:auto;
	padding:0px;
	border-right:1px solid #c76e1d;
	padding-left:1px;
	padding-right:3px;
}	

#main #left .tx-synergone-pi1-browsebox table td p {
	margin:0px;
	padding:0px;
}

/* Rechte Spalte */

#main #right {
	float:right;
	width:212px;
/*	font-size:75%; */
	font-size:12px;
	line-height:140%;
	margin-right:30px;
	padding-left:0px;
	margin-bottom:20px;
}



#main #right h1 {
	margin:0px;
	margin-bottom:15px;
	width:202px;
	font-weight:bold;
	font-family:times;
	font-style:italic;
	font-size:16px;
	color:#ce851e;
}

#main #right h2 {
	width:202px;
	font-weight:bold;
	font-family:times;
	font-style:italic;
	font-size:14px;
	color:#ce851e;
}

#main #right h3 {
	width:202px;
	font-weight:bold;
	font-family:times;
	font-style:italic;
	font-size:12px;
	color:#ce851e;
}
#main #right h4 {
	width:202px;
	font-weight:bold;
	font-family:times;
	font-style:italic;
	font-size:11px;
	color:#ce851e;
}

#main #right p {
	padding-bottom:10px;
	margin-bottom:20px;
}

#main #right strong, b {color:#000000}
#main #right img {}
#main #right .csc-textpic-imagewrap {margin:0px;}


/* Login */

#main #right .tx-felogin-pi1 {
	float:left;
	margin-bottom:20px;
}

#main #right .tx-felogin-pi1 fieldset {
	border:0px;
}

#main #right .tx-felogin-pi1 legend {display:none;}
#main #right .tx-felogin-pi1 h3 {	width:202px;
	font-weight:bold;
	font-family:times;
	font-style:italic;
	font-size:16px;
	margin-bottom:15px;
	color:#ce851e;}
#main #right .tx-felogin-pi1 form {margin-top:5px;}
#main #right .tx-felogin-pi1 input {border:1px solid  #808080;}
#main #right .tx-felogin-pi1 input[type=submit] {margin-top:5px;}

#main #right   label[For="user"]  {float:left;border:1px solid blue;width:80px;clear:both;display:none;}
#main #right   label[For="pass"]  {float:right;border:1px solid red;width:80px;clear:both;display:none;}

/* IE 7 */

#main #right   label[htmlFor="user"]  {float:left;border:1px solid blue;width:80px;display:none;}
#main #right   label[htmlFor="pass"]  {float:right;border:1px solid red;width:80px;display:none;}

/*IE 6 */
*html #main #right .tx-felogin-pi1 label  {float:left;border:1px solid blue;width:80px;display:none;}
/* *html #main #right   label[htmlFor="pass"]  {float:right;border:1px solid red;width:80px;display:none;} */


#main #right  input#user {float:left;width:90px;}
#main #right  input#pass {float:right;width:90px;}

/*IE6 */
*html #main #right  input#user {float:left;width:90px;margin-bottom:5px}
*html #main #right  input#pass {float:right;width:90px;margin-bottom:5px}

#main #right  input[type=submit] {
	border:1px solid #808080;
	padding:3px;
 }


/* Postit */
#main #right #postitwrap {
	float:left;
	width:182px;
	margin-top:-40px;
}


#main #right #postit-top {
	float:left;
	margin-top:0px;
	margin-left:-10px;	
}

#main #right #postit {
	float:left;
	background: url("../images/postit-bg.gif") no-repeat bottom left ;
	margin-top:0px;
	margin-left:-10px;
	width: 182px;
	height:auto;
	padding:10px;
	padding-top:0px;
	padding-right:17px;
	padding-bottom:8px;
	overflow:hidden;
	font-size:11px;
	line-height:14px;
	padding-left:17px;
	font-family:courier;
	font-size:12px;
	margin-bottom:20px;
}

#main #right #postit h1 {
	margin:0px;
	margin-left:-10px;
	padding-bottom:5px;
	padding-left:10px;
	font-family:arial, helvetica,sans-serif;
	font-weight:bold;
	font-size:12px;
	font-style:normal;
	color:#000000;
	background: url("../images/postit-bg-h2.gif") no-repeat -7px 0px;
}



/* footer */

.wrapper0 {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -25px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
width:900px;
	height: 25px;
	margin:0px auto/* .push must be the same height as .footer */
}


#footer {
clear:both;
	width:820px;
	float:left;
	height:25px;
	margin:0px;
	margin-left: 70px;
	padding-left:20px;
	font-size:12px;
	line-height:25px;
	color:#fff;
	background: url("../images/footer-bg.gif") no-repeat bottom left;
}

*html #footer {
	margin-left:35px;
	border-top:0px solid black;
}

#footer h1,h2,h3,h4,h5,h6 {font-size:12px;font-weight:bold;margin:0px;padding:0px;float:left;}
#footer p {font-size:12px;margin:0px;padding:0px;float:left;padding-left:10px;}
#footer a {color:#fff;text-decoration:none}
#footer b, strong {color:#fff}


/* hauptnavi oben */
#nav {
	width:1000px;
	height:44px;
	float:left;
	background: url("../images/nav-bg.png") no-repeat 0px 0px;
	clear:both;
}

#nav ul {
	margin-left:70px;
	width:100%;
}

#nav ul li {
	float:left;
	list-style-type:none;
	text-align:center;
	line-height:28px;
width:136px;
}
/* letzer Menupunkt*/
#nav ul li#navi65 {
	width:139px;
}

#nav ul li:hover {
	list-style-type:none;
	text-align:center;
	line-height:28px;
	background: url("../images/nav-aktiv-left.png") no-repeat  0px 1px;
	filter: alpha(opacity=75);
	  -moz-opacity: 0.75;
	  opacity: 0.75;
}

#nav ul li a {
	color:#000000;
	font-size:75%;
	display:block;
	height:44px;
	padding-left:35px;
	padding-right:35px; 
	background: url("../images/nav-passiv.png") no-repeat 2px 1px;
	padding-top /*\**/: 2px\9
}

*+html #nav ul li a {padding-top:2px}


#nav ul li a:hover {
	display:block;
	position:relative;
	top:0px;
	right: -10px;
	padding-left:25px;
	padding-right:45px; 
 	height:44px;
	text-decoration:none;
	margin-right:0px;
	background: url("../images/nav-aktiv-right.png") no-repeat  top right;
/* Opazität nur für den IE */
	filter: alpha(opacity=75);
}

/* aktiv */
#nav ul li.act {
	display:block;
	height:44px;
	background: url("../images/nav-aktiv-left.png") no-repeat 0px 1px;
	filter: alpha(opacity=75);
	  -moz-opacity: 0.75;
	  opacity: 0.75;
}

#nav ul li.act a {
	display:block;
	position:relative;
	top:0px;
	right: -10px;
	padding-left:25px;
	padding-right:45px; 
	height:44px;
	background: url("../images/nav-aktiv-right.png") no-repeat  top right;
/* Opazität nur für den IE */
	filter: alpha(opacity=75);
}

#nav ul li#navi50 a {background: url("../images/nav-passiv-start.png") no-repeat 0px 0px;}
#nav ul li#navi50:hover {background: url("../images/nav-aktiv-start.png") no-repeat 0px 1px;}
#nav ul li#navi50 a:hover {background: url("../images/nav-aktiv-right.png") no-repeat  top right;}
#nav ul li.act#navi50 {
	display:block;
	background: url("../images/nav-aktiv-start.gif") no-repeat  0px 1px;
}

#nav ul li.act#navi50 a {
	display:block;
	background: url("../images/nav-aktiv-right.png") no-repeat  top right;
/* Opazität nur für den IE */
	filter: alpha(opacity=75);
}

/* sitemap */

dl.csc-menu  dt a {
	color:#e79824;
	font-weight:bold;
}

dl.csc-menu  dd  {
	font-style:italic;
	padding-bottom:10px;
	margin-bottom:10px;
	background: url("images/content-bg.gif") no-repeat bottom left;
}

dl.csc-menu  dd a {
	color:#e79824;
}

/* Tabelle cr 100707 */
.contenttable td {
	vertical-align: top;
	padding-right: 12px;
	font-weight: bold;
	}
}

/* IE 6 */