/* CSS Document */


/******************************************************************/
/* Generelle Elemente */
/******************************************************************/

A:Link {color:#131d3c;}
A:Hover {color:#131d3c;}
A:visited {color:#131d3c;}


html, body {
font-family: Arial, Verdana, Helvetica;
margin:0px;
padding:0px;
height: 100%; /* wichtig */
color: #131D3C;
font-size: 100.1%;
}

body {
text-align:center; 
background-image: url("verlauf_001.jpg");
background-repeat: repeat-x; 
padding:0px; 
background-color: #cdedff;
}

/* niggese sehen am monitor */
#invisible {display: none;}

/* Headlines */
H1 {Font-size:20px; background-color: #C4E8FF; padding:10px 0px 10px 15px;margin:0px;}
H2 {Font-size:18px;padding:10px 0px 10px 15px;margin:0px;}
H3 {Font-size:16px;padding:0px 0px 0px 15px; margin:0px;}


/* Headline Classes by TYPO */
.csc-firstHeader {padding:5px 0px 5px 15px; background-color:#C4E8FF; margin:0px; margin-Bottom:10px;}


P.bodytext {font-size:12px;padding-left:15px; padding-right:10px; line-height:145%; margin-top:3px; margin-bottom:10px;}

ul {font-size: 12px; line-height:1.3; color:#333333; }
li {font-size: 12px; line-height:1.3; color:#333333;}


.script {padding:10px; background-color: white; margin-left: 25px; margin-right: 10px; color:#999999; font-size:12px; font-style: italic; line-height:140%;}


/******************************************************************/
/* Layout */
/******************************************************************/

div#container {
background-image: url("container_bg.gif");
background-repeat: repeat-y;
width:730px;
margin:0 auto; 
text-align:left; 
margin-top: 10px; 
min-height: 100%;
height:auto !important; /* moderne Browser */
height:100%; /* IE */
}

div#top {height:100px; width:730px; background-color:white;}
div#logo {border: 0px; float:left; margin-left:15px; padding-top: 0px;}

/* das Layout der Navigationsboxen */
div#oblig_navi {width: 500px; height:20px; float:right; margin-top: 10px; text-align:right; padding-right:35px;}
div#navigation {color:#999999; width: 500px;height:20px; background-color:#c4e8ff; float:right; margin-top: 7px; padding-top:5px; }
div#subnavigation {text-align:center; width: 500px;float:right;margin-top: 8px;}

div#atmopix {width: 730px; height: 210px; padding:0px; background-color: #C4E8FF;}


div#content{
     float:left;
     width:550px;
     margin: 4px;
     Padding:0px;
     border-top: 4px solid white;
     border-right: 1px solid white;
     border-left: 1px solid white;
     margin-top:0px;
     padding-top:0px;

}


div#infobereich {
float:right;
width:164px;
margin-right:4px;
font-size: 10px;
border-top: 4px solid white;
}


div#infobereich P {margin:0px;font-size: 9px; font-weight: normal; color:#636b70; padding-left: 5px;}
div#infobereich P.infoheadline {color:white;}
div#infobereich H1 {margin-top:0px; margin-bottom:10px; color:white;font-size: 14px;background-color:#131D3C; padding:5px;}


.infoheadline {background-color:#131d3c; color: white; font-size 15px; padding:5px; padding-left: 10px; margin-bottom: 10px;}


div#footer p {margin:0;padding:5px 10px:inherit; color:#003366;}
div#footer {clear: both; width:100%; height: 3px;}


div#bottom {
background:#003366 none repeat scroll 0 0;
bottom:0;
height:10px;
left:0;
margin:0;
padding-top:4px;
position:fixed;
right:0;
text-align:center;
}



#agbtext P.bodytext {font-size:9px;}



/******************************************************************/
/* Die Suchmaske */
/******************************************************************/

#suchmaske {margin: 5px;}
.suchfeld {height:10px; font-size: 9px; color:#6a6b70;; width:100px;margin-left: 5px;}
.suchbutton {margin-left:5px;}


/******************************************************************/
/* Die Navigation wird hier lackiert */
/******************************************************************/

div#oblig_navi A {text-decoration:none; font-size:10px; color:#999999;}

div#navigation A {margin-left: 15px;vertical-align: text-bottom;text-transform: uppercase;text-decoration:none; font-size:12px;text-align: center;}
div#topnavi_no A {color:#999999;vertical-align: text-bottom;text-transform: uppercase;float:left;font-size:12px;text-align: center;}
div#topnavi_no A:hover {color:#131D3C;}
div#topnavi_active A {color:#131D3C; vertical-align: text-bottom;text-transform: uppercase;float:left;font-weight:normal; font-size:12px; text-align: center;}
div#topnavi_cur {margin-left: 15px; color:#131D3C; vertical-align: text-bottom;text-transform: uppercase;float:left;font-weight:bold; font-size:12px; text-align: center;}


div#subnavigation A {text-decoration:none; padding-left:7px; color:#cccccc;}
div#subnavi_no A{float:left;font-size:12px;padding-left:7px;}
div#subnavi_no A:hover {color:#131D3C;}
div#subnavi_act A{float:left;font-size:12px;padding-left:7px;color:#131D3C;}
div#subnavi_cur {float:left;font-size:12px; padding-left:7px;color:#131D3C;}


#invisible {display:none;}
#clear {clear:both;}



/******************************************************************/
/* NEWSMODUL:  WIRD IN DER EXT DIREKT MIT CSS LACKIERT */
/* static/css/setup.txt (7.1 K) */
/******************************************************************/



/****************************************/ 
/*******            KOMPETENZ      ******/ 
/****************************************/ 


#kompetenz A {color:#C4E8FF; font-size: 10px; text-decoration: none;}
#kompetenz A:hover {color:white;font-size: 14px;}

#kompetenz {
width:145px;
float:left;
height:70px;
background-color:#131D3C;
color: white;
font-weight: bold;
padding-top:35px;
border: 5px solid white;
margin:5px;
}




/****************************************/ 
/* Suchergebnisse */
/* Suchergebnisse anmalen */
/****************************************/ 

.csc-sword {background-color: yellow;}
.csc-noSearchResultMsg {}
.csc-searchResultHeader A {text-decoration: none;}
.csc-searchResultHeader {margin: 0px; background-color:#C4E8FF; text-decoration: none;}
.csc-searchResult {font-size:12px;padding-left:15px; padding-right:10px; line-height:145%; margin-top:3px; margin-bottom:30px;}


/****************************************/ 
/* POS>>trends Anmeldung INXMAIL FORMULAR */ 
/****************************************/ 

#posanmeldung {
width: 450px;
background-color:#ffffff;
background-image: url("fileadmin/templates/esalesfolder/bg_submit.gif");
border:1px solid #cccccc;
padding:5px;
}

#posanmeldung .infotext {
font-size: 12px;
margin-right: 5px;
padding-right:10px;
vertical-align:top;
border-right:1px dotted #000033;

}

H1.infotext {background-color:white; font-size: 14px;}
 
#posanmeldung INPUT {
cursor:pointer;
background-color: #ffffff;

}

#posanmeldung INPUT.absendeknopf {
border-top: 1px solid #ffffff;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background-image: url("http://www.esalesfolder.com/fileadmin/templates/esalesfolder/bg_button.gif");
}


#posanmeldung INPUT.absendeknopf:hover {
background-image: url("http://www.esalesfolder.com/fileadmin/templates/esalesfolder/bg_button1.gif");
}

#posanmeldung INPUT.deleteknopf{
border-top: 1px solid #ffffff;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background-image: url("http://www.esalesfolder.com/fileadmin/templates/esalesfolder/bg_button.gif");
}

#posanmeldung INPUT.deleteknopf:hover {
background-image: url("http://www.esalesfolder.com/fileadmin/templates/esalesfolder/bg_button1.gif");
}


/****************************************/ 
/* Automatischer Bild an DL hängen*/ 
/****************************************/ 

a[href$=".pdf"] {
background:transparent url(http://www.esalesfolder.com/fileadmin/templates/esalesfolder/pdf.gif) no-repeat scroll left center;
display:inline;
margin:auto;
padding-left:20px;
}


/******************************************************************/
/* ernismailformplus */
/******************************************************************/

p.beschriftung {font-size:10px;}
.tx-ernismailformplus-pi1 {background-color:white; padding-bottom: 25px; padding-left:25px;}
.tx-ernismailformplus-pi1 .text-error {font-size:9px; color:red;}
.tx-ernismailformplus-pi1 .error {border-left:#ff8f00 1px solid;}
.tx-ernismailformplus-pi1 INPUT.weiterknopf {cursor:pointer;}
.tx-ernismailformplus-pi1 INPUT.weiterknopf:hover {background-color: #000066; color: #ffffff;}


/******************************************************************/
/* RTE Links wie Buttons aussehen lassen */
/******************************************************************/
#linkswiebuttons H1 {font-size:14px; padding-left: 15px;}
#linkswiebuttons P.bodytext A {background-color:#C4E8FF; border:0px solid #cccccc; padding:3px; text-decoration: none;}
#linkswiebuttons P.bodytext A:hover {background-color:#000066; color:white; text-decoration: none;}



/******************************************************************/
/* Erste Texte sollen auf gleicher höhe mit infoheadline */
/******************************************************************/
#startetxtohneheadline {padding-top: 15px;}
#startetxtohneheadline P.bodytext {font-weight:bold;}


/****************************************/ 
/* LOGIN-Bereich */ 
/****************************************/ 
.tx-newloginbox-pi1 {border:3px solid white; margin:20px 0px 10px 50px; background-color:#f1f1f1; width:250px;}
.tx-newloginbox-pi1  P {font-size: 9px; padding:10px 0px 10px 7px;}
.tx-newloginbox-pi1 H3 {background-color: #C4E8FF; font-size: 14px; font-weight:bold; padding-bottom:10px; padding-left:10px;padding-right:10px;padding-top:10px;align:left; margin:0px;}
.tx-newloginbox-pi1 H2 {font-size: 12px;font-weight:bold; padding-top:8px; padding-bottom:8px;}
.tx-newloginbox-pi1 INPUT {cursor:pointer;margin:0px;font-weight:normal;margin:0px;}
.tx-newloginbox-pi1 TABLE {margin:0px; padding:0px;}
.tx-newloginbox-pi1 TABLE TR TD {color:#000066; font-weight:bold;font-size: 10px;}
.tx-newloginbox-pi1 TABLE TR TH {color:#000066; font-weight:bold;font-size: 11px; padding-left:5px;}


/****************************************/ 
/* RTE Tabellen */ 
/****************************************/ 
.contenttable {background-color:white; padding: 0px;}

/****************************************/ 
/* default styles for extension "tx_cssstyledcontent" */
/****************************************/ 

/* Captions */
.csc-textpic-caption {font-size:10px; padding: 2px;}
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
border: 2px solid black;
padding: 0px 0px;
}

DIV.csc-textpic-imagewrap { padding: 0; }

DIV.csc-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }

/* Clearer */
DIV.csc-textpic-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */
margin-right: 10px;
}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */
margin-left: 10px;
}

/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */
margin-left: 10px;
}
	
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin-left: 0px;}

/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
margin-right: 10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
margin-left: 10px !important;
}

/* Positioning of images: */

/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; margin:10px; border:1 px solid pink; }

/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; margin:10px; border:1 px solid pink;}

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */
	
DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }



/************************/ 
/* Filelinks, generally */ 
/************************/ 
TABLE.csc-uploads { border:0px; }
TABLE.csc-uploads TR TD P { background-color :transparent; font-size:12px; }
TABLE.csc-uploads TR TD { vertical-align :top; }
TABLE.csc-uploads TR.tr-even { background-color:#ffffff; }
TABLE.csc-uploads TR.tr-odd { background-color:#e7deed; }
TABLE.csc-uploads TR TD.csc-uploads-icon {padding-left:6px; padding-right:6px; width:1%; text-align:center; vertical-align:middle; }
TABLE.csc-uploads TR TD.csc-uploads-fileName {padding-left:5px; text-decoration: none;}
TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-weight:normal;text-decoration: none; }
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 { vertical-align:middle; }
TABLE.csc-uploads-3 TR.tr-even TD.csc-uploads-icon IMG { border:2px solid #000000; }
TABLE.csc-uploads-3 TR.tr-odd TD.csc-uploads-icon IMG { border:2px solid #000000; }


/************************/ 
/* Glossary */ 
/************************/ 

.tx-sgglossary-pi1 {padding-left:25px;padding-right:20px;}

#searchform_tx_sgglossary_pi1 {background-color:white; padding-left:25px;}
#searchform_tx_sgglossary_pi1 H1 {background-color:white; font-size:18px; margin:0px; padding:0px; padding-top:10px;}
#searchform_tx_sgglossary_pi1 P {padding-left:25px;}
#searchform_tx_sgglossary_pi1 INPUT {margin-bottom:15px;vertical-align:right;}

.tx-sgglossary-pi1 TABLE {font-size:12px;padding-left:15px; padding-right:10px; line-height:145%; margin-top:3px; margin-bottom:10px;}


/************************/ 
/* Polldaddy */ 
/************************/ 

#frage {margin:5px 10px 5px 25px; font-size:14px;padding: 10px; line-height: 135%;}


/***************************/ 
/* Trendspiegel Anmeldung  */ 
/***************************/ 

#trendspiegel {font-size:10px; margin:20px;}


/***************************/ 
/* INFOTEXT */ 
/***************************/ 

#infotext {margin:20px; background-color: white; padding:10px;}
#infotext P {font-size: 15px;}