/* ###################################################################
################################### CONTENT ##########################
#####################################################################*/
/*#################### general tag styling ##########################*/
body {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    background-color:#f6f1ef;
/*
    text-align: center;
*/
}
body {
 color: #374249;
}
body,
a,
div,
td,                                                
h1,
input,
select,
option,
textarea {
 font-size:11px;
 line-height:14px;
 font-family: Verdana;
}
h1, h2 {
    color: #621727;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    padding:0px;
    margin:0px;
    padding-bottom: 10px;
}
h2, .regular11 h2 {
    font-size: 11px;
    line-height: 14px;
}
h2#underline, h2#onlyLine {
    border-bottom:1px solid #C3C9CD;
    padding-bottom: 2px;
    margin-bottom:4px;
}
h2#onlyLine {
    font-size:0px;
    color:#ffffff;
}
.textfield p, .killP p {
    margin-top:0px;
    margin-bottom:0px;
}
div.spacer {
 background-repeat:no-repeat;
 font-size:0px;
 line-height:0px;
}
a {
    text-decoration: none;
    color: #A29791;
    font-weight: bold;
}
a:hover {
    text-decoration: none;
    color: #621727;
}
a#crosslink {
    color: #0A97C0;
}
a#crosslink:hover {
    color: #0A476A;
}
a#mainAreaCode1 {
    color: #A29791;
}
a#mainAreaCode1:hover {
    color: #621727;
}
a#mainAreaCode2{
    color: #0A97C0;
}
a#mainAreaCode2:hover {
    color: #0A476A;
}
table {
 border-collapse: collapse;
 padding: 0px;
 margin: 0px;
 border-spacing: 0px;
 background-repeat: no-repeat;
     
}
td {
     vertical-align: top;
     padding: 0px;
     height: 100%;
}
.clearFloat {
    font-size:0px;
    line-height:0px;
    height:0px;
    clear:both
}

/* sizes */    
.regular11,
.regular11 *,
.bold11,
.bold11 * {
    font-size: 10px;
    line-height: 12px;
}
.bold11,
.bold11 * {
    font-weight: bold;
}
/*############### area linking ##################*/
a#mainAreaCode1, #mainAreaCode1 a {
    color: #A29791;
}
a#mainAreaCode1:hover, #mainAreaCode1 a:hover {
    color: #621727;
}


#mainAreaCode2 {
    color: #0A476A;
}
a#mainAreaCode2 , #mainAreaCode2 a {
    color: #0A97C0;
}
a#mainAreaCode2:hover, #mainAreaCode2 a:hover {
    color: #0A476A;
}

/*########################## general elements ##############################*/

.fontSizesmall,
.fontSizesmallX,
.fontSizelarge,
.fontSizelargeX {
    cursor: pointer;
    vertical-align: middle;
    background-repeat:no-repeat
} 
.fontSizesmall{
    background-image:url(/images/system/schriftgrosse1.gif);
}
.fontSizesmallX{
    background-image:url(/images/system/schriftgrosse1x.gif);}
.fontSizelarge{
    background-image:url(/images/system/schriftgrosse2.gif);}
.fontSizelargeX{
    background-image:url(/images/system/schriftgrosse2x.gif);
}



/*######## ICON Links ##########*/
.icon, .iconleft, .iconRight {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:22px;
    padding-right: 8px;
    padding-top:2px;
    padding-bottom:2px;
    font-weight:normal;
    font-size: 10px;
}
.iconLeft {
    float:left;
}
.iconRight {
    float:right;
}

/*######## file Links ##########*/
.file {
    background-repeat: no-repeat;
    background-position: left top;
    padding-left:22px;
    line-height:18px;
    padding-top:2px;
    padding-bottom:2px;
}

/*########### ICONS #########*/
#print {
    background-image: url(/images/system/icon_print.gif);
}
#print:hover {
    background-image: url(/images/system/icon_printx.gif);
}
#forward {
    background-image: url(/images/system/icon_mail.gif);
}
#forward:hover {
    background-image: url(/images/system/icon_mailx.gif);
}
#pdf {
    background-image: url(/images/system/icon_pdf.gif);
    padding-left:34px;
}
#word {
    background-image: url();
    padding-left:34px;
}
#ppt {
    background-image: url();
    padding-left:34px;
}
#xls {
    background-image: url();
    padding-left:34px;
}
#zip {
    background-image: url();
    padding-left:34px;
}
#mp3 {
    background-image: url();
    padding-left:34px;
}
#file {
    background-image: url(/images/system/icon_file.gif);
}
#close {
    background-image: url(/images/system/icon_close.gif);
}
#caseStudy {
    background-image:url(/images/system/icon_case_study.gif);
}
#caseStudy:hover {
    background-image:url(/images/system/icon_case_studyx.gif);
}
#produkt {
    background-image:url(/images/system/icon_produkt.gif);
}
#produkt:hover {
    background-image:url(/images/system/icon_produktx.gif);
}
#email {
    background-image: url(/images/system/icon_email.gif);
}
#email:hover {
    background-image: url(/images/system/icon_emailx.gif);
}






#floatLeft {
    float:left;
    margin-right:12px;
    margin-bottom:8px;
}
#floatRight {
    float:right;
    margin-left:12px;
    margin-bottom:8px;
}

/* lists */
ul, ol {
    line-height: 15px;
    margin-top: 15px;
    margin-bottom: 9px;
    padding-left:0px;
}
li {
    padding-bottom: 6px;
    margin-left: 0px;
}
ul {
    list-style: none;
    margin-left: 12px;
}
ul li {
    background-image: url(/images/system/bulletpoint.gif);
    background-repeat: no-repeat;
    background-position: left 6px;
    padding-left: 18px;
}
ol {
    margin-left:30px;
    padding-left:0px;
} 
.navigation ul {
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 17px;
    line-height: 15px;
}
.navigation ul li {
    background-image:none;
    padding:0px;
    margin:0px;
}

/* forms    */

form {
    display: inline;
}

/* search */

#search input#text {
    width:135px; 
    font-size: 10px;
    height:17px;
    line-height:13px;
    border:1px solid #A29791;
    vertical-align: middle;
    padding-left:3px;
}
#search .searchButton, #search .searchButtonX {
    vertical-align: middle;
    margin-left: 6px;
    background-image:url(/images/system/pfeil_suche.gif);
    background-repeat:no-repeat;
}
#search .searchButtonX {
    background-image:url(/images/system/pfeil_suchex.gif);
}

/* contact */

#contact div div {
    height: 24px;
}
#contact label {
    width:70px;
    display:block;
    float: left;
    font-size:11px;
    line-height: 16px;
}
#contact input#text {
    width:160px;
    font-size: 11px;
    height:16px;
    border:1px solid #A29791;
    padding-left:3px;
}
#contact textarea {
    width:220px;
    height:100px;
    font-size: 11px;
    line-height:16px;
    border:1px solid #A29791;
    padding:3px;
    display: block;
    float: right;
}

/* weiterleitung */
#forward input#text {
    width:220px;
    font-size: 11px;
    height:18px;
    border:1px solid #A29791;
}
#forward textarea {
    width:220px;
    height:100px;
    font-size: 11px;
    line-height:16px;
    border:1px solid #A29791;
    display: block;
}

/*######### lines etc. #############*/
.shortDivider {
    background-image: url(/images/system/linie_30pxl.gif);
    background-repeat:no-repeat;
    background-position:left center;
}
/*################################# special elements #################################*/
/* management Table */
.managementTable {
    clear:both;
}
.managementTable .col1 {
    float:left;
    margin-bottom:12px;
    width:170px;
}
.managementTable .col2 {
    float:left;
    margin-bottom:12px;
    width:328px;
}
a.arrow, a.arrowOpened {
    background-image: url(/images/system/pfeil_zu.gif);
    background-repeat: no-repeat;
    background-position:left top;
    vertical-align:middle;
    font-size:22px;
}
a.arrow:hover {
    background-image: url(/images/system/pfeil_zux.gif);
}
a.arrowOpened {
    background-image: url(/images/system/pfeil_offen.gif);
}
.managementtable h2 {
    display: inline;
    margin: 0px;
    margin-left:12px;
    padding: 0px;
}
.managementtable .headline {
    padding-bottom: 8px;
    margin-bottom:8px;
    background-image: url(/images/system/linie_2spalten.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}
/* ansprechpartner Table */
.ansprechpartner {
    margin-top:17px;
    margin-bottom: 34px;
}
.ansprechpartner * {
    font-size: 10px;
    line-height: 13px;
}
.ansprechpartner #left {
    float: left;
    width: 178px;    
}
.ansprechpartner #center {
    margin-left: 190px;
    width: 178px;
}
.ansprechpartner #right {
    float: right;
    width: 178px;
}
.ansprechpartner strong, .ansprechpartner .headline1 {
    font-size: 12px;
    line-height: 14px;
}
.ansprechpartner img {
    display: block;
}
/* forwarding box */

.forwardBoxOpened, .forwardBoxClosed, .forwardBoxSmall {
    position:absolute;
    margin-left:-200px;
    margin-top:-100px;
    width:280px;
    height:472px;
    border: 1px solid #A29791;
    background-color:#ffffff;
}
.forwardBoxClosed {
    display:none;
}
.forwardBoxOpened iframe {
    width:280px;
    height:470px;
}
.forwardBoxSmall, .forwardBoxSmall iframe {
    width:200px;
    height:100px;
}
#forward div div {
    height: 30px;
}

/* help box */
.helpBoxOpened, .helpBoxClosed {
    position:absolute;
    left:-200px;
    top:-100px;
    width:280px;
    border: 1px solid #A29791;
    background-color:#ffffff;
}
.helpBoxClosed {
    display:none;
}




/*#########################################################
####################### LAYOUT ############################
###########################################################*/
.mainTable {
    background-color: #ffffff;
    height: 100%;
    border-top: 6px solid white;
    border-left: 12px solid white;
    border-bottom: 12px solid white;
    border-right: 12px solid white;
/*
    table-layout: fixed;
    width:958px;
*/
}
/* ################ left Column ##################*/
.leftCol {
    padding-top:23px;
    width:194px;
}
/*################## right Column ###################*/
.rightCol {
    width: 182px;
}
.topRightBanner{
    width:158px;
    height:110px;
    background-image:url(/images/content/reflecting_magazin.gif);
    background-repeat:no-repeat;
    margin-bottom:10px;
}
/*
.rightCol, .rightCol * {
 font-size:11px;
 line-height:13px;    
}
*/
/*#################### center Column ####################*/
.centerCol {
    width:522px;
}
.centerColRight, .centerColRight * {
 font-size:11px; 
 line-height:14px;    
}
img.bigStage {
    display: block;
}

/*##################################
######### NAVIGATION #############
###################################*/

/*#############  left main  navi #######*/
ul.leftNavi  {
    margin-bottom: 75px;
    padding: 0px;
    border-top:1px solid #C3C9CD;
}
ul.leftNavi#sitemap {
    margin-top: 0px;
    margin-bottom: 35px;
    padding: 0px;
    border-top:none;
}
ul.leftNavi li {
    list-style: none;
    border-bottom:1px solid #C3C9CD;
    padding-bottom: 8px;
    padding-top:10px;
    margin:0px;
}
ul.leftNavi ul, ul.leftNavi ul a {
    margin: 0px;
    background-image: none;
    padding: 0px;
}
ul.leftNavi ul ul ul a {
    padding-left:12px;
}
ul.leftNavi a {
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
}
ul.leftNavi ul a {
    display: list-item;
    font-size: 10px;
    font-weight: bold;
    line-height: 18px;
}
ul#sitemap ul a {
    border-top:1px solid #C3C9CD;
    margin-top:4px;
    padding-top:4px;
}
ul#sitemap ul ul a {
    border-top:0px;
    margin-top:0px;
    padding-top:0px;
}

ul.leftNavi ul ul a {
    display: list-item;
    font-size: 10px;
    font-weight: normal;
    line-height: 18px;
}


/* children */
ul.leftNavi a.children,
ul.leftNavi a.childrenActive {
    background-image:url(/images/system/linie_30pxl.gif);
    background-repeat:no-repeat;
    background-position: left top;
    margin-top:4px;
    padding-top:4px;
}


/*############### navigation links ##################*/
ul.leftNavi #leftNavMainAreaCode1,
ul.leftNavi #leftNavMainAreaCode1 a
{
    color: #A29791;
}
ul.leftNavi a#leftNavMainAreaCode1:hover,
ul.leftNavi #leftNavMainAreaCode1 a:hover,
ul.leftNavi #leftNavMainAreaCode1 a#active,
ul.leftNavi #leftNavMainAreaCode1 a.active,
ul.leftNavi #leftNavMainAreaCode1 a.childrenActive
{
    color: #621727;
}

ul.leftNavi #leftNavMainAreaCode2,
ul.leftNavi #leftNavMainAreaCode2 a
{
    color: #0A97C0;
}
ul.leftNavi a#leftNavMainAreaCode2:hover,
ul.leftNavi #leftNavMainAreaCode2 a:hover,
ul.leftNavi #leftNavMainAreaCode2 a#active,
ul.leftNavi #leftNavMainAreaCode2 a.active,
ul.leftNavi #leftNavMainAreaCode2 a.childrenActive
{
    color: #0A476A;
}

.topNavi,
.topNavi a
{
    color: #A29791;
}
.topNavi a:hover,
.topNavi a#active,
.topNavi a.active
{
    color: #621727;
}

.breadcrumb,
.breadcrumb a
{
    color: #444e59;
}
.breadcrumb a:hover,
.breadcrumb a#active,
.breadcrumb a.active
{
    color: #444e59;
}
.copyright a
{
    color: #A29791;
}
.copyright a:hover,
.copyright a#active,
.copyright a.active
{
    color: #621727;
}







/*############# topNavi #######*/
.topNavi, .topNavi a {
    font-size: 10px;
    font-weight: normal;
    line-height: 17px;
}
.topNavi {
    margin-bottom: 6px;
}
a#first {
    background-image: none;
    padding-left: 0px;
}
/*#############  breadcrumb #######*/
.breadcrumb {
    padding-bottom:6px;
}
.breadcrumb, .breadcrumb a {
    font-size: 10px;
    line-height: 20px;
    font-weight: normal;
}
.breadcrumb a {
    background-image: url(/images/system/schraeger.gif);
    background-repeat: no-repeat;
    background-position: 4px center;
    padding-left: 12px;
}
/*############# copyright #######*/
.copyright {
    padding-left:12px;
    margin-top:16px;
}
.copyright, .copyright a {
    font-size: 9px;
    font-weight: normal;
    line-height: 12px;
}
 
/*########## REDDOT ############*/
.reddot, .reddot_rel {
    border:1px solid red;
    color:red;
    font-size:10px;
    background-color:#FFFFFF;
    position:absolute;
}
.reddot_rel {
    position:relative;
    border:none;
}
.hiddenNavi a {
    border:1px solid red;
}