* html { height:101%; }


/* geblockt */

 * { margin: 0; padding: 0; }  


body {
	background: #f6f6f6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #224;
	height:101%;
	position:relative;
	margin:0;
   padding:0;
}


img.left {
	float: left;
	margin: 5px  10px 0 0;
}

img.right {
	float: right;
	margin: 5px 0 0 10px;
}

/* --------------- Wrapper -------------- */


#w1 {
   background: transparent url(../images/bg-w2.png) repeat-y center top;
   position:relative;
	width:980px;
	margin:20px auto 20px auto;
}

#w2 {
   background-color:#fff;
   border-color:#000000;
   border-style:solid;
   border-width:0 1px 1px;
   margin-left:52px;
   overflow:hidden;
   position:relative;
   width:876px;
}

/* Header */

#header {
   border-style:solid;
   border-color:#000;
   border-width:1px 1px 0 1px;
   color:#fff;
   height:100px;
   margin-left:52px;
   position:relative;
   width:876px;
}

/* Logo */

#logo {
   position:absolute;
   top:0;
   left:0;
   width:320px;
   height:90px;
   background:#fff url(../images/logo.png) no-repeat center;
   overflow:hidden;
}
#logo a {
   color:#fff;
   display:block;
   font-size:0;
   height:100%;
   text-decoration:none;
   width:100%;
}
#headerimage {
   position:absolute;
   top:0;
   left:320px;
   width:554px;
   height:90px;
   background:#fff;
   overflow:hidden;
}

/* Menues */
#topmenu {
   color:#666;
   font-size:11px;
   height:20px;
   position:absolute;
   right:85px;
   top:-17px;
   width:auto;
   margin: -20;
   z-index:10;
}
#topmenu a { color:#666; }

#menu {
	position:relative;
	z-index:6;
	font-size:0.9em;
   border-bottom:3px solid #090303;
   height:30px;
   margin: -20;
   overflow:hidden;
}
#menu ul {
   list-style:none;
   overflow:hidden;
   height:100%;
   position:relative;
   bottom:0;
   left:0;
}
#menu li {
   display:inline;
   margin:0;
   padding:0;
}
#menu ul a {
   float:left;
   background:url("../images/tableftE.gif") no-repeat left top;
   margin-top:7px;
   padding-left:4px;
   text-decoration:none;
   font-weight:bold;
   font-size:1.1em;
}
#menu a span {
   float:left;
   display:block;
   background:url("../images/tabrightE.gif") no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
   #menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {
   color:#FFF;
}
#menu a:hover {
   background-position:0% -58px;
}
#menu a:hover span {
   background-position:100% -58px;
}

#menu .current a {
   background-position:0% -58px;
}
#menu .current a span {
   background-position:100% -58px;
}

/* Sprachewechsel -> Flagge */
#lang { position:absolute; right:4px; text-align:right; top:10px; z-index:10; }
#lang .flagge { margin-left:6px; }

/* Brotkrumenpfad */
#breadcrumb {
   border-bottom:2px dotted #ddd;
   font-size:10px;
   height:20px;
   position:relative;
   top:0;
   z-index:6;
}

#breadcrumb div { margin:6px 0 0 10px; color:#999; }
#breadcrumb div a { color:#999; }

/* Page */

#page {
   position:relative;
	min-height:380px;
	top:0;
	overflow:hidden;
}

/* Content */
/* Definition der linken Spalte, enthält evtl. Submenue und Inhalt "LINKS" */

#col1, #col2, #col3, #col3-2 { position:relative; top:0; z-index:3; }

.cc { position:relative; }


#col1 { border:0px dotted #f00;
   float:left;
   width:200px;
   padding-bottom:32020px;
   margin:0 0 -32000px 0;
   
}
#col1 .cc { margin-top:0px; }


/* Definition der rechten Spalte, enthält Inhalt "RECHTS" */
#col2 { border:0px dotted #0f0;
   float:right;
   width:190px;
   padding-bottom:32020px;
   margin:0 0 -32000px 0;
   background:url(../images/bg-col2.png) repeat-y -75px top;
}
#col2 .cc { margin:10px 5px 0 6px; }

#col2 h1 { font-size:20px; }

/* Definition der mittleren Spalte, enthält Inhalt "NORMAL" */
#col3, #col3-2 { border:0px dotted #00f;
   float:none;
   z-index:3;
}
/* bei den margin links und rechts müssen noch die Schattenränder berücksichtigt werden */
#col3   { margin:0 208px 20px 208px; }
#col3-2 { margin:0  28px 20px 208px; }
/*#col3   { width:520px; margin:0; }
#col3-2 { width:750px; margin:0; }*/

#col3 .cc   { overflow:hidden; margin:10px 20px 0 0; }
#col3-2 .cc { overflow:hidden; margin:10px 0 0 0; }


/*- Submenue:--------------------------- */
div#navactive {
   width: 199px;
   background:url("../images/bg-navactive.png") repeat-x left bottom;
}
div#navactive p {
   color:#fff;
   font-size:14px;
   font-weight:bold;
   margin:0;
   padding:6px 4px 4px;
   text-align:center;
}

#submenu {
   margin:5px 0 1em 0px;
   width: 199px;
   padding: 0 0 1em 0;
   font-size:11px;
   color: #333;
   border-top:1px solid #B0C3D0;
}

#submenu ul {
    list-style: none;
    margin:0;
    padding: 0;
    border: none;
    }
#submenu ul ul { margin:0 0 0 10px; }
    
#submenu li {
    border-top: 1px solid #aaa;
    margin: 0;
    list-style: none;
    list-style-image: none;
    }

#submenu li a {
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 10px solid #004a77;
    border-right: 10px solid #aaa;
    background-color: #eee;
    color: #444;
    text-decoration: none;
    width: 100%;
    }

html>body #submenu li a {
    width: auto;
    }

#submenu li a:hover {
    border-left: 10px solid #731b2d;
    border-right: 10px solid #731b2d;
    background-color: #eee;
    color: #731b2d;
    }

#submenu li  a.current {
    border-left: 10px solid #004a77;
    border-right: 10px solid #004a77;
    background:#fcefef url(../images/bg-h5blau.png) repeat-x;
    color: #fcfcfc;
    }

#submenu li a.active {
    border-left: 10px solid #004a77;
    border-right: 10px solid #731b2d;
    background:#fdefef;
    color: #222;
    }


/* Produktselector */
#productSel { margin-top:25px; }
#productSelector select { width:194px; margin-left:3px; margin-right:3px; font-size:13px; font-weight:bold; }
#productSelector select option { font-weight:normal; padding-left:2px; }
.psheader { background:#fcefef url(../images/bg-h5blau.png) repeat-x; color:#00000; font-size:13px; font-weight:bold;  }
.psl1 { font-weight:bold !important; }
.psl2 { padding-left:12px !important; }
.psl3 { padding-left:22px !important; }
.psl4 { padding-left:32px !important; }


/* Footer */

#footer {
   position:relative;
   left:0;
	height: 24px;
	background:#fff url(../images/img05.jpg) no-repeat;
	border-top:1px solid #731b2d;

}

#footer p {
   font-size:12px;
	margin-left:10px;
	padding-top: 2px;
	color: #666;
	text-align:center;
}

#footer a {
	color: #666666;
}

/* Unsichtbares und Clearer  ********************** */
.clearer { clear:both; margin:0; border:0; background:none; font-size:0; }
.ns { display:none; }

/* allgemeine TAG-Definition:  ******************** */
/* h1 ist grafisch */
h1 {
  height: 35px;
  text-indent: -9999em;
  width: auto;
}
h2 { font-size:14px; color:#004a77; border-bottom:2px solid #731b2d; padding-bottom:2px; }
h3 { font-size:14px; }
h4 { font-size:13px; color:#ad2121; }
h5 {
   font-size:12px;
   color:#fff;
   background:transparent url(../images/bg-h5blau.png) repeat-x;
   height:32px;
   padding:5px;
   margin:0;
}
h6 { font-size:10px; }

blockquote { margin:0; padding:5px; border-left:5px solid #0c3e8a; background-color:#d6e8f4; }

a { color:#731b2d; text-decoration:none; }
a:hover { color:#a22; text-decoration:underline; }

img { border: none; }



/* geblockt */

/* ul { list-style: none; margin: 5; padding: 0; } */



ul { list-style: circle; margin: 100; padding: 0; }

.csc-sitemap ul    { list-style-type:circle; margin:0 0 0 20px; padding: 0; }
.csc-sitemap ul ul { list-style-type:disc; }
ol { list-style: none; margin: 0; padding: 0; }
li { }

u  { text-decoration:none; border-bottom:1px dotted #444; padding-bottom:1px; }
p  { margin:0 0 5px 0; padding:0; line-height:135%; }

input, select, textarea {
   font-family:arial, helvetica, sans-serif;
   margin-bottom:3px;
   border-color:#647883;
   border-style:solid;
   border-width: 1px;
   font-size:11px;
}
input, textarea { padding:2px 4px; }
input[type=text], textarea { border-style:dotted; }
input:focus, select:focus, textarea:focus { background-color:#D6E8F4; color:#0c3e8a; }

hr { background:#9f9f9f; border:0; clear:both; color:#9f9f9f; height:1px; }

table { border-collapse:collapse; empty-cells:show; }
table.fine { border:1px solid #222; margin-left:1px; }
table.fine th, table.fine td { border:1px dotted #222; padding:1px 4px 2px 4px; }
td input, td select, td textarea { margin-bottom:0px; }

.important { color:#f00; }
.detail    { color:#292; }
.name-of-person { color:#229; }
.csc-frame-frame1 { background:#EDEBF1; padding:4px; border:1px solid #222; }
.csc-frame-frame2 { background:#F5FFAA; padding:4px; border:1px solid #222; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.align-justify { text-align:justify; }

.kkk { clear:both; }

.txt50  { float:left; width:47%; margin:5px 10px 5px 5px; text-align:justify; }
.txt100 { float:left; width:98%; margin:5px; clear:both; text-align:justify; }
.txt50 h1, .txt100 h1, .txt50 h2, .txt100 h2, .txt50 h3, .txt100 h3, .txt50 h4, .txt100 h4, .txt50 h5, .txt100 h5
 { margin:0px 0pt 5px 0px !important; }


/* CSS für kk_downloader */
.kk_dl_flx {
   background:#f0f4f3;
   clear:both;
   height:auto;
   margin:0 3px 5px 0;
   padding:5px;
}

/* für kupix eigene sitemap */
.sm-descr { font-size:0.9em; color:#666; letter-spacing:1px; }

/* styles für tt_news */
.n-li-i { background:#f0f0f0; padding:4px; border:1px solid #999; margin-bottom:10px; }

/* CSC-Modifikationen */


/* css aus Home Datei */

#mitteboxw {
	display:block;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:9px;
	margin-right:9px;
	padding:0;
	width:625px;
	
}

.kopfhauptw {
	display:block;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	width:605px;
	height:18px;
	font-weight:bold;
	text-transform:uppercase;
	background:#e4e4e4;
	border-bottom:#d4d4d4 1px solid;
}

#hauptboxw {
	display:block;
	float:left;
	margin-bottom:13px;
	padding:0;
	width:625px;
	
	background:#f3f3f3;
	border:#d4d4d4 1px solid;
}

.inhaltboxw {
	display:block;
	width:605px;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}


#linkeboxd {
	display:block;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:9px;
	margin-right:9px;
	padding:0;
	width:200px;
	height:190px;
}

.startekopfd {
	display:block;
	margin:0;
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	width:165px;
	height:18px;
	font-weight:bold;
	text-transform:uppercase;
	background:#731a2a;
	border-bottom:#d4d4d4 1px solid;
}

#hauptboxlinksd {
	display:block;
	float:left;
	margin-bottom:13px;
	padding:0;
	width:185px;
	height:170px;
	background:#f3f3f3;
	border:#d4d4d4 1px solid;
}

.inhaltboxlinksd {
	display:block;
	width:165px;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}


#linkebox {
	display:block;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:9px;
	margin-right:9px;
	padding:0;
	width:185px;
	
}

.startekopf {
	display:block;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	width:165px;
	height:18px;
	font-weight:bold;
	text-transform:uppercase;
	background:#e4e4e4;
	border-bottom:#d4d4d4 1px solid;
}

#hauptboxlinks {
	display:block;
	float:left;
	margin-bottom:7px;
	padding:0;
	width:185px;
	
	background:#f3f3f3;
	border:#d4d4d4 1px solid;
}

.inhaltboxlinks {
	display:block;
	width:165px;
	margin:0;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
}

#linkeboxk {
	display:block;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:9px;
	margin-right:9px;
	padding:0;
	width:185px;
	
}

.startekopfk {
	display:block;
	color:#ffffff;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	width:165px;
	height:18px;
	font-weight:bold;
	text-transform:uppercase;
	background:#054e82;
	border-bottom:#d4d4d4 1px solid;
}

#hauptboxlinksk {
	display:block;
	float:left;
	margin-bottom:7px;
	padding:0;
	width:185px;
	
	background:#ffffff;
	border:#d4d4d4 1px solid;
}

.inhaltboxlinksk {
	display:block;
	width:165px;
	margin:0;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
}


#linkeboxb {
	display:block;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:9px;
	margin-right:9px;
	padding:0;
	width:200px;
	height:190px;
}

.startekopfb {
	display:block;
	margin:0;
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	width:165px;
	height:18px;
	font-weight:bold;
	text-transform:uppercase;
	background:#054e82;
	border-bottom:#d4d4d4 1px solid;
}

#hauptboxlinksb {
	display:block;
	float:left;
	margin-bottom:13px;
	padding:0;
	width:185px;
	height:170px;
	background:#f3f3f3;
	border:#d4d4d4 1px solid;
}

.inhaltboxlinksb {
	display:block;
	width:165px;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}