@charset "UTF-8";
/* CSS Document */

body {margin:0;padding:5px 0 20px 0;background-color: #CEDBEC;font-family:Tahoma, Geneva, sans-serif;font-size:12px;line-height:17px;}
a {outline:none;}
a {text-decoration:none;color:#0033CC;text-shadow:white 0 1px;}
a:hover {text-decoration:none;color:red;background-color:#D8EAF5;}
a:active {text-decoration:none;color:#F00;}

input, textarea, select {padding:8px 5px;border:1px solid silver;margin:0 0 6px 0;font-size:13px;}
input:hover, textarea:hover, select:hover {background-color:#FFC;border:1px solid #F2C94D;}
input.submit {clear:both;cursor:pointer;}
input[type=checkbox] {border:none;background:none;padding:0;margin:0;}
input::-moz-focus-inner /*Remove button padding in FF*/ {border:0;padding:0;}

.textfield-small {width:25px;}
.textfield-medium {width:150px;}
label {float:left;clear:both;color:black;font-weight:bold;margin:0 0 0 0;text-shadow:white 0 1px;font-size:12px;}

#mama {margin:0 auto;padding:0;width:895px;overflow:auto;}

#wrap {float:left;clear:both;width:860px;background-color:white;overflow:auto;padding:0 15px 15px;border-bottom: 1px solid #ADD3E9;}

#head {float:left;clear:both;width:860px;height:175px;padding:0 15px;background:url('../images/head-paper.jpg') 0 0 no-repeat;}
#head h1 {float:right;clear:both;font-size:26px;margin:110px 40px 20px 0;padding:0;color:white;text-shadow:#333 0 -1px;position:relative;text-indent:-9999px;}
#head .header-gif {width:860px;height:175px;position:absolute;}
#head h1 a {color:#094262;text-shadow:white 0 1px;}
#head h1 a:hover {color:#094262;background:none;}

#navigation {float:left;clear:both;width:100%;background:url('../images/nav-back.png') #D0E755 660px 0 no-repeat;margin:1px 0;padding:0;}
#navigation ul {list-style-type:none;float:left;margin:0 0 0 0;padding:0;}
#navigation ul li {display:inline;float:left;border-right:1px solid white;}
#navigation ul li a {display:block;padding:5px 11px;color:#060;font-weight:bold;font-size:12px;text-decoration:none;text-shadow:white 0 1px;}  
#navigation ul li a:hover {background-color:#e9f3b4;}
#navigation ul li a.active {background-color:#e9f3b4;}
#navigation ul li a.active2 {background-color:#C8E3F2;color:#094262;}
#navigation ul li a.active2:hover {background-color:#D8EAF5;color:red;}
#navigation ul li a.active3 {background-color:#D8EAF5;color:red;}

#content {float:left;clear:both;width:100%;padding:10px 0;background:url('../images/content-back.png') 660px 0 repeat-y;}

#content #left {width:640px;float:left;}

/* -- Forms Anmelden -- */
#content form.anmelden {background:url('../images/forms-360.png') 0 0 no-repeat;width:360px;float:left;clear:both;margin:15px 0 0 10px;padding:8px 0 0 0;}
#content form.anmelden fieldset {background:url('../images/forms-360.png') 0 bottom no-repeat;width:330px;border:none;margin:10px 0 0 0;padding:0 15px 5px 15px;float:left;clear:both;}
#content form.anmelden legend {font-weight:bold;font-size:18px;color:black;}
#content form.anmelden .submit {float:left;clear:both;padding:0 40px 0 0;margin-left:108px;}
#content form.anmelden label {float:left;clear:both;margin:0 0 0 5px;}
#content .anmelden {margin:0;padding:0;} 
#content .anmelden #username_acc, 
#content .anmelden #password_acc, 
#content .anmelden #password_del, 
#content .anmelden #password-repeat_acc,
#content .anmelden #sendername,
#content .anmelden #hurzel,
#content .anmelden #betreff {width:315px;float:left;clear:both;}
#content .anmelden #type {width:315px;float:left;clear:both;}
#content .anmelden #email_acc {width:315px;float:left;clear:both;}
#content .anmelden #nachricht {width:315px;height:80px;float:left;clear:both;}
#content .anmelden p {float:left;clear:both;width:315px;margin:0 0 10px 0;padding:0;font-size:11px;text-shadow:white 0 1px;}
#content .anmelden h2 {margin:0;padding:0 0 8px 0;text-shadow:white 0 1px;float:left;clear:both;color:#094262;} 

/* Mail-Form ganze Breite */
#content .anmelden2 {}
#content .anmelden2 label {float:left;clear:both;margin:0 0 0 5px;}
#content .anmelden2 input {float:left;clear:both;margin:0 0 0 0;}
#content .anmelden2 #username_acc, 
#content .anmelden2 #password_acc, 
#content .anmelden2 #password_del, 
#content .anmelden2 #password-repeat_acc,
#content .anmelden2 #fromname,
#content .anmelden2 #frommail,
#content .anmelden2 #toname,
#content .anmelden2 #tomail,
#content .anmelden2 #betreff {width:280px;float:left;clear:both;}
#content .anmelden2 #type {width:280px;float:left;clear:both;margin:5px 0 0 0;}
#content .anmelden2 #toname,#content .anmelden2 #fromname {margin-bottom:5px;}
#content .anmelden2 #nachricht {width:585px;height:50px;float:left;clear:both;}
#content .anmelden2 .leftbox {margin:0 0 5px 15px;float:left;width:290px;}
#content .anmelden2 .longbox {margin:0 0 5px 15px;float:left;width:580px;}
#content .anmelden2 #sendlist {float:right;clear:right;margin:2px 0 5px 0;padding-right:50px;width:220px;}

/* -- Statusmeldungen -- */
#content .meldung {float:left;padding:10px 0 0 0;margin:15px 0 0 10px;width:500px;font-size:12px;text-shadow:white 0 1px;}
#content .meldung strong {font-size:14px;display:block;margin:0 0 3px;padding:0;}
#content .meldung p {padding-left:55px;padding-top:4px;padding-bottom:3px;margin:0;width:420px;line-height:16px;}
#content .good {background:url('../images/meldung.png') left top no-repeat;}
#content .good p {background:url('../images/meldung.png') 0 center no-repeat;width:420px;}
#content .good .bottom {float:left;clear:both;width:100%;height:13px;background:url('../images/meldung.png') 0 bottom no-repeat;}
#content .bad {background:url('../images/meldung.png') -500px top no-repeat;}
#content .bad p {background:url('../images/meldung.png') -500px center no-repeat;width:420px;} 
#content .bad .bottom {float:left;clear:both;width:100%;height:13px;background:url('../images/meldung.png') -500px bottom no-repeat;}

#content ul.nope {float:left;clear:both;padding:0;margin:20px 0 0 15px;list-style-type:none;}
#content ul.nope li {margin:0 0 5px;background:url('../images/icons-small.png') no-repeat;float:left;clear:both;padding:5px 0 5px 25px;}
#content ul.nope li a {float:left;margin:0;padding:0 2px;background:none;}
#content ul.nope li.blank {background:none;padding:5px 0 5px 0;font-size:14px;}
#content ul.nope li.zurueck {background-position:0 -267px;}
#content ul.nope li.neue-liste {background-position:0 -21px;} 
#content ul.nope li.home {background-position:0 -240px;}
#content ul.nope li a:hover {text-decoration:none;color:red;background-color:#D8EAF5;}

#content .submit-large {clear:both;background:url('../images/button-speichern.png') no-repeat;width:220px;height:30px;border:none;margin:10px 0 10px 10px;padding:0;text-shadow:white 0 1px;font-weight:bold;font-size:13px;cursor:pointer;}
#content #liste-speichern {padding:0 55px 0 0;margin-left:60px;}

#content .login {clear:both;background:url('../images/button-login-arrow-2.png') no-repeat;width:150px;height:30px;border:none;margin:5px 0 10px 15px;padding:0 40px 0 0;text-shadow:white 0 1px;font-weight:bold;font-size:13px;}

#left h1 {color:#094262;margin:15px 0 5px 10px;font-size:16px;width:600px;float:left;padding:0;}
#left h2 {color:#094262;margin:17px 0 0 10px;font-size:13px;width:600px;float:left;padding:0;}
#left p {color:black;float:left;width:600px;margin:1px 0 0 10px;padding:0;}

* html #left h1 {margin:11px 0 7px 4px;padding:0;} /* Legendary Hack for IEs */
* html #left p {margin:11px 0 2px 4px;padding:0;} /* Legendary Hack for IEs */

#left .home-box {float:left;height:150px;width:200px;background:url('../images/home-box-back.png') no-repeat;margin:15px 11px 10px 0;text-shadow:white 0 1px;padding:0;display: inline;}
#left .home-box h2 {float:left;font-size:16px;font-weight:bold;width:167px;margin:10px 0 3px 11px;color:#094262;}

#left .home-box h2 a {color:#094262;padding:6px 0 5px 35px;display:block;}
#left .home-box h2 a:hover {color:red;background:none;}
#left .home-box h2 a.fill {width:140px;background:url('../images/icons-mid.png') 2px -2px no-repeat;}
#left .home-box h2 a.save {width:140px;background:url('../images/icons-mid.png') 2px -46px no-repeat;}
#left .home-box h2 a.send {width:140px;background:url('../images/icons-mid.png') 2px -88px no-repeat;}
#left .home-box p {float:left;width:174px;margin:0 0 0 13px;color:black;line-height:16px;}

/* Legendary Hacks for IEs */
* html #left .home-box h2 {margin:11px 0 5px 5px;}
* html #left .home-box p {margin:0 0 0 7px;}

#left #beispiel {background:url('../images/beispiel-weiss.png') 0 -246px no-repeat;float:left;clear:both;width:627px;height:131px;display:block;margin:5px 0 30px 2px;text-align:center;color:white;text-shadow:#000 0 -1px;font-size:26px;padding-top:115px;}
#left #beispiel:hover {background-position:0 0;color:#FFC;}


#left table td p {margin:5px 0 0 10px;}

#left .table-wrap {margin:15px 0 0 7px;padding:0;width:425px;float:left;}
#left .table-wrap td {padding:5px 0 5px 0;}

#left .block {margin:0;padding:0;width:310px;}

#left .block td {margin:0;padding:2px 5px 2px 10px;text-shadow:white 0 1px;}
#left .block td h2 {color:black;text-shadow:white 0 1px;margin:0;font-size:12px;width:auto;}
#left .block td.uhead {background:url('../images/table-head.png') no-repeat;font-weight:bold;padding:8px 5px 6px 10px;}
#left .block td.ugut {background-color:#ACD3E9;font-weight:bold;padding:3px 5px 2px 10px;font-size:12px;text-shadow:white 0 1px;}
#left .block td input {padding:5px;}
#left .block td.nostrong {font-weight:normal;}  

/* Nach Speichern der Liste: */
#left .box-big {background:url('../images/box-633-4.png') left bottom no-repeat;width:633px;margin:10px 0 0 5px;padding:0 0 0 0;float:left;clear:both;}
#left .box-big h2 {background:url('../images/box-633-4.png') left top no-repeat;width:633px;height:25px;margin:0;padding:10px 0 0 15px;text-shadow:white 0 1px;float:left;clear:both;color:#094262;}
#left .box-big h2 a {color:#094262;}
#left .box-big h2 a:hover {color:red;}
#left .box-big p {width:600px;margin:0;padding:0 0 10px 15px;text-shadow:white 0 1px;float:left;clear:both;}
#left .box-big table {float:left;clear:both;}
#left .box-big ul {float:left;clear:both;margin:0 0 0 15px;padding:0;list-style-type:none;width:600px;}
#left .box-big ul li {float:left;clear:both;margin:0 0 5px 0;padding:0;}

#left a.box-big-single {background:url('../images/box-633-single.png') no-repeat;font-size:12px;width:553px;height:50px;color:black;display:block;float:left;clear:both;margin:15px 0 0 5px;padding:8px 20px 5px 60px;line-height:15px;}

#left a.umzangebote {background:url('../images/box-button.png') left bottom no-repeat;display:block;float:left;clear:both;width:633px;height:65px;margin:10px 0 0 5px;padding:10px ;float:left;clear:both;}
#left a.umzangebote {color:black;font-size:20px;}

/* Für Box mit Hinweisen (Text) */
#left .text-box h2 {background:url('../images/box-633-2.png') left top no-repeat;width:633px;height:25px;margin:0;padding:14px 0 5px 48px;text-shadow:white 0 1px;float:left;clear:both;color:#094262;} 
#left .text-box2 h2 {background:url('../images/box-633-3.png') left top no-repeat;width:633px;height:25px;margin:0;padding:14px 0 5px 48px;text-shadow:white 0 1px;float:left;clear:both;color:#094262;} 
#left .text-box {margin-top:15px;}
#left .text-box2 {margin-top:15px;}

#left ul li a {margin:0;padding:5px 0 6px 28px;display:block;background:url('../images/icons-small.png') no-repeat;}
#left ul li a.print {background-position:7px -74px;}
#left ul li a.pdf {background-position:7px -100px;}
#left ul li a.excel {background-position:7px -129px;}
#left ul li a.mail {background-position:7px -161px;}
#left ul li.send {background:url('../images/icons-small.png') 7px -161px no-repeat;padding:1px 0 6px 28px;}
#left ul li form {margin:0 0 0 28px;}

#left ul li a.normal {padding:0;margin:0;background:none;float:none;clear:none;display:inline;}

/* "Liste senden"-Form in Box */
#left .liste-senden {background:url('../images/forms-360.png') 0 0 no-repeat;width:360px;float:left;clear:both;margin:15px 0 0 10px;padding:8px 0 0 0;}
#left .liste-senden fieldset {background:url('../images/forms-360.png') 0 bottom no-repeat;width:330px;border:none;margin:10px 0 0 0;padding:0 15px 5px 15px;float:left;clear:both;}
/*#left .liste-senden {overflow:auto;float:left;padding:10px;width:560px;margin:0 0 10px 15px;}*/  
#left .liste-senden label {float:left;clear:both;padding:0 15px 0 0;}
#left .liste-senden input,#left .liste-senden textarea,#left .liste-senden select {width:315px;float:left;clear:both;margin:0 0 6px 0;}
#left .liste-senden #nachricht {height:80px;}
#left .liste-senden #sendlist {background:url('../images/buttons-blau-154.png') 0 top no-repeat;width:128px;height:28px;cursor:pointer;color:white;border:none;padding:0 5px 1px 0;font-weight:bold;text-shadow:#333 0 -1px;margin:0;clear:both;}


/* Kalender bestellen */
#left .pic-holder {float:left;width:600px;margin:10px 0 0 10px;padding:0;}
#left .pic-holder p {width:100%;margin:0px;padding:0px 0px 15px 0px;line-height:16px;}
#left .pic-holder .cal-pic {margin:0 10px 10px 0;padding:0;border:1px solid silver;float:left;} 
#left .pic-holder .cal-pic:hover {border:1px solid #094262;}


#right {float:right;clear:right;width:185px;margin:0 7px 0 0;padding:0 0 30px 0;}
* html #right {margin:0 0 0 0;} /* Legendary Hack for IEs */

#right h2 {background:url('../images/right-box.png') 0 0 no-repeat;margin:10px 0 0 0;padding:8px 0 8px 10px;text-shadow:white 0 1px;font-size:13px;color:#094262;line-height:15px;width:180px;float:none;}
#right form {background:url('../images/right-box.png') 0 bottom no-repeat;margin:0 0 15px 0;padding:0 10px 10px 0;width:175px;}
#right form label,#right form input {margin-left:10px;}
#right form .login {margin-left:20px;}
#right form ul {margin:10px 0 0 3px;padding:0;background:none;}
#right form ul li {margin:0 0 2px;padding:0;display:inline;}
#right form ul li a {background:none;padding:2px 0 5px 28px;margin:0;display:block;background:url('../images/icons-small.png') no-repeat;}
#right form ul li a.neues-konto {background-position:7px -218px;}
#right form ul li a.passwort-vergessen {background-position:7px -187px;}


#right p {margin:0 0 15px 0;padding:0 10px 0 10px;width:165px;}
#right p.fehler {margin:0 0 5px 0;padding:0 10px 0 10px;width:165px;color:#F00;font-weight:bold;}

#right ul {list-style-type:none;background:url('../images/right-box.png') 0 bottom no-repeat;margin:0 0 15px 0;padding:0 2px 10px 3px;width:180px;}
#right ul li {margin:0;padding:0;background:none;font-size:12px;line-height:15px;}
#right ul li a {margin:0;padding:5px 0 6px 28px;display:block;background:url('../images/icons-small.png') no-repeat;}
#right ul li a:hover {background-color:#D8EAF5;}
#right ul li a.active {background-color:#D8EAF5;color:red;}
#right ul li a.mein-konto {background-position:7px 2px;}
#right ul li a.meine-liste {background-position:7px -23px;}
#right ul li a.logout {background-position:7px -47px;}
#right ul li a.delete {background-position:7px -292px;}

* html #right ul li a {margin:0;padding:2px 0 5px 28px;} /* Legendary Hack for IEs */
* html #right ul li {margin:0;padding:0;} /* Legendary Hack for IEs */

#right ul li a.print {background-position:7px -74px;}
#right ul li a.pdf {background-position:7px -100px;}
#right ul li a.excel {background-position:7px -130px;}
#right ul li a.mail {background-position:7px -158px;}

/* Listen mit unseren Diensten */
#right ul.dienste li {margin:0 0 8px 0;}
#right ul.dienste li a {margin:0 0 2px 0;padding:4px 4px 7px 47px;display:block;background:url('../images/icons.png') no-repeat;} 

* html #right ul.dienste li a {margin:0;padding:2px 0 5px 47px;} /* Legendary Hack for IEs */
* html #right ul.dienste li {margin:0;padding:0;} /* Legendary Hack for IEs */

#right ul.dienste li a.umzug {background-position:5px 2px;}
#right ul.dienste li a.hvz {background-position:5px -69px;}
#right ul.dienste li a.umzugskartons {background-position:5px -137px;}
#right ul.dienste li a.umzugswagen {background-position:5px -208px;}

#right ul.dienste li a:hover {background-color:#D8EAF5;}

#footer {clear:both;width:852px;margin:0 auto;background-color:#C8E3F2;height:70px;border-top:1px solid #EEF6FB;padding:5px 10px 0 30px;margin-left:-2px;}
#footer ul {float:right;list-style-type:none;margin:5px 0 0 0;padding:0 20px 0 0;border-left:1px solid white;}
#footer ul li {clear:both;width:150px;display:block;text-align:right;}

/* ----- Modal ----- */
#mask {position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;}
#boxes .window {position:absolute;left:0;top:0;width:440px;height:200px;display:none;z-index:9999;padding:20px;}
#boxes #confirm, #boxes #delete {background:url('../images/notice.png') no-repeat 0 0 transparent;width:326px;height:229px;padding:55px 0 20px 35px;}
#boxes #confirm .submit, #boxes #delete .submit {background:url('../images/buttons-blau-150.png') left top no-repeat;width:150px;height:28px;cursor:pointer;color:white;border:none;padding:0 35px 1px 0;font-weight:bold;text-shadow:#333 0 -1px;}
#boxes #confirm .cancel, #boxes #delete .cancel {background-position:0 -28px;}
#boxes #confirm .save, #boxes #delete .save {background-position:0 0;}

/* ----- FORM QUER, grosses Formular ----- */
.ind p {font-size:12px;}

/*#umzform2 {float:left;clear:both;padding:0 0 0 0;margin:15px 0 0 5px;background:url('../images/box-633-mid.png') left top repeat-y;}
#umzform2 h2 {background:url('../images/box-633.png') left top no-repeat;width:633px;height:38px;margin:0 0 0 0;padding:10px 0 0 15px;text-shadow:white 0 1px;float:left;clear:both;color:#094262;}
*/
#umzform2 fieldset {border:none;width:633px;margin:10px 0 0 5px;padding:10px 0 0;float:left;clear:both;font-size:12px;background:url('../images/box-633-mid.png') left top repeat-y;}
#umzform2 fieldset legend {font-weight:bold;padding:14px 0 0 20px;margin:0;color:#094262;font-size:17px;font-weight:bold;background:url('../images/box-633-4.png') transparent left top no-repeat;width:633px;text-shadow:white 0 1px;}

/* Legendary <legend>-Hack for IE8 */
#umzform2 fieldset legend {margin-top /*\**/: -14px\9}
/* Legendary <legend>-Hack for all other IEs */
#umzform2 fieldset legend {margin-top: -14px\9}

#umzform2 fieldset .haus {vertical-align:middle;line-height:100%;margin:0 5px 3px 0;}
#umzform2 fieldset input {margin:0px 5px 0px 0px;padding:8px 5px;}
#umzform2 fieldset input:hover {}
#umzform2 fieldset select:hover {background-color:#FFC;border:1px solid #F2C94D;}
#umzform2 fieldset select {margin:0 3px 0px 3px;font-size:12px;border:1px solid silver;padding:8px 3px 7px;}
#umzform2 fieldset .label {font-weight:bold;width:100px;padding:4px 10px 0px 0px;text-align:right;}
#umzform2 .formtable {margin:0 0 0 15px;}
#umzform2 .formtable td {padding:5px;}
#umzform2 fieldset .msub {line-height:100%;vertical-align:middle;color:black;font-weight:bold;font-size:12px;width:220px;background:url('../images/button-speichern.png') 0 0 no-repeat;height:30px;cursor:pointer;border:none;padding:0 45px 0 0;margin:0 0 0 80px;border:none;text-shadow:white 0 1px}
#umzform2 fieldset .msub:hover {border:none;}
#umzform2 .bottom {background:url('../images/box-633-bottom.png') left top no-repeat;width:633px;height:11px;float:left;clear:both;margin:0 0 0 5px;padding:0;}
#umzform2 .info {margin:10px 0px 0px 10px;width:600px;clear:both;font-size:11px;padding:10px;border:1px solid silver;background-color:#fafafa;}

.infobox {float:left;padding:5px 10px;margin:10px 0 0 0;}
.infobox p {float:left;font-weight:bold;color:black;}
.infobox p img {line-height:100%;vertical-align:middle;margin:0 8px 4px 0;}
/*.meldung {background-color:#FFF9F9;border:2px solid #EE0000;color:black;}.red {background-color:#FFF9F9;border:2px solid #EE0000;color:black;}*/
