* {
margin: 0;
padding: 0;
}
html, body {
scrollbar-base-color: White;
scrollbar-3d-light-color: White;
scrollbar-arrow-color:#58585a;
scrollbar-darkshadow-color: White;
scrollbar-face-color: White;
scrollbar-highlight-color:#58585a;
scrollbar-shadow-color:#58585a;
scrollbar-track-color: white;
}
input {
border:solid 1px #58585a;
color: #005397;
height: 15px;
font-size: 9pt;
line-height: 15px;
padding-left: 5px;
padding-right: 5px;
margin-top: 2px;
margin-bottom: 7px;
padding-top: 1px;
padding-bottom: 1px;
}
.button {
height: 30px;
width: 120px;
background-color: #f5f5f5;
color: #005397;
font-size: 9pt;
margin-left: 10px;
cursor:pointer;
}
.achtung {
font-size: 8pt;
color:maroon;
font-weight: bold;
line-height: 15pt;
}
textarea {
border:solid 1px #58585a;
color: #005397;
font-size: 9pt;
line-height: 15px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
margin-top: 2px;
margin-bottom: 7px;
}
.field {
border-right:solid 7px #005397;
}
.formtest {
background-color: #f5f5f5;
color: #005397;
margin-right: 20px;
padding: 5px;
margin-top: 7px;
}
#adminmenue {
position: absolute;
top: 200px;
padding-left: 40px;
height:330px;
width: 345px;
padding-top:30px;
color:white;
}
.adminbutton {
height: 30px;
width: 130px;
background-color: #f5f5f5;
color: #005397;
font-size: 10pt;
cursor:pointer;
}
#logout {
height:35px;
width: 80px;
position: absolute;
right:-85px;
top: -10px;
}
#logout a {
color:#f5f5f5;
display:block;
height:35px;
width: 80px;
line-height: 35px;
background-color: #444446;
font-weight: bold;
padding-left: 5px;
}
#logout a:hover {
color:#c1d3ed;
border-right: solid 6px #c1d3ed;
}
.editieren {
display: block;
height: 26px;
width: 120px;
margin-bottom: 3px;
/*position: absolute;
left:5px;
float:left;
z-index: 9998;*/
filter:alpha(opacity=50); /* Internet Explorer */
-moz-opacity: 0.50; /* Mozilla Browser */
opacity: 0.50; /* Opera */
}
.editieren img{
margin-right: 4px;
}
strong {
font-size: 9pt;
}
body {
background-color: #e8e8e8;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a {
text-decoration: none;
color: #005397;
}
a img {
border:none;
}
a:hover {
text-decoration: none;
color: #58585a;
}
.blau {
color: #005397;
font-weight: bold;
}
.anschrift {
margin-top:5px;
display: block;
}
h3 {
color: #005397;
font-size: 10pt;
margin-bottom: 5px;
}
h2 {
color: #005397;
font-size: 12pt;
margin-bottom: 8px;
}
h4 {
font-size: 10.5pt;
font-weight: bold;
margin-bottom: 5px;
}
h4 em{
font-size: 9pt;
}
td {
padding:2px;
}
#container {
position: relative;
width: 990px;
height: 835px;
margin: 0 auto;
background-color: #444444;
background-image: url(images/container_bg.jpg);
background-position: bottom;
background-repeat: repeat-x;
}
#stellenangebote #container{
height: 900px;
}
#schattenlinks {
position:absolute;
left:-20px;
height: 100%;
width: 20px;
background-image: url(images/schatten_links.jpg);
}
#schattenrechts {
position:absolute;
right:-20px;
height: 100%;
width: 20px;
background-image: url(images/schatten_rechts.jpg);
}
#header {
width: 600px;
height: 200px;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
}
#menue {
width:606px;
height: 40px;
position: absolute;
top:147px;
left:20px;
background-repeat: no-repeat;
z-index: 999;
}
#content {
position:relative;
width: 575px;
height: 627px;
background-color: white;
margin-left: 20px;
float: left;
}
.ausbildungtabelle {
width: 510px;
table-layout: fixed;
border: none;
}
.ausbildungtabelle td { padding-top:4px; }
.t1 {
width: 155px;
color: #005397;
}
.t2 {
width: 355px;
}
#stellenangebote #content {
height: 690px;
}
#contentseite1 {
position:relative;
width: 575px;
height: 627px;
/*background-color: #454547;*/
margin-left: 20px;
float: left;
z-index:2;
}
#piccontent {
margin-left: 600px;
margin-top: -201px;
height:830px;
width: 390px;
background-image: url(images/adminbg.png);
background-repeat: no-repeat;
}
.firstmenue, .secondmenue, .thirdmenue, .fourthmenue {
display: none;
}
.firstmenue {
background-image:url(images/men_punkt1.jpg);
background-repeat:no-repeat;
}
.secondmenue {
background-image:url(images/men_punkt2.jpg);
background-repeat:no-repeat;
}
.thirdmenue {
background-image:url(images/men_punkt3.jpg);
background-repeat:no-repeat;
}
.fourthmenue {
background-image:url(images/men_punkt4.jpg);
background-repeat:no-repeat;
}
#cssdropdown, #cssdropdown ul { list-style: none;}
#cssdropdown, #cssdropdown * { padding: 0; margin: 0;}
#cssdropdown li li { margin-top: -5px; }
#cssdropdown li {
}
#cssdropdown ul li { }
/* Head links */
#cssdropdown li.headlink { width: 149px; float: left; margin-left: -4px; text-align: center; text-indent:-9999px;}
#cssdropdown li.headlink a { display: block; height:38px; width: 149px; position:relative; line-height:37px;}
#cssdropdown a { color: gray; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 10pt;}
/* Child lists and links */
#cssdropdown li.headlink ul { display: none; }
#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink ul li a { height: 37px; }
#cssdropdown li.headlink ul li a:hover { }
/* .headlink {
font-weight: bold;
}*/
/* Pretty styling */
#cssdropdown a:hover { color: #005397; }
#cssdropdown li.headlink { }
#cssdropdown li.headlink ul { }
#cssdropdown li li{/*background-image:url(images/men_punkt_blank.png); background-repeat:no-repeat;*/ }
#cssdropdown li.headlink strong {
font-size: 11pt;
}
/*Hauptmenue*/
#mode_damen a{
background-image:url(images/men_punkt_damen.png);
}
#mode_damen a:hover{
background-image:url(images/men_punkt_damen_h.png);
}
#mode_herren a{
background-image:url(images/men_punkt_herren.png);
}
#mode_herren a:hover{
background-image:url(images/men_punkt_herren_h.png);
}
#mode_kinder a{
background-image:url(images/men_punkt_kinder.png);
}
#mode_kinder a:hover{
background-image:url(images/men_punkt_kinder_h.png);
}
#mode_markenfinder a{
background-image:url(images/men_punkt_markenfinder.png);
}
#mode_markenfinder a:hover{
background-image:url(images/men_punkt_markenfinder_h.png);
}
#waesche a{
background-image:url(images/men_punkt_waesche.png);
}
#waesche a:hover{
background-image:url(images/men_punkt_waesche_h.png);
}
#hotspot a{
background-image:url(images/men_punkt_hotspot.png);
}
#hotspot a:hover{
background-image:url(images/men_punkt_hotspot_h.png);
}
#serv_karte a{
background-image:url(images/men_punkt_kundenkarte.png);
}
#serv_karte a:hover{
background-image:url(images/men_punkt_kundenkarte_h.png);
}
#serv_auswahl a{
background-image:url(images/men_punkt_auswahl.png);
}
#serv_auswahl a:hover{
background-image:url(images/men_punkt_auswahl_h.png);
}
#serv_aenderung a{
background-image:url(images/men_punkt_aenderung.png);
}
#serv_aenderung a:hover{
background-image:url(images/men_punkt_aenderung_h.png);
}
#serv_beratung a{
background-image:url(images/men_punkt_beratung.png);
}
#serv_beratung a:hover{
background-image:url(images/men_punkt_beratung_h.png);
}
#serv_gutschein a{
background-image:url(images/men_punkt_gutscheine.png);
}
#serv_gutschein a:hover{
background-image:url(images/men_punkt_gutscheine_h.png);
}
#serv_liefern a{
background-image:url(images/men_punkt_liefern.png);
}
#serv_liefern a:hover{
background-image:url(images/men_punkt_liefern_h.png);
}
#serv_infoservice a{
background-image:url(images/men_punkt_infoservice.png);
}
#serv_infoservice a:hover{
background-image:url(images/men_punkt_infoservice_h.png);
}
#event_aktionen a{
background-image:url(images/men_punkt_aktionen.png);
}
#event_aktionen a:hover{
background-image:url(images/men_punkt_aktionen_h.png);
}
#event_shows a{
background-image:url(images/men_punkt_shows.png);
}
#event_shows a:hover{
background-image:url(images/men_punkt_shows_h.png);
}
#event_days a{
background-image:url(images/men_punkt_days.png);
}
#event_days a:hover{
background-image:url(images/men_punkt_days_h.png);
}
#event_vip a{
background-image:url(images/men_punkt_vip.png);
}
#event_vip a:hover{
background-image:url(images/men_punkt_vip_h.png);
}
#about_firma a{
background-image:url(images/men_punkt_firma.png);
}
#about_firma a:hover{
background-image:url(images/men_punkt_firma_h.png);
}
#about_orte a{
background-image:url(images/men_punkt_orte.png);
}
#about_orte a:hover{
background-image:url(images/men_punkt_orte_h.png);
}
#about_jobs a{
background-image:url(images/men_punkt_jobs.png);
}
#about_jobs a:hover{
background-image:url(images/men_punkt_jobs_h.png);
}
#about_impress a{
background-image:url(images/men_punkt_impress.png);
}
#about_impress a:hover{
background-image:url(images/men_punkt_impress_h.png);
}
#about_werbung a{
background-image:url(images/men_punkt_werb.png);
}
#about_werbung a:hover{
background-image:url(images/men_punkt_werb_h.png);
}
/*Hauptmenue Ende*/
#flashcar {
height: 400px;
width: 510px;
}
#maincontent {
color: #58585a;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:9pt;
margin-top:20px;
margin-left: 35px;
overflow: auto;
height: 495px;
}
#modeall #maincontent{
margin-top:10px;
height: 514px;
}
#pflege #maincontent{
margin-top:10px;
height: 504px;
}
#maincontent p {
width: 510px;
}
.rahmen {
border: solid 1px silver;
padding:3px;
}
.bildlinks {
border: solid 1px silver;
padding:3px;
float:left;
margin:15px 15px 8px 0px;
}
.bildrechts {
border: solid 1px silver;
padding:3px;
float:right;
margin:15px 0px 8px 15px;
}
/*Menue der Standorte*/
.karrieremenue {
margin-top:5px;
margin-left:34px;
font-weight: bold;
font-size: 9pt;
line-height: 15pt;
}
.standmenue {
margin-top:5px;
margin-left:27px;
}
.standmenue ul { margin: 0px; padding:0px;}
.standmenue ul li {list-style: none;
float: left;
margin: 0; padding: 0;
}
.standmenue ul li span{ display: none;
}
.standmenue a {
display: block;
height:24px;
}
.storeman {
border: solid 1px silver;
padding:3px;
margin-top: 5px;
}
.hinterlegt {
background-color: #c1d3ed;
}
#locbot a{
background-image: url(images/standorte_01.gif);
width: 70px;
}
#locbot a:hover{
background-image: url(images/standorte_ho_01.gif);
}
#locdet a{
background-image: url(images/standorte_07.gif);
width: 86px;
}
#locdet a:hover{
background-image: url(images/standorte_ho_07.gif);
}
#locdor a{
background-image: url(images/standorte_02.gif);
width: 82px;
}
#locdor a:hover{
background-image: url(images/standorte_ho_02.gif);
}
#lockle a{
background-image: url(images/standorte_03.gif);
width: 56px;
}
#lockle a:hover{
background-image: url(images/standorte_ho_03.gif);
width: 56px;
}
#loclin a{
background-image: url(images/standorte_04.gif);
width: 73px;
}
#loclin a:hover{
background-image: url(images/standorte_ho_04.gif);
}
#locrhe a{
background-image: url(images/standorte_05.gif);
width: 67px;
}
#locrhe a:hover{
background-image: url(images/standorte_ho_05.gif);
}
#locwes a{
background-image: url(images/standorte_06.gif);
width: 66px;
}
#locwes a:hover{
background-image: url(images/standorte_ho_06.gif);
}
.standortLogos {
position:relative;
top: -5px;
height:319px;
width: 140px;
margin-left: 330px;
}
.tab_headline {
color: white;
font-weight: bold;
width: 110px;
font-size: 10px;
padding: 6px;
}
.preistabelle {
table-layout: fixed;
width: 220px;
border: 1px solid #005087;
}
.servtabelle {
table-layout: fixed;
width: 500px;
border: 1px solid #005087;
}
#gmaps {
width: 305px;
height: 305px;
float:left;
}
.gmapinfo {
width:230px;
color: #58585a;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:8pt;
line-height: 10pt;
font-weight: bold;
}
.gmapinfo img {
float:left;
padding-right:13px;
}
.mapinfotxt{
padding-top:4px;
}
#standortBot #locbot a{
background-image: url(images/standorte_ho_01.gif);
}
#standortDor #locdor a{
background-image: url(images/standorte_ho_02.gif);
}
#standortKle #lockle a{
background-image: url(images/standorte_ho_03.gif);
}
#standortLin #loclin a{
background-image: url(images/standorte_ho_04.gif);
}
#standortRhe #locrhe a{
background-image: url(images/standorte_ho_05.gif);
}
#standortWes #locwes a{
background-image: url(images/standorte_ho_06.gif);
}
#standortDet #locdet a{
background-image: url(images/standorte_ho_07.gif);
}
.liste {
list-style: disc;
margin-left: 3px;
list-style-position: inside;
}
.loclogos {
margin-top: 20px;
margin-left:-5px;
}
#damCas a{
background-image: url(images/damen_01.gif);
width: 68px;
height: 39px;
}
#damLeg a{
background-image: url(images/damen_02.gif);
width: 59px;
height: 39px;
}
#damExk a{
background-image: url(images/damen_03.gif);
width: 88px;
height: 39px;
}
#damEle a{
background-image: url(images/damen_04.gif);
width: 89px;
height: 39px;
}
#damDes a{
background-image: url(images/damen_05.gif);
width: 84px;
height: 39px;
}
#herren1 a{
background-image: url(images/menues/herren_01.gif);
width: 100px;
height: 39px;
}
#herren2 a{
background-image: url(images/menues/herren_02.gif);
width: 71px;
height: 39px;
}
#herren3 a{
background-image: url(images/menues/herren_03.gif);
width: 103px;
height: 39px;
}
#herren4 a{
background-image: url(images/menues/herren_04.gif);
width: 85px;
height: 39px;
}
#herren5 a{
background-image: url(images/menues/herren_05.gif);
width: 161px;
height: 39px;
}
#herren1 a:hover{
background-image: url(images/menues/herren_h_01.gif);
width: 100px;
height: 39px;
}
#herren2 a:hover{
background-image: url(images/menues/herren_h_02.gif);
width: 71px;
height: 39px;
}
#herren3 a:hover{
background-image: url(images/menues/herren_h_03.gif);
width: 103px;
height: 39px;
}
#herren4 a:hover{
background-image: url(images/menues/herren_h_04.gif);
width: 85px;
height: 39px;
}
#herren5 a:hover{
background-image: url(images/menues/herren_h_05.gif);
width: 161px;
height: 39px;
}
#karriere1 a{
background-image: url(images/menues/karriere_01.gif);
width: 138px;
}
#karriere2 a{
background-image: url(images/menues/karriere_02.gif);
width: 102px;
}
#karriere3 a{
background-image: url(images/menues/karriere_03.gif);
width: 174px;
}
#karriere1 a:hover{
background-image: url(images/menues/karriere_h_01.gif);
width: 138px;
}
#karriere2 a:hover{
background-image: url(images/menues/karriere_h_02.gif);
width: 102px;
}
#karriere3 a:hover{
background-image: url(images/menues/karriere_h_03.gif);
width: 174px;
}
#damen1 a{
background-image: url(images/menues/damen_01.gif);
width: 100px;
height: 39px;
}
#damen2 a{
background-image: url(images/menues/damen_02.gif);
width: 71px;
height: 39px;
margin-left: -5px;
}
#damen3 a{
background-image: url(images/menues/damen_03.gif);
width: 103px;
height: 39px;
margin-left: -5px;
}
#damen4 a{
background-image: url(images/menues/damen_04.gif);
width: 85px;
height: 39px;
margin-left: -5px;
}
#damen5 a{
background-image: url(images/menues/damen_05.gif);
width: 90px;
height: 39px;
margin-left: -5px;
}
#damen6 a{
background-image: url(images/menues/umstandsmode.jpg);
width: 90px;
height: 39px;
margin-left: -5px;
}
#damen6 a:hover{
background-image: url(images/menues/umstandsmode_h.jpg);
width: 90px;
height: 39px;
}
#damen1 a:hover{
background-image: url(images/menues/damen_h_01.gif);
width: 100px;
height: 39px;
}
#damen2 a:hover{
background-image: url(images/menues/damen_h_02.gif);
width: 71px;
height: 39px;
}
#damen3 a:hover{
background-image: url(images/menues/damen_h_03.gif);
width: 103px;
height: 39px;
}
#damen4 a:hover{
background-image: url(images/menues/damen_h_04.gif);
width: 85px;
height: 39px;
}
#damen5 a:hover{
background-image: url(images/menues/damen_h_05.gif);
width: 90px;
height: 39px;
}
#kinder1 a{
background-image: url(images/menues/kinder_01.gif);
width: 63px;
}
#kinder2 a{
background-image: url(images/menues/kinder_02.gif);
width: 49px;
}
#kinder3 a{
background-image: url(images/menues/kinder_03.gif);
width: 58px;
}
#kinder4 a{
background-image: url(images/menues/kinder_04.gif);
/*width: 72px;*/
width:206px;
}
#kinder5 a{
background-image: url(images/menues/kinder_05.gif);
/*width: 72px;*/
width:113px;
}
#kinder1 a:hover{
background-image: url(images/menues/kinder_h_01.gif);
width: 63px;
}
#kinder2 a:hover{
background-image: url(images/menues/kinder_h_02.gif);
width: 49px;
}
#kinder3 a:hover{
background-image: url(images/menues/kinder_h_03.gif);
width: 58px;
}
#kinder4 a:hover{
background-image: url(images/menues/kinder_h_04.gif);
/*width: 72px;*/
width:206px;
}
#kinder5 a:hover{
background-image: url(images/menues/kinder_05_ho.gif);
/*width: 72px;*/
width:113px;
}
#infoserv1 a{
background-image: url(images/menues/infoserv_01.gif);
width: 132px;
}
#infoserv1 a:hover{
background-image: url(images/menues/infoserv_h_01.gif);
width: 132px;
}
#infoserv2 a{
background-image: url(images/menues/infoserv_02.gif);
width: 124px;
}
#infoserv2 a:hover{
background-image: url(images/menues/infoserv_h_02.gif);
width: 124px;
}
#infoserv3 a{
background-image: url(images/menues/infoserv_03.gif);
width: 158px;
}
#infoserv3 a:hover{
background-image: url(images/menues/infoserv_h_03.gif);
width: 158px;
}
#wissen1 a{
background-image: url(images/menues/wissen_01.gif);
width: 108px;
}
#wissen1 a:hover{
background-image: url(images/menues/wissen_h_01.gif);
width: 108px;
}
#wissen2 a{
background-image: url(images/menues/wissen_02.gif);
width: 126px;
}
#wissen2 a:hover{
background-image: url(images/menues/wissen_h_02.gif);
width: 126px;
}
#wissen3 a{
background-image: url(images/menues/wissen_03.gif);
width: 101px;
}
#wissen3 a:hover{
background-image: url(images/menues/wissen_h_03.gif);
width: 101px;
}
#wissen4 a{
background-image: url(images/menues/wissen_04.gif);
width: 105px;
}
#wissen4 a:hover{
background-image: url(images/menues/wissen_h_04.gif);
width: 105px;
}
#wissen5 a{
background-image: url(images/menues/wissen_05.gif);
width: 100px;
}
#wissen5 a:hover{
background-image: url(images/menues/wissen_h_05.gif);
width: 100px;
}