/*
###########
ALLGEMEINE FORMATIERUNGEN
###########
*/


P {
margin-top: 0px;
margin-bottom: 15px;
}


BODY {
margin: 0;
background-color: #DDDDDD;
text-align: center;
font-family: verdana;
font-size: 10px;
background-image:url('graphik/bg_gradient_grey.png');
background-repeat:repeat-x;
padding:10px;
}

TABLE {
font-size: 10px;
}

TD.td-0 {
padding: 3px;
padding-right: 6px;
font-weight: bold;
}

A {
color: #E94C16;
text-decoration: none;
font-weight: bold;
}

A:hover {
text-decoration: underline;
}

A.functionlink, A.functionlink:hover {
text-decoration: none;
text-color: none;
font-weight: normal;
color: #999999;
}

DIV#content-left A, DIV#content-right A {
color: #E94C16;
}

H1,H2,H3,H4,H5 {
color: #999999;
text-transform: uppercase;
font-weight: normal;
width: 100%;
line-height: 100%;
border-bottom: 1px solid #CCCCCC;
padding-bottom: 2px;
}

H1 {font-size: 20px;}
H2 {font-size: 18px;}
H3 {font-size: 16px;}
H4 {font-size: 14px;}

/* headline CaseStudy */
H5 {
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px; 
text-transform: none; 
/* der button-effekt ist hier deplaziert */
/*
background-color: #e5e5e5; 
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #BBBBBB;
*/
}

h5:before {
content:"Case Study: ";
}


DIV#content-right H2,DIV#content-right H1 {
font-size: 11px;
color: #FFFFFF;
margin-top: 50px;
margin-bottom: 10px;
}

div.csc-frame-invisible {
background-color: #008800;
height: 180px;
background-image: url(graphik/bg_cs.jpg);
background-repeat: no-repeat;
overflow: hidden;
padding-left:5px;
padding-right:5px;
/*
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FF9999;
*/
}

DIV.cs_padding {
padding: 5px;
padding-top: 50px;
}

/*
WIRD NICHT MEHR VERWENDET!
diese anweisungen (neben anderen) sind jetzt im typoScript drin...
DIV#icon_print {
text-align: right;
padding-right: 5px;
padding-top: 0px;
}
*/

DIV.printpage {
background-image: url(graphik/bg_print.gif);
background-repeat: no-repeat;
padding-left: 23px;
padding-top: 3px;
}

A.cs_openlink {
background-image: url(graphik/bg_cs_readlink.gif);
background-repeat: no-repeat;
padding-left: 20px;
padding-top: 4px;
}

A.gallery_openlink {
text-transform: uppercase;
background-image: url(graphik/bg_gallery_link.gif);
background-repeat: no-repeat;
padding-left: 30px;
padding-top: 12px;
}

A.video_openlink {
background-image: url(graphik/icon_movie.gif);
background-repeat: no-repeat;
padding-left: 30px;
padding-top: 10px;
}


UL {
list-style-image: url(graphik/bg_ul_li.gif);
margin-bottom: 0px;
}

UL LI {
padding-top: 5px;
padding-bottom: 5px;
}

DIV.csc-sitemap UL {
list-style-image: none;
list-style-type: none;
}

DIV.csc-sitemap UL LI {
padding-top: 5px;
padding-bottom: 5px;
}

DIV.csc-sitemap UL LI A {
color: #666666;
font-size: 11px;
}

DIV.csc-sitemap UL LI LI A {
color: #999999;
font-size: 10px;
}

DIV.csc-sitemap UL LI LI LI A {
color: #999999;
font-size: 10px;
font-weight: normal;
}



/*
###########
LAYOUT
###########
*/

DIV#page {
margin: 0 auto;
background-color: #559955;
background-color: #CBCBCB;
width: 750px;
text-align: left;
}


DIV#header {
background-color: #EEEEEE;
}


DIV#tophead {
/*
background-color: #7389A9;
background-image: url(graphik/bg_head.jpg);
background-repeat: repeat-x;
*/
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0px;
}

DIV#logo-container {
/*
float: left;
*/
padding-left: 5px;
}


DIV#login-container {
float: right;
padding-right: 20px;
/*
background-color: #B3B534;
*/
}

DIV#teaserimage {
clear: left;
background-color: #EEEEEE;
}


DIV#colheads {
background-color: #E94C16;
height:7px;
border-top: 1px solid #555555;
border-bottom: 1px solid #555555;
}

DIV#chead-l {
width: 170px;
float: left;
}

DIV#chead-c {
width: 430px;
float: left;
}


DIV#chead-r {
float: left;
}



DIV#content {
background-image: url(graphik/bg_content_170_430_150.gif);
background-repeat: repeat-y;
width: 100%;
/*
height: 100%;
*/
}


DIV#content-left {
width: 170px;
float: left;
/*
height: 100%;
background-color: #CCCCCC;
*/
}

DIV#content-left-padding {
padding: 10px;
}

DIV#content-center {
width: 430px;
float: left;
line-height: 130%;
/*
height: 100%;
background-color: #EEEEEE;
*/
}

DIV#content-center-padding {
padding: 10px;
}

DIV#cc-slogan {
height: 180px;
overflow: hidden;
width: 100%;
background-color: #666666;
display:none;
}


DIV#content-right {
width: 150px;
float: left;
/*
height: 100%;
background-color: #CCCCCC;
*/
}

DIV#content-right-padding {
/*
padding: 10px;
*/
}


DIV#footer {
background-color: #EEEEEE;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
padding: 5px;
padding-top: 10px;
}



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

DIV#nav-1-container {
margin: 0px;
width: 100%;
background-color: #EEEEEE;
border-top: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
text-align: center;
}

DIV#nav-1-container UL {
margin-left: -40px;
margin-top: 0px;
}

UL#nav-1 li {
display: inline;
list-style: none;
margin: 0px;
padding: 0px;
}

UL#nav-1 a {
color: #999999;
text-decoration: none;
font-weight: normal;
font-size: 9px;

margin: 0px;
padding: 8px;
float: left;
background-color: #EEEEEE;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #555555;
}

UL#nav-1 a:hover, UL#nav-1 span A {
background-color: #CCCCCC;
color: #666666;
}

UL#nav-1 li.lastitem {
margin: 0px;
padding-top: 8px;
padding-bottom: 8px;
float: left;
background-color: #EEEEEE;
border-left: 1px solid #CCCCCC;
}


/* ebene 2 (content-links) */

DIV#nav-2-container {
width: 100%;
}

DIV.nav-2-padding {
padding-top: 8px;
padding-left: 5px;
}

DIV#nav-2-container .no, DIV#nav-2-container .lastitem {
background-color:#D0D0D0;
}

DIV#nav-2-container .act, DIV#nav-2-container .no, DIV#nav-2-container .empty, DIV#nav-2-container .lastitem {
width: 100%;
height: 28px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #999999;
}

DIV#nav-2-container A {
text-decoration: none;
font-size: 9px;
font-weight: normal;
color: #444444;
display: block;
height: 100%;
}

DIV#nav-2-container A:hover, DIV#nav-2-container .act {
background-color: #BBBBBB;
color: #222222;
}

DIV#nav-2-container .act A {
}

DIV#nav-2-container .lastitem {
height: 30px;
border-bottom: 0px;
}

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



/*
###########
CONTENT
###########
*/

DIV#login-container FORM {
display: inline;
}

DIV#login-container P {
margin: 0px;
font-family: Verdana;
font-size: 10px;
}

DIV#login-container INPUT {
width: 80px;
border: 1px solid #CCCCCC;
font-size: 10px;
font-family: Verdana;
padding-left: 2px;
padding-top: 1px;
padding-bottom: 1px;
}

DIV#login-container INPUT.input {
margin-top: 3px;
}

DIV#login-container INPUT.submit {
background-color: #B3B534;
color: #0E207F;
width: 40px;
margin-top: 8px;
}


/* ### MAILFORM */

DIV.csc-mailform-field input {
}

DIV.csc-mailform-field INPUT, TEXTAREA {
font-family: verdana;
font-size: 10px;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
float:left;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
position: relative;
}

DIV.csc-mailform-field SELECT {
}

DIV.csc-mailform-field label {
float:left;
width:150px;
}

DIV.csc-mailform-field {
vertical-align: top;
clear:left;
margin-top: 5px;
}

DIV.csc-mailform-field DIV.REQ {
font-weight: bold;
}

FIELDSET.csc-mailform {
border: 0px;
}

/************************/
/* Filelinks, generally */
/************************/
TABLE.csc-uploads { border: 0px; border-spacing: 0px; width: 100%;}
TABLE.csc-uploads TR TD P { background-color : transparent; }
TABLE.csc-uploads TR TD { vertical-align : top; font-size: 10px; padding-top: 10px; }
TABLE.csc-uploads TR.tr-even TD { 
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #BBBBBB;
background-color: e5e5e5;
}
TABLE.csc-uploads TR.tr-odd { background-color: #f5f5f5; }
TABLE.csc-uploads TR TD.csc-uploads-icon { padding-left: 6px; }
TABLE.csc-uploads TR TD.csc-uploads-fileName { width: 80%; padding-left: 10px; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-weight: bold; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A:hover {text-decoration:underline;}
TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description { font-style: italic; }
TABLE.csc-uploads TR TD.csc-uploads-fileSize { white-space: nowrap; padding-left: 6px; padding-right: 6px; }

/* Filelinks, specifically */
TABLE.csc-uploads-1 { border-color: #186900; }

TABLE.csc-uploads-2 { border-color: #10007B; }

TABLE.csc-uploads-3 { border-color: #8A0020; }
TABLE.csc-uploads-3 TR TD { }
TABLE.csc-uploads-3 TR.tr-even TD.csc-uploads-icon IMG { border: 2px solid #333333; }
TABLE.csc-uploads-3 TR.tr-odd TD.csc-uploads-icon IMG { border: 2px solid #333333; }


/* 
###
G�STEBUCH
###
*/
.tx-veguestbook-pi1 {width: 100%; } /* vorallem diese zeile war bei vielen beispielen nicht vorhanden */
.tx-veguestbook-pi1 TABLE {width: 100%; font-size: 8pt;}

.tx-guestbook-list-header { font-weight:bold; padding-top: 10px; }
.tx-guestbook-list-row {padding-top: 0px; }
.tx-guestbook-list-rowleft {padding-top: 0px; width: 80px; }
.tx-guestbook-list-entrycomment-title {font-weight: bold; }
.tx-guestbook-list-entrycomment { font-style: italic; }
.tx-guestbook-list-small {display: block; font-size: 9px; color: #888888; font-weight: bold;}

.tx-veguestbook-pi1-browsebox TD { font-size: 9px; color: #666666; }

.tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
.tx-veguestbook-pi1-browsebox-SCell { background-color: #EEEEEE; }

.tx-guestbook-latest-header { }
.tx-guestbook-latest-row { }
.tx-guestbook-latest-small { font-size: 9px; color: #666666;}


.tx-guestbook-form-inputfield-med {margin-top: 3px; margin-bottom: 3px; border: 1px solid #000000; width:200; height:20; }
.tx-guestbook-form-inputfield-big {margin-top: 3px; margin-bottom: 3px; border: 1px solid #000000; width:200; height:20; }
.tx-guestbook-form-textarea { border: 1px solid #000000; width:100%; }
.tx-guestbook-form-obligationfield { color: #CC0000; }
.tx-guestbook-form-error { color: #CC0000; }

.tx-guestbook-form-label {width: 100px; font-weight: bold;}
.tx-guestbook-form-submit {width: 100px; border: 1px solid #000000;}

/* ###ANTI-SPAM### unsichtbares fallen-feld */
.tx-veguestbook-pi1 TR.no_no {display: none;}

DIV.tiet_guestbook_entry {
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #BBBBBB;
background-color: e5e5e5;
}

DIV.tiet_guestbook_teaserentry {
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #BBBBBB;
background-color: e5e5e5;
margin-bottom: 10px;
padding: 5px;
}