
/* defaults */
body {
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
 color: #000000;
    font-family: Arial Narrow, Arial, Helvetica, sans-serif, monospace;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    margin: 0px;
    padding-top: 35px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px; 
    text-decoration: none;
 }

P.bodytext {
    /*background-color: #FFFFFF;*/
    color: #000000;
    font-family: Arial Narrow, Arial, Helvetica, sans-serif, monospace;
    font-size: 14px;
    font-style: normal;
	letter-spacing: 1px;
    font-weight: normal;
    line-height: 15px;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-decoration: none;
}

.stdtext {
    /*background-color: #FFFFFF;*/
    color: #000000;
    font-family: Arial Narrow, Arial, Helvetica, sans-serif, monospace;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-decoration: none;
}
/* menu dritte ebene*/
.csc-menu P {padding-top: 10px;}

P.csc-abstract{
    /*background-color: #FFFFFF;*/
    color: #949283;
    font-family: Arial Narrow, Arial, Helvetica, sans-serif, monospace;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    line-height: 12px;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    text-decoration: none;
border-bottom-width: 1px; 
border-bottom-style: dotted; 
border-color: #949283;
}


td {
    /*background-color: #FFFFFF;*/
    color: #000000;
    font-family: Arial Narrow, Arial, Helvetica, sans-serif, monospace;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-decoration: none;
}

.important {
	color: #FE8723;
    font-weight: bold;
}

.Detail {
	color: #ff8927;
}


td.td-0 {
color: #ff8520;
font-size: 14px;
letter-spacing: 1px;
}

td.td-last {
font-size: 14px;
letter-spacing: 1px;
}


.csc-menu  A:link {BACKGROUND: none; COLOR: #949283; FONT-SIZE: 16px; font-weight : bold; 
TEXT-DECORATION: none; FONT-FAMILY: Arial Narrow, Arial, Helvetica, sans-serif, monospace;}

.csc-menu  A:active {BACKGROUND: none; COLOR: #ff8520; FONT-SIZE: 16px; font-weight : bold; 
TEXT-DECORATION: none; FONT-FAMILY: Arial Narrow, Arial, Helvetica, sans-serif, monospace;}

.csc-menu  A:visited {BACKGROUND: none; COLOR: #949283; FONT-SIZE: 16px; font-weight : bold; 
TEXT-DECORATION: none; FONT-FAMILY: Arial Narrow, Arial, Helvetica, sans-serif, monospace;}

.csc-menu A:hover {BACKGROUND: none; COLOR: #ff8520; FONT-SIZE: 16px; font-weight : bold; 
TEXT-DECORATION: none; FONT-FAMILY: Arial Narrow, Arial, Helvetica, sans-serif, monospace;}

/* menu dritte ebene ende*/

a                                   { color: #ff8520; text-decoration: none;}
img                                 { border: 0px; }
table, td, th                       { margin: 0px; padding: 0px; border-collapse: collapse; border-spacing: 0px; }
td, th                              { vertical-align: top; text-align: left; }
form, h1, h2, h3, h4, p             { margin: 0px; padding: 0px; } 
h2 {font-size:18px};

/* helper */
/*div                               { border: 1px dashed #ff0000; margin: 1px; } /**/

/* framework */
div#outer_wrap                      { text-align: center; width: 100%; height: 100%; }
div#main_wrap                       { position: relative; text-align: left; top: 0px; left: 0px; width: 705px; height: auto; }
div#head_wrap                       { position: absolute; left: 0px; top: 65px; width: 705px; height: 204px; }
div#content_wrap                    { position: absolute; left: 0px; top: 320px; width: 705px; height: auto; }
div#meta_wrap                       { position: relative; left: 0px; top: 0px; width: 705px; margin-top: 20px; }
div#meta_wrap_engl                  { position: relative; left: 0px; top: 310px; width: 705px; margin-top: 20px; }
div#dritteebene                     { position: absolute; left: 0px; top: 120px; width: 430px; height: auto; }


/* das submenu links z.b. bei jobs*/
div#submenunav {
margin:20px 0 0 0;
padding:30px 0;
}

#submenunav ul {
list-style:none;
margin:0;
padding:0;
}

#submenunav li {
margin:0;
padding:0;
}

#submenunav a:link, #submenunav a:visited {
display:block;
margin:10px 0;
height:1em; 
padding:0.75em 0.75em 0.75em 1.5em;
background-color:#DAD4A6;
}
/*ende jobs*/



div#outer_wrap.home div#head_left   { position: absolute; left: 0px; top: 0px; width: 340px; padding: 0px 0px; height: 100%; }
div#outer_wrap.home div#head_right  { position: absolute; left: 365px; top: 0px; width: 340px; height: 100%; }
div#outer_wrap.sub div#head_left    { position: absolute; left: 0px; top: 0px; width: 250px; height: 100%; }
div#outer_wrap.sub div#head_right   { position: absolute; left: 275px; top: 0px; width: 430px; height: 100%; }

div#outer_wrap.home img#flash       { width: 340px; height: 202px; }
div#outer_wrap.sub img#flash        { width: 249px; height: 151px; }

/* logo incl. sonderpositionierung */
div#logo_wrap                       { text-align: right; position: absolute; width: 100%; left: 10px; top: -31px;  }

/* linien */
img.hr                              { display: block; border: none; color: none; height: 1px; margin: 3px 0px; padding: 0px; width: 100%; }
img.hr.normal                       { background: url(images/dots1.gif) 0px 0px repeat-x; }
img.hr.wide                         { background: url(images/dots2.gif)  0px 0px repeat-x; }
img.hr.ultrawide                    { background: url(images/dots3.gif) 0px 0px repeat-x; }

img.hr.trailer                      { position: absolute; left: 1px; top: 0px; margin-top: -3px;}
div#outer_wrap.home img.hr.footer   { position: absolute; left: 1px; top: 100%; margin-top: 3px;}
div#outer_wrap.sub img.hr.footer    { position: absolute; left: 1px; top: 150px; }


/* metanav */
div#meta_wrap                                 { font: 8px Arial, Helvetica, sans-serif; color: #cccccc; line-height: 20px; padding-top: 10px; clear: both; }
div#meta_wrap img.hr                          { position: absolute; left: 0px; top: 0px; }
a#home, a#german, a#english, a#impressum, a#disclaimer   { position: absolute; top: 8px; }
.home a#home                                  { display: none; }
.home a#impressum, .sub a#home                { left: 0px; }
.sub a#german                                 { left: 200px; }
.sub a#english                                { left: 200px; }
.sub a#impressum                              { left: 400px; }
a#disclaimer                                  { left: 640px; }



.home div#spalte_links              { position: relative; width: 340px; }
.home div#spalte_rechts             { position: relative; width: 340px; float: right; }
.sub  div#spalte_links              { position: relative; top: -80px; width: 240px; }
.sub  div#spalte_rechts             { position: relative; top: -80px; width: 430px; float: right; }
.sub  div#stage                     { position: relative; top: -80px; width: 700px; }
.sub  div#meta_wrap                 { position: relative; top: -80px; }



.sub.cases div#spalte_links         { display: inline; width: 100px; width: 120px; height: auto; margin-right: 10px; }
.sub.cases div#spalte_links a       { color: #666666; }
.sub.cases div#spalte_links a:hover { color: #ff8521; }
.sub.cases div#spalte_rechts        { display: inline; width: 100px; width: 130px; float: none; vertical-align: top; }
.sub.cases div#spalte_rechts img    { margin: 0px 0px 10px 10px; }
.sub.cases div#stage                { display: inline; width: 100px; width: 400px; margin-right: 40px; }
.sub.competence div#stage           { margin-left: 20px; width: 680px; }
.sub div#content_wrap               { margin-top: 25px;  }


/* typo */
body                                { font: 12px Arial Narrow, Helvetica, sans-serif; }
h1                                  { color: #666666; }
div.csc-header h1                   { color: #ff8521; font-size: 12px; }
div.csc-header h2                   { color: #000000; font-size: 12px; }
div#dritteebene                     { color: #666666; text-align: center; }
div#dritteebene a                   { color: #666666; }
div#dritteebene a:hover             { color: #ff8521; }

/* navi */
table.navi                          { width: 100%; }
table.navi td                       { text-align: center; }

div.navi.cascade                    { width: 430px; position: absolute; top: 50px; left: 0px; }


table img                           { position: relative; }
p                                   { position: relative; z-index: 1; }



/* specs */

div.img-offset-left                 { height: 0px; overflow: visible; position: relative; left: -200px; width: 180px; text-align: right; }
img.home_subheadline                { position: absolute; left: 0px; top: -15px; }

.home div#spalte_links h3, .sub.focus div#spalte_rechts h3
                                    { font: 28px Arial Narrow, Arial, Helvetica, sans serif; font-weight: bolder; color: #706c51; clear: none; }
.home div#spalte_links p b, .sub.focus div#spalte_rechts p b
                                    { color: #8a8a8c; display: block; margin-bottom: 5px;}

.sub.focus div#spalte_links         { padding-top: 25px; padding-left: 30px; }
.sub.focus div#spalte_rechts        { padding-top: 10px; }
                                    
input.text                          { color: #959283; border: 1px solid #959283; background: #F5F5ED; font: 10px Arial, Helvetica, sans-serif; padding: 2px 3px; width: 150px; }

div.csi-border a                    { background: url(images/button_off.gif) no-repeat; margin: 0px; padding: 0px;}
div.csi-border a:hover              { background: url(images/button_on.gif) no-repeat; }

div.menuhome a                      { background: url(images/button_off.gif) 3px 2px no-repeat; padding-left: 20px; display: block; color: #000000; font-weight: bold; }
div.menuhome a:hover                { background-image: url(images/button_on.gif); color: #ff8521; }
.home div.menuhome                  { margin: 15px 0px -10px; }
/*.home div.menuhome a                { margin-bottom: 10px; }*/


.home div#head_right p.bodytext     { margin-top: 18px; }

div#content_wrap.branchen ul        { background: #F3F1E4; padding: 35px 20px 20px; margin: 0px; font-size: 14px;}
div#content_wrap.branchen li        { list-style-type: none; letter-spacing: 1px;}
div#content_wrap.branchen h1        { position: relative; left: 20px; top: 30px; font-size: 14px;letter-spacing: 1px;}


/*teasermenus*/
div.bm-teaser                       { position: relative; width: 90%; z-index: 1; margin-bottom: 20px; }
div.bm-teaser h3 a                  { color: #979181; position: relative; z-index: 10; }
div.bm-teaser h3 a:hover            { color: #ff8520; }
div.bm-teaser p                     { color: #979181; }
div.bm-teaser div.pfeil             { position: absolute; left: 100%; top: 100%; margin: -13px 0px 0px -10px; }
div.bm-teaser img.hr                { position: relative; top: 10px; }


/*news*/
div#news                            {  }
div#news h1                         { font-size: 14px; color: #666666;}
div#news h1 a                       { font-size: 14px; color: #000000; font-weight: normal; letter-spacing: 1px;}
div#news h3                         { font-size: 14px; font-weight: normal; }
div#news h2                         { position: absolute; left: -140px; top: 0px; width: 130px; font-size: 12px; line-height: 12px; font-weight: normal; color: #666666; }
div#news div.zeile                  { position: relative; margin-left: 140px; padding-bottom: 10px; }


/*newsseite*/
div.newsansicht                     { position: absolute; top: 0px; left: 0px; background: #f6f6f6; width: 100%; height: 100%; padding: 40px 8px; }
div.newsansicht, [dummy]            { width: 568px; }
div.newsansicht h1                  { color: #000000; margin-bottom: 15px; }
div.newsansicht div.oben            { position: absolute; top: 15px; }
div.newsansicht div.oben a          { margin: 0px 5px; }
div.newsansicht div.oben a.active   { color: #000000; }
div.newsansicht div.oben h1, div.newsansicht div.oben div
                                    { display: inline; font-weight: normal; color: #000000; }
div.newsansicht div.links           { left: 0%; margin-left: 8px;}
div.newsansicht div.links2          { left: 40%; margin-left: 8px;}
div.newsansicht div.mitte           { left: 50%; }
div.newsansicht div.rechts          { left: 50%; width: 50%; text-align: right; }
div.newsansicht div.rechts, [dummy] { margin-left: -8px; }
div.newsansicht div#newsPages h1    { display: none; }


/*projektdetailansicht*/
body.projektDetail                  { background: #84826D; }
div#imageLayer                      { position: absolute; left: 50%; top: 24px; margin-left: -190px; width: 380px; height: 262px; border: 1px solid #ffffff; background: #666666; overflow: hidden; }
div#nextLayer                       { position: absolute; left: 330px; top: 300px; z-index: 1; }
div#previousLayer                   { position: absolute; left: 220px; top: 300px; z-index: 1; }
div#currentLayer                    { display: none; }
div#barLayer                        { display: none; }


/*bullsh***/
div.csi-intext-right-nowrap div.csi-imagewrap
                                    { margin-left: 25px; }
div.csi-intext-left-nowrap div.csi-imagewrap
                                    { margin-right: 25px; }

.orange {
	color:#ff8927;}

.orangebold{
	color:#ff8927;
	font-weight:bold;}
