BODY       {background-color: #192b4c; margin-left: 0px; margin-top: 0px; margin-right: 0px; scrollbar-3dlight-color: #FFFFFF;  scrollbar-arrow-color: #FFFFFF; scrollbar-base-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; }

/* ################ Header #################### */
.headertop { background-color: #5f7798; height: 80px;}
.headermiddle {background-color: #FFFFFF;}
.headerbottom {background-color: #192b4C;}
.logo {background-image: url(css-pix/ag_media_com.gif); background-repeat: no-repeat; }
/* .logo_left { background-image: url(css-pix/agmedia_branding.gif); background-repeat: no-repeat; background-position: right;} */
.datenfelder{font-family: Arial; font-size: 10px; width: 100; font-style: normal; BORDER-RIGHT: #000000 1 solid;BORDER-LEFT: #000000 1 solid;BORDER-TOP: #000000 1 solid;BORDER-BOTTOM: #000000 1 solid; background-color: #E7E7E7; color : #000000;}
.headertext { font-family: Arial; font-size: 11px; font-style: normal; font-weight: normal; color: #99a7bb; line-height: 18px;}
.headertitel { font-family: Arial; font-size: 28px; font-style: normal; font-weight: bold; color: #192b4c; padding-left:20px; text-decoration:none;}
.headerrubrik { font-family: Arial; font-size: 28px; font-style: normal; font-weight: bold; color: #192b4c; text-decoration:none;}
a:hover.headertitel { font-family: Arial; font-size: 28px; font-style: normal; font-weight: bold; color: #99a7bb; padding-left:20px; text-decoration:none;}
.mainmenu { font-family:Arial; font-size: 14px; font-style: normal; text-decoration: none; font-weight: bold; color: #5f7798;} 
a:hover.mainmenu { font-family:Arial; font-size: 14px; font-style: normal; text-decoration: none; font-weight: bold; color: #99a7bb;}
.abstheadermenu {height:10px;}
.submabst {height:70px;}
.submabst2 {height:30px;}
.submenu{ font-family: Arial; font-size: 12px; font-style: normal; font-weight: bold; color: #5f7798; text-decoration:none;}
a:hover.submenu{ font-family: Arial; font-size: 12px; font-style: normal; font-weight: bold; color: #99a7bb; text-decoration:none;}

/* ################ Content / Artikel #################### */
.lay {left: 150px; top: 175px;}
.titel { font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; color: #99a7bb; }
.untertitel { font-family: Arial; font-size: 15px; font-style: normal; font-weight: normal; color: #99a7bb; line-height: 24px;}
.dfcontext { font-family: Arial; font-size: 12px; font-style: normal; font-weight: normal; color: #99a7bb; line-height: 18px;}
.context { font-family: Arial; font-size: 12px; font-style: normal; font-weight: normal; color: #99a7bb; line-height: 25px;}
.ref_links { font-family: Arial; font-size: 12px; font-style: normal; font-weight: normal; color: #99a7bb; text-decoration: none; line-height: 18px;}
a:hover.ref_links { font-family: Arial; font-size: 12px; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: underline; line-height: 18px;}
.agb_anker { font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: none; color: #5f7798;}
a:hover.agb_anker { font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: underline; color: #5f7798;}
.ref_AGMEDIA { font-family: Arial; font-size: 14px; font-style: normal; font-weight: bold; color: #99a7bb; text-decoration:none;}
.ref_AGMEDIA2 { font-family: Arial; font-size: 10px; font-style: normal; color: #99a7bb; text-decoration:none;}
.startmenue {font-size: 12px; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #000000; font-weight: bold; }
a:hover.startmenue {font-size: 12px; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #5f7798; font-weight: bold;}
.mainmenue {font-size: 12px; font-weight: bold; width: 150px; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #FFFFFF; }
a:hover.mainmenue{font-size: 12px; font-weight: bold; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #9BBAE4; }
.ref_zeile_kunde { background-color: #99a7bb; font-family: Arial; font-size: 10px; font-style: normal; color: #192b4c; padding-top:5px; padding-bottom:5px;}
.ref_zeile_projekte { background-color: #99a7bb; font-family: Arial; font-size: 10px; font-style: normal; color: #192b4c; text-decoration:none; padding-top:5px; padding-bottom:5px; line-height: 18px;}
a:hover.ref_zeile_projekte { background-color: #99a7bb; font-family: Arial; font-size: 10px; font-style: normal; color: #192b4c; text-decoration:underline; padding-top:5px; padding-bottom:5px; line-height: 18px;}
.kunde_seit { font-family: Arial; font-size: 10px; font-style: normal; color: #99a7bb; padding-top:5px; padding-bottom:5px;}
.mainmenueon { font-size: 12px; font-weight: bold; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #FFFFFF; background-color: #192b4c;}
.trennung_kunde { font-family: Arial; font-size: 12px; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none;}



.submenueon{font-size: 11px; font-weight: normal; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #FFFFFF; background-color: #809CC3;}

.submenue2{font-size: 10px; font-weight: normal; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #FFFFFF; }

a:hover.submenue2{font-size: 10px; font-weight: normal; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #5f7798; }

.submenue2on{font-size: 10px; font-weight: normal; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #5f7798; }

.powerlink{font-size: 10px; font-weight: normal; font-family: Arial,Verdana,Helvetica; text-decoration: none; padding-right: 20px; color: #FFFFFF; }

a:hover.powerlink{font-size: 10px; font-weight: normal; font-family: Arial,Verdana,Helvetica; text-decoration: none; padding-right: 20px; color: #000000; }

.admin{color: #FFFFFF; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10pt; padding-top: 20px}

a:hover.admin{color: #000000; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10pt;  padding-top: 20px; }

.download{font-size: 10px; font-weight: normal; font-family: Verdana,Helvetica,Arial; text-decoration: none; padding-right: 20px; color: #000000; }

a:hover.download{font-size: 10px; font-weight: normal; font-family: Verdana,Helvetica,Arial; text-decoration: none; padding-right: 20px; color: #192B4C; }

/*###########################################Content - Basket####################################################*/

.option_link{color: #192B4C; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; }

a:hover.option_link{color: #FFFFFF; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; }

.dellink{color: #FFFFFF; font-family: arial; text-decoration: none; font-size: 8pt; }

a:hover.dellink{color: #C1C1C1; font-family: arial; text-decoration: none; font-size: 8pt; }

/*##############################################Formular - Benutzerprofil#################################################*/

.profil{color: #000000; font-family: arial; text-decoration: none; font-size: 8pt; }

a:hover.profil{color: #C1C1C1; font-family: arial; text-decoration: none; font-size: 8pt; }

/*############################################Adminverwaltung###################################################*/

.editlink{font-family:  Arial, Helvetica, sans-serif; color: #192B4C; font-size: 10px; font-weight: bold; font-style: normal; text-decoration: none;}          

a:hover.editlink{font-family: Arial, Helvetica, sans-serif; color: #5f7798; font-size: 10px; font-weight: bold; font-style: normal; text-decoration: none;}

.adduserlink{font-family: Arial, Helvetica, sans-serif; color: #E40079; font-size: 12px; font-weight: bold; font-style: normal; text-decoration: none;}          

a:hover.adduserlink{font-family:  Arial, Helvetica, sans-serif; color: #9C9C9C; font-size: 12px; font-weight: bold; font-style: normal; text-decoration: none;}  

/*###############################################################################################*/

/*###############################################################################################*/

/*Überschriften ++ Titeln ++ Einleitungen (bold):*/

.contbasket{color: #192B4C; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; }

.artitel{color: #000000; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt; }

.nichtver{font-size: 15pt; font-family: times,Verdana,Helvetica; text-decoration: none; padding-right: 30px; padding-top: 30px; color: #000000; }

.bestaetbold{font-size: 10pt; font-weight: bold; font-family: Arial,Verdana,Helvetica; text-decoration: none;  color: #000000;}

.admintitel{font-size: 15pt; font-family: Arial,Verdana,Helvetica; text-decoration: none; padding-top: 10px; padding-bottom: 10px; padding-right: 30px; color: #FF0066; }

.benutzerbez{font-family: Arial, Helvetica, sans-serif; color: #E40079; font-size: 12px; font-weight: bold; font-style: normal; letter-spacing: 1px; text-decoration: none;} 

.artibez{color: #000000; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12pt; }

.brandtitel { font-size: 25pt; font-family: times,Verdana,Helvetica; text-decoration: none; padding-left: 30px; padding-top: 20px; padding-bottom: 10px; color: #FF0066; }

/*###############################################################################################*/

/*###############################################################################################*/

/*Kurztexte ++ Beschreibungen ++ Contents (normal):*/

.einleitung{color: #000000; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10pt; line-height: 20px; }

.ktbasket{color: #000000; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px;}

.artikbasket{color: #000000; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: normal; font-size: 6px;}

.nichtvernormal{font-size: 12pt; font-family: times,Verdana,Helvetica; text-decoration: none; padding-right: 30px; padding-top: 30px; color: #000000; }

.prodbeschr{color: #000000; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: normal; font-size: 8pt; }

.serverbgdetails{color: #FFFFFF; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: #192B4C; }

.folgdaten{color: #000000; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: normal; font-size: 8pt; }

.arti_kunddaten{color: #000000; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10pt; }

/*###############################################################################################*/

/*###############################################################################################*/

/*Bottons ++ Datenfelder ++ Selectfelder ++ Hintergründe*/

.buttons {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333;}

.tdbgbestaet{background-color: #EBECEE; color: #000000; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10pt;}

.tdbgbasket{font-family:Arial; font-size: 10px; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none; background-color: #5f7798;} 

/*.datenfelder{BORDER-RIGHT: #000000 1 solid;BORDER-LEFT: #000000 1 solid;BORDER-TOP: #000000 1 solid;BORDER-BOTTOM: #000000 1 solid; background-color: #E7E7E7; color : #000000;}*/	



.list {list-style-image: url(css-pix/bullet_t-mobile.gif)}

.bg { background-image: url(css-pix/agmedia-bg.gif); background-repeat: repeat-y;}

.menbgline{background-color: #FFFFFF;}

.hrline{ background-color: #000000;}

.baskbg{background-color: #9BBAE4; width: 300px;}

.basktop {position:absolute; top:550px; left: 0px;}

.formubest_left {margin-left: 30px;}

.tablbgbest {background-color: #99A7BB;}



.banklink {font-family: Arial, Helvetica,Verdana; font-size: 22px; font-style: normal; font-weight:bolder; text-decoration: none;  color: #FFFFFF;  letter-spacing: 1px;}

a:hover.banklink {display: none; font-family: Arial, Helvetica,Verdana; font-size: 22px; font-style: normal; font-weight:bolder; text-decoration: none;  color: #FFFFFF;  letter-spacing: 1px;}

.online{ font-size: 7pt; font-weight: normal; font-family: Verdana,Helvetica,Arial; text-decoration: none; padding-right: 20px; color: #FFFFFF;}

a:hover.online{ font-size: 7pt; font-weight: normal; font-family: Verdana,Helvetica,Arial; text-decoration: none; padding-right: 20px; color: #192C4C;}

.defbreite { width: 150px;}

.preview {background-color: #FF0066; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; BORDER-RIGHT: #000000 1 solid;BORDER-LEFT: #000000 1 solid; BORDER-BOTTOM: #000000 1 solid; BORDER-TOP: #000000 1 solid;}

/*.tabbord {BORDER-RIGHT: #000000 1 solid;BORDER-LEFT: #000000 1 solid; BORDER-BOTTOM: #000000 1 solid;}*/

.log{ font-size: 14pt; font-weight: bold; font-family: Arial,Helvetica; text-decoration: none; padding-bottom: 10px; color: #192C4C; }

.ausblend{ display: none;} 
.mailink{font-size: 10px; font-weight: normal; font-family: Arial,Helvetica; text-decoration: none; color: #FFFFFF;}

.mainmenuebord {height: 19px; width: 150px; font-size: 12px; font-weight: bold; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #FFFFFF;}
.mainmenueonbord {height: 19px; width: 150px; font-size: 12px; font-weight: bold; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #FFFFFF; background-color: #9BBAE4;}
.mainmenueonbordadmin {height: 19px; width: 150px; font-size: 12px; font-weight: bold; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #FFFFFF; background-color: #9BBAE4;}
.mainmenuebordadmin {height: 19px; width: 150px; font-size: 12px; font-weight: bold; font-family: times,Verdana,Helvetica; text-decoration: none; color: #FFFFFF;}
.message {color: #333333; font-family: Arial; font-size: 12px; width: 350px;}


.data{BORDER-RIGHT: #333333 1 solid;BORDER-LEFT: #333333 1 solid;BORDER-TOP: #333333 1 solid;BORDER-BOTTOM: #333333 1 solid; background-color: #FFFFFF; color : #333333; font-size: 9px;}
.sitemapmittel{font-size: 12px; font-weight: bold; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #FFFFFF; background-color: #192b4C; height: 20px; padding-left: 5px;}
.sitemapmittellink{font-size: 12px; font-weight: bold; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #FFFFFF;}
a:hover.sitemapmittellink{font-size: 12px; font-weight: bold; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #9BBAE4;}
.sitemaphell {font-size: 12px; font-weight: normal; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #333333; background-color: #9BBAE4; height: 20px; padding-left: 5px;}
.sitemaphelllink {font-size: 12px; font-weight: normal; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #192B4C;}
a:hover.sitemaphelllink {font-size: 12px; font-weight: normal; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #FFFFFF;}
.ueberschrift{color: #5f7798; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; }
.tooldeletelink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #192B4C; text-decoration: none;}
a:hover.tooldeletelink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #5f7798; text-decoration: none;}
.toolselectlink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #192B4C; text-decoration: none;}
a:hover.toolselectlink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #5f7798; text-decoration: none;}
.tooleditlink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #192B4C; text-decoration: none;}
a:hover.tooleditlink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #5f7798; text-decoration: none;}
.toolheader {padding-left: 10px; height: 22px; background-color: #192b4C; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; BORDER-RIGHT: #192B4C 1 solid;BORDER-LEFT: #192B4C 1 solid; BORDER-BOTTOM: #192B4C 1 solid;}
.toolselect {padding-left: 10px; height: 22px; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; BORDER-RIGHT: #192B4C 1 solid;BORDER-LEFT: #192B4C 1 solid; BORDER-BOTTOM: #192B4C 1 solid;}
.tooledit {padding-left: 10px; height: 22px; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; BORDER-RIGHT: #192B4C 1 solid;BORDER-LEFT: #192B4C 1 solid; BORDER-BOTTOM: #192B4C 1 solid;}
.tooldelete {padding-left: 10px; height: 22px; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; BORDER-RIGHT: #192B4C 1 solid;BORDER-LEFT: #192B4C 1 solid; BORDER-BOTTOM: #192B4C 1 solid;}
.downloadred{font-size: 10px; font-weight: normal; font-family: Verdana,Helvetica,Arial; text-decoration: none; padding-right: 20px; color: #2953A1; }
.galleryrenamebutton {background-color:#9BBAE4; width: 170px; border: #9BBAE4}
.contgroupeditbutton {background-color:#FFFFFF; width: 50px; border: #FFFFFF}
.completesubmit {background-color:#FFFFFF; width: 190px; border: #FFFFFF}
.basketcompletebutton {background-color:#FFFFFF; width: 80px; border: #FFFFFF}
.renamebutton {background-color:#99A7BB; width: 170px; border: #99A7BB;}
.imageeditbutton {background-color:#FFFFFF; border: #FFFFFF}
.maillisteditbutton {background-color:#FFFFFF; width: 50px; border: #FFFFFF}
.rolleeditbutton {background-color:#FFFFFF; width: 60px; border: #FFFFFF}
.usereditbutton {background-color:#FFFFFF; width: 50px; border: #FFFFFF}
.invisiblebutton {background-color:#FFFFFF; width: 180px; border: #FFFFFF}
.phonebookeditbutton {background-color:#FFFFFF; border: #FFFFFF}
.artikelnr{display: none;}
.abs{color: #333333; text-decoration:underline; font-family:  Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px;}

.statuserheader {font-size: 12px; font-weight: bold; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #FFFFFF; background-color: #6E85C9;}
.felddatum {BORDER-RIGHT: #000000 1 solid;BORDER-LEFT: #000000 1 solid;BORDER-TOP: #000000 1 solid;BORDER-BOTTOM: #000000 1 solid; background-color: #E7E7E7; color : #000000; font-size: 10px; font-family: Arial,Verdana,Helvetica;}
.anzeigenbutton {background-color: #E7E7E7; color : #FFFFFF; font-size : 10px; border : 1px solid #333333; color : #666666;}
.datexample {font-size: 10px; font-weight: normal; font-family: Arial,Verdana,Helvetica; color: red;}
.baskbg2{background-color: #9BBAE4; width: 300px;}

.bezeichnung{color: #FFFFFF; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; background-color: #192b4C; padding-left:5px; }

.bezeichnungs_nr{color: #FFFFFF; text-decoration:none; font-family:  Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; background-color: #192b4C; padding-right:5px; }

.artikel_border {BORDER-TOP: #192b4C 1 solid; BORDER-RIGHT: #192b4C 1 solid; BORDER-BOTTOM: #192b4C 1 solid; BORDER-LEFT: #192b4C 1 solid; }
.5px_right {padding-right:5px;}
.5px_left {padding-left:5px;}


.aclbold {font-size: 12px; font-weight: bold; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #000000; background-color: #5f7798; height: 25px; padding-left: 5px;}
.aclnormal {font-size: 12px; font-weight: normal; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #000000; background-color: #9BBAE4; height: 20px; padding-left: 5px;}
.acltitel{font-size: 20px; font-weight: bold; font-family:  Arial, Helvetica, sans-serif; text-decoration: none; color: #FFFFFF; background-color: #192b4C; height: 25px; padding-left: 5px;}
.aclline {background-color: #CCCCCC; height: 1px;}

.offline{font-size: 12px; font-weight: normal; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #000000; background-color: #5f7798; height: 20px; padding-left: 5px;}
.online{font-size: 12px; font-weight: normal; font-family: Arial,Verdana,Helvetica; text-decoration: none; color: #FF0066; background-color: #9BBAE4; height: 20px; padding-left: 5px;}