@charset "utf-8";
<!--
/*  ######### Grundeinstellungen Seite #########  */
body  {
		color:#454545;
		background-color:#E2E3E9;  
		font-size:12px; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin:0px;
		}
	
#maincontainer {
		margin:0px auto;
		width:980px;
		text-align:left;
		background-color:#FFFFFF; 
		border:1px solid #BBBBBB;
		}
		
#topsection {
		height:130px;
		padding:0px;
		}
		
#nav {
		width:130px;
		float:left;
		padding-left:25px;
		padding-right:25px;
		padding-top:0px;
		padding-bottom:25px;
		background-color:#FFFFFF; 
		}
	
#content {
		width:775px; 
		float:right;
		padding-top:25px;
		padding-right:24px;
		padding-bottom:25px;
		text-align:left;
		background-color:#FFFFFF; 
		}

#footer {
		padding-right:25px;
		padding-left:25px;
		padding-bottom:25px;
		padding-top:0px;
		width:100%;
		height:12px;
		margin:0px;
		color:#FFFFFF;
		}



.box_bg_portal {background-color:#FFFFFF;} /* Hindergrundtabelle Portalbereich */
.banner { background-color:#909090;} /* Hindergrundtabelle fast weiss */
.banner1{ background-color:#B9B9B9;} /* Hindergrundtabelle helles blau */
.banner2{ background-color:#DDDBDC;} /* Hindergrundtabelle dunkles blau */
td,tr { font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif;}
a {font-family: Verdana, Arial, Helvetica, sans-serif;}
hr {color:#454545; border: #454545; background-color:#454545; height: 1px;}

/* Trennstrich Portalfuss */
#trennbereich {
		width:930px;
		height:1px;
		padding-top:0px;
		padding-bottom:0px;
		padding-right:0px;
		padding-left:0px;
		margin-top:0px;
		margin-bottom:0px;
		margin-right:0px;
		margin-left:0px;
		background-color:#CCCCCC;
		}	

/*  ######### Grundeinstellungen Seite #########  background-color:#7D9AC8;*/
.oben{font-size:12pt; font-weight:bold; color:#ffffff;}
.anschrift{font-size:13pt; font-weight:bold; color:#ffffff;}
.adress {font-size:8pt; color:#ffffff;} /* Format Adresse Head */
.text {font-size:10pt; color:#ffffff;}
.schriftzug{font-size:12pt; font-weight:bold; color:#97ACC2} /* Schrift Head unter Logo */
.tabheadrand { font-size:11pt; font-weight:bold; color:#CCE4FC;}
.absatzhead {font-size:11pt; font-weight:bold; color:#FFFFFF;}
.head {font-size:10pt; font-weight:bold; color:#CCE4FC;}
.headline{ font-size: 13pt; color:#74A2DB; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif;} 
.textklein { font-size:8pt; color:#ffffff; text-decoration:none;}
.tabrand { border:1px solid #648BCB;}
.tabrandkalender { border:1px solid #648BCB; background-color: #D8E0F5; color:#000066}
.inforand {border:1px solid #888888;} /* Zurückbutton */
.infofader {color:#97ACC2} /* Animation Startseite servicefader border:1px solid #C6D4E3;*/
.infokasten {border:1px solid #C6D4E3;} /* Rand um Textanimation Startseite */
.absatzline {border:1px solid #648BCB; background-color:#C6D4E3;} /* Absatzüberschrift als Kasten */
.naviunten {background-color:#214262;} /* Navigation Fussbereich */

/* Text Link */
a.textlink { font-size:9pt; font-weight:bold; color:#242424; text-decoration:none;}
a.textlink:hover { font-size:9pt; font-weight:bold; color:#777777; text-decoration:underline;}

/* Text Link für Breitband Button */
a.textlink1 { font-size:8pt; font-weight:bold; color:#454545; text-decoration:none;}
a.textlink1:hover { font-size:8pt; font-weight:bold; color:#AAAAAA; text-decoration:underline;}

/* Text Link für Zurückbutton 133F7B*/
a.textlink2 { font-size:9pt; font-weight:bold; color:#2A4594; text-decoration:none;}
a.textlink2:hover { font-size:9pt; font-weight:bold; color:#777777; text-decoration:none;}

/* Text Link Adresse Head */
a.textlinksmal { font-size:8pt; color:#454545; text-decoration:none;}
a.textlinksmal:hover { font-size:8pt; color:#757575; text-decoration:underline;}

/* Text Link klein */
a.textlinkklein { font-size:8pt; font-weight:bold; color:#454545; text-decoration:none;}
a.textlinkklein:hover { font-size:8pt; font-weight:bold; color:#AAAAAA; text-decoration:underline;}

/* Standardvorlage Videomail Adresstext ohne CMS */
.standardvorlage{ font-size:10pt; color:#A0A0A0; text-decoration:none;}
a.standardvorlage{ font-size:10pt; color:#A0A0A0; text-decoration:none;}
a.standardvorlage:hover { font-size:10pt; color:#555555; text-decoration:underline;}

/* Text Link Hilfe Video */
a.hilfe { font-size:8pt; font-weight:bold; color:#C6D4E3; text-decoration:none;}
a.hilfe:hover { font-size:8pt; font-weight:bold; color:#555555; text-decoration:underline;}

/* Text Links Fussbereich */
a.textlinkunten { font-size:8pt; font-weight:bold; color:#FFFFFF; text-decoration:none;}
a.textlinkunten:hover { font-size:8pt; font-weight:bold; color:#C6D4E3; text-decoration:underline;}

/* Seite nach oben springen*/
a.seitetop { font-size:8pt; font-weight:bold; color:#ffffff; text-decoration:none;}
a.seitetop:hover { font-size:8pt; font-weight:bold; color:#97ACC2; text-decoration:underline;}

/* Text Link gross */
a.textlinkgross { font-size:10pt; font-weight:bold; color:#CCE4FC; text-decoration:none;}
a.textlinkgross:hover { font-size:10pt; font-weight:bold; color:#ffffff; text-decoration:underline;}

/* Rechte */
.rechte { font-size:7pt; color:#455059; text-decoration:none;}
a.rechte { font-size:7pt; color:#455059; text-decoration:none;}
a.rechte:hover { font-size:7pt; color:#DDDDDD; text-decoration:underline;}
.rechtebg {background-color:#CCCCCC;}

/* Portalfuss */
.portalfuss { font-size:7pt; color:#888888; text-decoration:none;}
a.portalfuss { font-size:7pt; color:#888888; text-decoration:none;}
a.portalfuss:hover { font-size:7pt; color:#0a1f47; text-decoration:underline;}
.portalfussbg {background-color:#2A2A2A;}

/* Sende Button  Messekalender */
.buttonfarbe { border:1px solid #888888; font-weight:bold; color:#2A4594; background-color:#F0EEEF; display:inline; cursor: hand;
cursor: pointer; background-image: url(../images/unten.jpg);}
.dbform {display:inline;}

/*  ######### Form Video senden  #########   background-color:#eeeeee; */
.vmailsenden {width:685px; display:inline;}
.vmailsenden_vorlage {width:350px; display:inline;}
.todo {width:300px; display:inline;}
.vmailsendentextfeld {width:770px; height:300px; display:inline;}
.vmaildatum {width:70px; display:inline;}

/*  ######### Form Video senden  #########  */
.nmailsenden {width:390px; display:inline;}

/*  ######### Datenbankabfrage  #########  */
.db_checkbox {display:inline;}

/*  ######### Hilfe Fenster bei Formularen und anderen #########  */

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #FFFFFF;
width: 220px; /*Default width of hint.*/ 
padding: 5px;
border:1px solid #454545;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
border-right: 1px solid #454545;
border-bottom: 1px solid #454545;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

/* Pulldown für Adressbuch Hintergundfarbe Seite */
.pulldown_adr{background-color:#F3F2F2;}

/* Vorschau der Videomail Vorlagen */
.vorlagenzoom {position:absolute; height:840px; width:580px; top:10px; left:170px; border:0px solid #00086A; }

/*  ######### / Ende Hilfe Fenster bei Formularen und anderen #########  */

/* Login und Passwortfenster */
.login{font-size:10pt; color:#4D69B2; text-decoration:none;}
.login_infokasten{border:1px solid #4D69B2;} 

/* Vor und Zurück Button */
.buttonbg { border:1px solid #00086A; background-color:#D3D8D8;}
a.button { font-size:10pt; font-weight:bold; color:#ffffff; text-decoration:none;}
a.button:hover { font-size:10pt; font-weight:bold; color:#EFEFF1; text-decoration:none;}
.buttonbgout { border:1px solid #00086A; background-color:#D3D8D8;}
.buttonbgover { border:1px solid #00086A; background-color:#527CBD; }
 
/*  ######### Navigation ######### */
.bgout { background-color:#F3F2F2;}
.bgover { background-color:#E0E4FA;}
.trenn{ background-color:#BBBBBB;}
.bgstatus { font-size:9pt; color:#0a1f47; text-decoration:none; background-color:#FFFFFF;}
a.nav { font-size:9pt; color:#454545; text-decoration:none; display:block;}
a.nav:hover { font-size:9pt; color:#0a1f47; text-decoration:none; }
.navteiler {font-size:9pt; color:#0a1f47; text-decoration:none; background-color:#CFCECE;}

/*  ######### Tab Menu ######### */

/* Linie unter Buttons #888888 F3F3F3  */
.tabcontainer{border-top:1px solid #cccccc; padding-top:25px; width:100%; margin-top:1px; margin-bottom:0; margin-left:0; margin-right:0;}

/* Format UL  */
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

/* Format UL Tabs */
.shadetabs li{
display: inline;
margin: 0;
color:#2A4594;
}

/* Format UL Links */
.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 4px 7px;
margin-right: 1px;
border: 1px solid #888888;
color:#2A4594;
background: white url(../../images/unten.jpg) top left repeat-x;
outline: 0;
}

.shadetabs li a:visited{  /*Grundtextfarbe für Link */
color: #2A4594;
outline: 0;
}

.shadetabs li a:hover{
text-decoration: none;
color: #777777;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 0px;
color: #777777;
outline: 0;
}

.shadetabs li a.selected{ /*selected main tab style4C68B2    A0ADDA  BCBABB*/
/*border-bottom:1px solid #C2C0C1;*/
padding: 8px;
/*color: #777777;*/
color: #454545;
outline: 0;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/* Content Divs */
.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


/* ############ Headbereich Dashboard Container Kampagnenstatistik ########## */
/* Kleine Links neben den Charts */
a.dashlink { font-size:8pt; color:#242424; text-decoration:none;}
a.dashlink:hover { font-size:8pt; color:#CCCCCC; text-decoration:none;}

.headtrenner{border-bottom:1px solid #F3F3F3;}
.headschrift{font-size:16px; font-weight:bold; color:#4D68AD;}
/* Anzeige Datentabelle */
.reihehell{background-color:#F3F3F3;}
.reihedunkel{background-color:#EBF3FF;}
.tabbig{border:1px solid #D3D8D8; font-size:14pt; font-weight:bold; color:#4D6AB0; background-color:#EBF3FF; text-decoration:none;}


/*  ######### Pulldown Menu Dashboard ######### */
/* Pulldownbutton */
.selectedanchor{ 
/*background: #FFFFFF;
display: block;
padding: 6;
border: 1px solid #F3F3F3;
width: 100px;*/
}

/*  Default class for drop down menus */
.anylinkcss{
position: absolute;
left: 0px;
top: 0px;
visibility: hidden;
border: 1px solid #DDDDDD;
border-bottom-width: 0;
font: normal 10px Verdana;
line-height: 20px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #FDFDFD;
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
color: #242424;
}

.anylinkcss ul li a{
padding: 0px;
width: 100%;
display: block;
text-indent: 13px;
border-bottom: 1px solid #DDDDDD;
padding: 1px 0px;
text-decoration: none;
text-indent: 5px;
color: #242424;
}

.anylinkcss a:hover{ /*hover background color*/
background: #EBF3FF;
color: #242424;;
}



/*  ######### Info Box rechts #########  #E4E2E2*/
.kopf { border:1px solid #D3D8D8; font-size:10pt; font-weight:bold; color:#ffffff; background-color:#D3D8D8; text-decoration:none;}
.text1 { border:1px dotted #8FA1BE; font-size:8pt; color:#ffffff; text-decoration:none;}

/*  ######### db Suchemaske  ######### */
.dbsuchform {width:145px;}
.dbsuchformupload {width:332px;}
.tabsuchformkopf {font-size:10pt; font-weight:bold; background-color:#4D69B2; color:#FFFFFF;}
.tabsuchformkopf1 {font-size:9pt; background-color:#4D69B2;; color:#FFFFFF;}
.tabsuchformzeile {font-size:7pt; color:#242424;}
.tabsuchformzeilegross {font-size:10pt; font-weight:bold; color:#454545;}
.formmeldung {font-size:8pt; color:#454545;}
.suchbutton {border:1px solid #454545; font-weight:bold; background-color:#6987E2; color:#FFFFFF; display:inline;}
.fehler {font-size:8pt; color:#D6070C;}

/*  ######### Datenbank anzeige #########  */
/* DB Sortierung */
a.sortierung { font-size:10pt; font-weight:bold; color:#454545; text-decoration:none;}
a.sortierung:hover { font-size:10pt; font-weight:bold; color:#133F7B; text-decoration:none;}

/* DB Tabellenkopf bei Suchergebnis  */
.tabkopf { border:1px solid #AFAEAE; background-color:#E4E2E2; font-size:8pt; color:#242424;}
.tabreihedunkel { font-size:8pt; color:#454545; }
.tabreihehell { font-size:8pt; color:#454545; }
.dbseite { font-size:8pt; color:#DF0726; }

/* DB Daten anzeigen */
a.zeigen { font-size:8pt; color:#242424; text-decoration:none;}
a.zeigen:hover { font-size:8pt; color:#133F7B; text-decoration:underline;}

/* DB Daten blaettern */
a.dblinkklein { font-size:8pt; color:#242424; text-decoration:none;}
a.dblinkklein:hover { font-size:8pt; color:#C60404; text-decoration:none;}

/* ######## Mouse Over Zeilen ######## */
/*  Helle Tabellzeile nur Hindergrundfarbe E7E5E5*/  
.tabbgouthell { background-color:#F2F1F1;}
/*  Dunkle Tabellzeile nur Hindergrundfarbe D5D4D4*/ 
.tabbgoutdunkel { background-color:#E4E2E2;}
/*  Mouseover Tabellzeile nur Hindergrundfarbe   */ 
.tabbgover {background-color:#F9F3CB;}



/* Suchtexte Fussbereich*/
a.suchtext { font-size:7pt; font-stretch:narrower; color:#8FA7B8; text-decoration:none;}
a.suchtext:hover { font-size:7pt; font-stretch:narrower; color:#8FA7B8; text-decoration:none;}
.suchtext { font-size:7pt; font-stretch:narrower; color:#8FA7B8; text-decoration:none;}
.suchabsatz { font-size:7pt; font-stretch:narrower; color:#8FA7B8; text-decoration:none;}

/* ######## Anmeldeformular ######## */
/*  Mouse Over Hindergrund */
.dbanmeldeform {width:200px;}
.dbanmeldeform_adressbuch {width:350px; height:170px}
.dbanmeldeformtextarea {width:200px;}
.zeichenanzahl {font-size:8pt;}

/* Link für Formular Info nur Schrift */
a.forminfo:link { font-size:8pt; font-weight:bold; color:#ffffff; text-decoration:none;}
a.forminfo:hover { font-size:8pt; font-weight:bold; color:#55AAAA; text-decoration:underline;}
a.forminfo:active { font-size:8pt; font-weight:bold; color:#ffffff; text-decoration:none;}
a.forminfo:visited { font-size:8pt; font-weight:bold; color:#ffffff; text-decoration:none;}

/* Formularzeilen */
/*.infolayer {font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#FFCC00; text-decoration:none;}background-color:#EFF9FF;*/
.formzeiledunkel { background-color:#E4E2E2; font-size:9pt; color:#242424; }
.formzeilehell { background-color:#F2F1F1; font-size:9pt; color:#242424; }

/* ######## Detailanzeige ######## */
/*  Randformatierung */
.tabdetailkopf { font-weight:bold; font-size:10pt; color:#ffffff; background-color:#5F5F5F;}
.tabdetailrand { border:1px solid #00086A;}
.tabdetailreihedunkel { font-size:9pt; color:#ffffff; background-color:#464646;}
.tabdetailreihehell { font-size:9pt; color:#ffffff; background-color:#6D6D6D;}

/* ######## Infolayer Anmeldung ######## */
.infostyle { position: absolute; visibility: hidden; z-index: 100 }

/* ######## Bild Abstand zum Text ######## */
.abstand {MARGIN-RIGHT: 10px; MARGIN-BOTTOM: 2px;}

-->