body {
background-color: #f5f4e6;
font-size: 12px;
font-family: Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0px;
margin:0px;
}

/* ----------BASICS---------- */

h1 {
        font-size: 14px;
        font-weight: bold;
}
h2 {
        font-size: 12px;
        font-weight: bold;
         margin:0px;
}
h3 {
        font-size: 12px;
        font-style: italic;
        font-weight: bold;margin:0px;
}
h4 {
        color: #F09000;
        font-weight: bold;
        font-size: 12px;
        margin:0px;
}
h5 {
        color: #225fa3;
        font-weight: bold;
        font-size: 12px;
        margin:0px;
}
h6 {
        color: Black;
        font-size: 10px;
        font-weight: normal;
        margin:0px;
}
h4.top {
        color: #F09000;
        font-weight: bold;
        font-size: 14px;
        margin:0px;
}


img {border: none;}
a {color:#225FA3;}
a:hover {color:#000088;}
p {margin:0px;}
p.error {color:red;}
span.orange{color:#f6a924;}
span.blau{color:#345ea5;}
em.fett{font-style:normal;font-weight:bold;}
p.highbox{border-width:1px;border-color:red;border-style:solid;padding:2px;}
p.mark {margin:0px;font-size:11px;}

li{
        font-size: 12px;
        font-family: Arial, SunSans-Regular, Sans-Serif;
        color: #000000;
        margin: 2px 0px 2px 0px;
}

/* ----------Textarea----------*/
a.internal-link {color:#225FA3;}
a.internal-link:hover {color:#000088;}
a.fett-link{font-weight:bold;}
p.bodytext {
        font-size: 12px;
        font-family: Arial, SunSans-Regular, Sans-Serif;
        color: #000000;
        margin: 2px 0px 2px 0px;
}
p.align-right {
        font-size: 12px;
        font-family: Arial, SunSans-Regular, Sans-Serif;
        color: #000000;
        margin: 2px 0px 2px 0px;
        text-align: right;
}
td.align-right{text-align: right;}
p.op_ct{padding:1px 0px 1px 20px}
p.op_uf{padding:1px 0px 1px 20px}
span.important { color: #f6a924; }
span.name-of-person { color: #10007B; }
span.detail { color: #345ea5; }
div.csc-frame-frame1{
	background-color: transparent;
	padding: 4px;
	border: 1px solid #CCCCCC;
}
div.csc-frame-frame2{
        background-color: #e6edf5;
        padding: 4px;
}


/* ---- ----*/
td{
font-size: 12px;
font-family: Arial, SunSans-Regular, Sans-Serif;
color:#000000;
}

input {font-size: 11px}
textarea {font-size: 12px}
form {margin:0px;}

#content2 fieldset.csc-mailform{
border-width:0px;
background-color:#E6EDF5;
margin: 0px 4px 4px 4px;
padding: 6px;
}

#mailformmessage{
 width:116px;
}

/* -----------basic classes-----------*/
div.treffer {
        background-color: transparent;
        padding: 2px 2px 12px 0px;
        border: 0px;
        border-color: black;
        border-style: dotted;
        font-size: 12px;
}
h3.treffer_cy{
    background-color:#F0AA22;
    padding-left:4px;
    margin:6px 0px 6px 0px;
}

h3.treffer_kind {
        font-size: 12px;
        font-style: italic;
        font-weight: bold;
        margin:1px 0px 1px 0px;
        padding-left:4px;
        color:white;
        background-color:#000088;
}

.highcaption{
        background-color: #000088;
        color:white;
        padding: 0px 4px 0px 4px;
}

div.sel_cy{
        right: 2px;
        left: 100px;
        padding-left: 302px;
        padding-top: 12px;
}

select {
        font-family: Arial,sans-serif;
        font-size: 11px;
}
option.high{
    background-color: #F09000;
}
option.bonus{
	background-color: #E6EDF5
}

div.katalogbox{
        background-color: transparent;
        padding: 0px;
        float: left;
        margin: 8px 16px 8px 8px;
        height: 56px;
        border-bottom-color: #CCCCCC;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
        width: 250px;
}
div.treff_b{
        padding: 0px 0px 0px 16px;
}
a.mehr /*daten hängen von .katalogbox ab*/
{
}
h5.suche{
        font-weight: normal;
        font-size: 12px;
        text-indent: -40px;
        margin-left: 40px;
}
span.nowarp{
        white-space: nowrap;
}
p.katalogstripe{
        border: 0px solid #CCCCCC;
        background-color: transparent;
        padding: 0px;
        margin: 10px 0px 8px 0px;
}
p.w-descr {
        padding: 6px 0px 6px 0px;
        font-size: 11px;
}
p.zeile {
        padding: 2px 0px 2px 0px;
}
p.zeileplus {
        padding: 2px 0px 2px 20px;
}

div.user-kulogin-pi1{
}

input.button {
	color: #fff;
	background-color: #1e5fa3;
	border: 1px solid #1e5fa3;
	cursor: pointer;
}
input.know_button {
	color: #fff;
	background-color: #FFAD00;
	border: 1px solid #D48B00;
	height: 26px;
	font-size: 16px;
	margin: 4px 2px 1px 4px;
	cursor: pointer;
	font-weight: bold;
}
input.know_button_small {
	color: #fff;
	background-color: #FFAD00;
	border: 1px solid #D48B00;
	cursor: pointer;
}
input.searchbig {
	height: 21px;
	font-size: 16px;
	padding-top: 4px;
}
input.searchbig:focus{
	background-color: #FFD273;
}


input.csc-mailform-submit {color: #fff; background-color: #1e5fa3; border: 1px solid #1e5fa3; }
.like_button {
        color: #fff;
        background-color: #FFAD00;
        border: 1px solid #D48B00;
        text-decoration: none;
}
.like_button a {
        color: White;
        text-decoration: none;
}


div.mehr {
        text-align: right;
}
a.kata1 { color: #f09000; text-decoration:none; font-weight: bold;}
a.kata1:hover   { color: #225fa3; text-decoration:underline; font-weight: bold }
a.kata1:active   { color: #f09000; text-decoration:underline; font-weight: bold;}
a.kata1:visited   { color: #d07000; text-decoration:none; font-weight: bold;}

#cs_searchform_koop td{
 padding: 4px;
}

#cs_treffer_koop{
        width: 100%;
        border: 1px;
        border-color: #cccccc;
        border-style: solid;
}
#cs_treffer_koop td{
        background-color: #E6EDF5;
}

/* ----------NEWS ENTRYPAGE---------- */
#StartNews{
padding: 0px 0px 0px 0px;
width: 740px;
background: url(img/bg_latest_dots.jpg) left repeat-y; }

#StartHeader {
        padding: 6px 4px 0px 4px;
        margin: 4px 4px 0px 90px;
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF; /*background:#E6EDF5 url(img/bg_news_header.jpg) repeat-x;*/
}

#StartHeader a { color:#FFFFFF; text-decoration:none; }

#content1 h1.csc-firstHeader{
        font-size: 16px;
        font-weight: bold;
}
#content2 h1.csc-firstHeader{
        font-size: 12px;
        font-weight: bold;
}

#StartContent {
        color: #ffffff;
        padding: 4px 4px 0px 0px;
        width: 722px;
        margin: 0px 4px 4px 4px;
        background: #E6EDF5 url(img/topnewss.jpg) no-repeat;
        /*height: 104px;*/
}
#StartImage {padding: 0px 0px 0px 4px; margin: 0px 0px 0px 0px; float:left; }
#StartText {
        padding-left: 14px;
        padding-bottom: 0px;
        padding-right: 25px;
        padding-top: 10px;
}
#StartContent a {text-decoration:none; color:#005FA6;}
#StartClear {height:10px; margin: 0px 4px 4px 4px; text-align:left }


/* ----------latest NEWS---------- */

h2.news_teaser {
   font-family: Arial, SunSans-Regular, Sans-Serif;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
   margin:0px;
}

#latestNews{
padding: 0px 0px 0px 0px;
width: 141px;
background: url(img/bg_latest_dots.jpg) left repeat-y; }

#latestHeader {
padding: 4px 2px 4px 2px;
margin: 4px 4px 0px 4px;
font-size: 12px;
font-weight: bold;
color:#FFFFFF;
background:#E6EDF5 url(img/bg_latest_header.jpg) no-repeat;}

#latestHeader a { color:#FFFFFF; text-decoration:none; }

#latestDate {padding: 0px 2px 0px 2px; margin: 0px 4px 0px 4px; font-weight:bold; background-color:#E6EDF5;}
#latestContent {padding: 2px 2px 2px 2px; width: 129px; margin: 0px 4px 0px 4px;  background-color:#E6EDF5;}
#latestContent a {text-decoration:none; color:#225fa3;}
#latestContent a:hover {text-decoration:none; color:#000088;}
#latestClear {height:1px; margin: 0px 4px 4px 4px; background-color:#E6EDF5; }

/* ----------LOGIN---------- */

#LoginHeader {
padding: 4px 2px 4px 2px;
margin: 4px 4px 0px 4px;
font-size: 14px;
font-weight: bold;
color:#FFFFFF;
background:#E6EDF5 url(img/bg_latest_header.jpg) no-repeat;}

#content div.csc-frame-right{
        font-size: 12px;
}

#content2 h1 {
padding: 4px 2px 4px 2px;
margin: 4px 4px 0px 4px;
font-size: 12px;
font-weight: bold;
color:#FFFFFF;
background:#5f5f5f url(img/bg_latest_header-sw.jpg) no-repeat;}

#content2 div.csc-frame-right{
        font-size: 11px;
        width: 142px;
        border: 1px solid #CCCCCC;
        padding: 0px;
        margin: 4px 0px 10px 0px;
        background-color: transparent;
}

#content2 p.bodytext{
        padding: 4px 2px 4px 2px;
        margin: 0px 4px 4px 4px;
        background-color: #E7E7E7;
}

#LoginContent {padding: 0px 2px 0px 2px; width: 131px; margin: 0px 4px 0px 4px;  background-color:#E6EDF5; text-align:center; }
#LoginContent a {text-decoration:underline; color:#000;}
#LoginForm {
        padding: 4px 2px 4px 2px;
        margin: 0px 4px 4px 4px;
        background-color: #E6EDF5;
        color: black;
}
#LoginForm p { padding: 2px 0px 2px 0px;}
#LoginForm input {font-size: 11px; width:124px; border: 1px solid #CCCCCC;padding: 0px; margin: 0px;}
#LoginForm input.button {font-size: 11px; color: #fff; width:50px; background-color: #1e5fa3; border: 1px solid #1e5fa3; padding: 0px; margin: 0px;}
#LoginClear {height:6px; margin: 0px 4px 4px 4px; background-color:#E6EDF5; }


/* ----------ANFRAGE---------- */

#AnfrageHeader {
padding: 4px 2px 4px 2px;
margin: 4px 4px 0px 4px;
font-size: 14px;
font-weight: bold;
color:#FFFFFF;
background:#E7E7E7 url(img/bg_latest_header-sw.jpg) repeat-x;}

#AnfrageContent {padding: 0px 2px 0px 2px; width: 129px; margin: 0px 4px 0px 4px;  background-color:#E6EDF5;}
#AnfrageContent a {text-decoration:underline; color:#000;}
#AnfrageForm { padding: 2px 1px 2px 2px;}
#AnfrageForm p { padding: 2px 0px 2px 0px;}
#AnfrageForm input {font-size: 11px; width:124px; border: 1px solid #CCCCCC;padding: 0px; margin: 0px;}
#AnfrageForm input.button {font-size: 11px; color: #fff; width:50px; background-color: #1e5fa3; border: 1px solid #1e5fa3; padding: 0px; margin: 0px;}
#AnfrageForm textarea {font-size: 12px;  width:123px; border: 1px solid #CCCCCC; padding: 0px; margin: 0px;}
#AnfrageClear {height:6px; margin: 0px 4px 4px 4px; background-color:#E6EDF5; }

/* ----------ANFRAGE---------- */

div.csc-frame-middle{
        font-size: 12px;
        /*width: 524px;*/
        border: 1px solid #CCCCCC;
        padding: 0px;
        margin: 4px 0px 10px 0px;
        background-color: transparent;
}
div.csc-in-middel{
        padding: 4px 2px 4px 2px;
        margin: 0px 4px 4px 4px;
        color: #000000;
        background: #E7E7E7;
}

#ku_reg td.caption{
        text-align: right;
}
#ku_reg td.input{
        text-align: left;
}
#ku_reg input.button{
color: #fff; width:80px; background-color: #1e5fa3; border: 1px solid #1e5fa3;
}


/* ----------NEWSLETTER---------- */

#NewsletterHeader {
padding: 4px 2px 4px 2px;
margin: 4px 4px 0px 4px;
font-size: 14px;
font-weight: bold;
color:#FFFFFF;
background:#E6EDF5 url(img/bg_latest_header.jpg) no-repeat;}

#NewsletterContent {padding: 0px 2px 0px 2px; width: 129px; margin: 0px 4px 0px 4px;  background-color:#E6EDF5; }
#NewsletterContent p {padding: 4px 0px 0px 2px;}
#NewsletterContent a {text-decoration:underline; color:#000;}
#NewsletterForm { padding: 2px 1px 2px 2px; text-align:right;}
#NewsletterForm p { padding: 3px 0px 3px 0px;}
#NewsletterForm input {font-size: 11px; width:124px; border: 1px solid #CCCCCC;padding: 0px; margin: 0px;}
#NewsletterForm input.button {font-size: 11px; color: #fff; width:62px; background-color: #1e5fa3; border: 1px solid #1e5fa3; padding: 0px; margin: 0px;}
#NewsletterForm input.archiv {font-size: 11px; color: #1e5fa3; width:55px; background-color:#e6edf5; border: 1px solid #1e5fa3; padding: 0px; margin: 0px;}
#NewsletterClear {height:6px; margin: 0px 4px 4px 4px; background-color:#E6EDF5; }

/* ----------CART---------- */

#CartForm { padding: 2px 2px 2px 2px; background: url(img/bg_latest_header.jpg) no-repeat; margin: 4px 4px 0px 4px;}
#CartForm input {font-size: 11px; padding: 0px; margin: 0px;}
#CartForm input.button {color: #fff; width:90px; background-color: #1e5fa3; border: 1px solid #1e5fa3; margin-bottom: 5px;}

/* ----------SEARCH---------- */

#SearchForm { padding: 3px 2px 3px 2px; background: url(img/bg_search.jpg) no-repeat; margin: 4px 4px 4px 4px;}
#SearchForm p { padding: 1px 0px 1px 0px; color:#316dab;}
#SearchForm input {font-size: 11px; width:80px; padding: 0px; margin: 0px;}
#SearchForm input.button {color: #fff; width:40px; background-color: #1e5fa3; border: 1px solid #1e5fa3; }
#SearchForm input.check { width:10px; margin: 0px; padding: 0px;}

/* ----------Div only Version latest NEWS----------

#latestNews{
padding: 0px 0px 0px 0px;
width: 141px;
background: url(img/bg_latest_dots.jpg) left repeat-y; }

#latestHeader {
padding: 4px 2px 4px 2px;
margin: 2px 4px 1px 4px;
font-size: 14px;
font-weight: bold;
color:#FFFFFF;
background:#E6EDF5 url(img/bg_latest_header.jpg) no-repeat;}

#latestDate {padding: 0px 2px 0px 2px; margin: 0px 4px 0px 4px; font-weight:bold; background-color:#E6EDF5;}
#latestContent {padding: 0px 2px 0px 2px; width: 129px; margin: 0px 2px 0px 4px;  background-color:#E6EDF5;}
#latestContent a {text-decoration:none; color:#005FA6;}
#latestClear {height:10px; margin: 0px 4px 1px 4px; background-color:#E6EDF5; }
#latestdotsx {
height: 2px;
margin: 0px 1px 0px 1px;
background: url(img/dots_x.gif) repeat-x top;
}
#latestdotsxtop {

padding-bottom: 2px;
margin: 0px 0px 0px 0px;
background: url(img/dots_x.gif) repeat-x top;
}*/

/* ----------container to center the layout---------- */
#container {
width: 900px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background: url(img/cont_back.gif) repeat-y;

}

/* ----------banner for logo-------------- */
#banner {
height: 106px;
text-align: left;
background-color: #F5F4E6;
padding: 0px 0px 0px 0px;
margin: 0px 1px 0px 1px;
background: url(img/header_verlauf.jpg) repeat-x top left;
 }

/* ----------dots----------------- */
#dotsx {
font-size:2px;
margin: 0px 1px 0px 1px;
background: url(img/dots_x.gif) bottom repeat-x;
}

/* -----------------topnavi & topimg--------------------- */
#topnav_img {
padding:0px;
margin: 0px;
}

#topnav {
font-size: 11px;
color: #727272;
padding:0px;
margin: 0px 10px 0px 0px;
text-align: left;
float:left;
}

#topnav a {
color: #727272;
text-decoration:none;
}
#topnav a:hover {
color: #000000;
text-decoration:underline;
}

/* -----------------breadcrumb--------------------- */

#breadcrumb{
font-size: 10px;
color: #727272;
padding: 0px 0px 2px 0px;  /* 2px für dot ausrichtung */
margin: 0px 10px 5px 0px;  /* margin abstand unten */
background: url(img/dots_x.gif) bottom repeat-x;
clear:both;
}

#breadcrumb a {
color: #727272;
text-decoration:none;
}
#breadcrumb a:hover {
        color: #333333;
        text-decoration: none;
}

/* -----------------content--------------------- */

#block_1
        {
        float: left;
        width: 740px;
        margin-left: 160px;
        }
* html #block_1
        {
        display: inline;
        }

#content{
        padding: 0px;
        margin: 0px 10px 0px 0px; }

/* -----------------content for temp2--------------------- */
#content11{
        /*float: left;*/
        padding: 4px 0px 0px 0px;
        margin: 0px;
}
#content22{
        float: right;
        padding: 4px 0px 0px 5px;
        margin: 0px;
}

#content1{
        float: left;
        padding: 4px 0px 0px 0px;
        margin: 0px;
        width: 620px;
        /* ie5win fudge begins */
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 580px; /**450px ***/
        }
html>body #content1 {
        width: 580px;
        /* ie5win fudge ends */
        }

#content2{
        float: left;
        padding: 4px 0px 0px 5px;
        margin: 0px;
        /*text-align: right; */
        width: 154px;
        /* ie5win fudge begins */
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 145px;
        }
html>body #content2 {
        width: 145px;
        /* ie5win fudge ends */
        }

/* -----------------navleft--------------------- */

#nav {
        padding: 10px 0px 4px 10px;
        z-index: 1000;
}
#left
        {
        float: left;
        width: 160px;
         margin-left: -900px;
        z-index: 999;
}

/* -----------------wrapper--------------------- */
#wrapper
        {
        width: 900px;
        min-height: 480px;
        }
#wrapper
        {
        float: left;
        float/**/: none;
        }
/* easy clearing */
#wrapper:after
        {
        content: '[DO NOT LEAVE IT IS NOT REAL]';
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        }
#wrapper
        {
        display: inline-block;
        }
/*\*/
#wrapper
        {
        display: block;
        }
/* end easy clearing */

/* -----------------footer--------------------- */

#footer {
        clear: both;
        width: 898px;
        height: 29px;
        color: #727272;
        font-size: 11px;
        padding: 2px 0px 0px 0px;
        margin: 0px 0px 0px 1px;
        text-align: center;
        background: url(img/footer_back-sw.gif) repeat-x bottom;
        line-height: 13px;
}

#footer a {
color: #727272;
text-decoration:none;
}


.tx-ttnews-browsebox, .browseBoxWrap {
  background: none;
  border: none;
}

.tx-ttnews-browsebox-SCell {
  background-color: #F0AA22;
}