* {margin: 0;}
html, body {height: 100%;}
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em;}
.footer, .push {height: 4em;}
/****** reset *********/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0;}
/****** grid *********/
.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_16 .grid_4{width:220px}.container_16 .grid_8{width:460px}.container_16 .grid_12{width:720px}.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px;}
.pushHelp {border-left:1px solid #E8F3E2; left:0; padding-left:12px; position:relative;}
/****** links & type *********/
body {background: url(../images/header.png) repeat-x;}
body#start {background: url(../images/headerStart.png) repeat-x;}
body {font: 12px Arial, Helvetica, sans-serif; height: 100%;}
html, body {height: 100%;}
h1, h2, h3, h4 {font-family: arial; font-weight: normal; color: #433e36;}
h1 {font-size: 28px; margin-bottom: 15px;}
h1 span {background: url(../images/orangeNotificationBox.png) 0 0 no-repeat; color: #ffffff; width:24px; height: 28px; font-size:16px; font-weight: bold; padding: 8px 14px 10px 14px; position:relative; left: 10px;}
h2 {font-size: 22px; color: #333333;}
h3 {font-size: 16px; width: 100%; margin-top: 44px;}
h3 span {background: #fff; padding: 0 8px 0 0;} /* background: url(../images/whitePixel.png) 100% 53% no-repeat; */
h3.gray {background: url(../images/lineRight.png) right center no-repeat;}
h3.green {background: url(../images/lineRightGreen.png) right center no-repeat;}
h2.green {margin-top:20px; font-size: 18px; color:#6c9d31;}
h3.first {margin-top:0px;}
h4 {font-size: 20px;}
h4.lightBulb {background:transparent url(../images/imageSprite.png) no-repeat scroll -440px -320px; height:48px; margin-left:5px; padding: 15px 0 0 41px;}
h4.orangeArrow {background:transparent url(../images/imageSprite.png) no-repeat scroll 0px -637px; margin: 0 0 12px 5px; padding: 0 0 0 22px;}
p {font-size: 13px; color:#433e36; line-height:1.4em; margin:10px 0 10px 0;}
:focus {outline: 0;}
a:link, a:visited {color: #ff7200; text-decoration: underline;}
a:hover {text-decoration: none;}
a:active {color: #ff7200;}
.user {font-weight: bold;}
em.info {background:transparent url(../images/imageSprite.png) no-repeat scroll -680px -1242px; display:block; height:18px; width:100%;}
em.info a {color: #75c08e; font-style:normal; padding-left: 23px;}
em.globus {background:transparent url(../images/imageSprite.png) no-repeat scroll -680px -1122px; font-style: normal; display:block; height:17px; width:100%; padding-left:20px;}
em#bookmark {background:transparent url(../images/imageSprite.png) no-repeat scroll 0 -881px; display:block; height:18px; width:100%; padding-left: 20px; margin-top: 10px;}
em#bookmark a {color: #ffffff; font-style:normal;}
.blackArrow {background:transparent url(../images/imageSprite.png) no-repeat scroll -625px -1596px; padding-right: 16px;}
/****** layout *********/
#header {}
/** content: layout **/
#logo {background: url(../images/logo.png) no-repeat; width: 305px; height: 63px; margin-top: 15px;}
dl {background: url(../images/imageSprite.png) 0px -400px; height: 27px; width:459px!important; margin-top: 27px; position: relative; left: 42px;}
dl dt {display: none;}
dl dd {display: inline; float: left;}
dd.right { background: transparent url(../images/inputSearchLeft.png) 0 2px no-repeat; position: relative; z-index: 255; }
dd.right input {width: 240px; height: 17px; margin: 2px 0 0 2px; border: 1px solid #ffffff; padding-top:3px; }
#meta li {display: inline; float: right; margin: 20px 10px 0 0;}
#meta li.first {margin-right: 35px;}
#meta li.last{margin-right: 0px;}
ul#navigation { padding:0; margin-top: 11px;}
#navigation li {display: inline; float: left; margin: 20px 30px 0 0;}
#navigation li a {font-size:16px; color:#ffffff; text-decoration: none;}
#navigation li a.sub {color: #a4a4a4;}
#navigation li a.drop {background: url(../images/imageSprite.png) no-repeat -300px -1354px; margin-right: -11px; padding-right: 16px;}
#navigationInfo {background: url(../images/navigationInfoBack.png) no-repeat; width:960px; height:75px; margin-top: 8px; padding-top:20px;}
body#start #navigationInfo {background: none; height: 226px;}
body#start #navigationInfo p {color: #b1b8c0; font-size: 16px; width: 300px; float: left;}
body#start #navigationInfo p.white {color:#FFFFFF; font-size:12px; left:187px; position:relative; top:-38px; width:20px;}
body#start #navigationInfo a {position:relative; left:203px; top:-27px;}
body#start #navigationInfo h1 {float:left; margin-bottom: 0px;}
body#start #navigationInfo .slider {background: url(../images/slider.png) no-repeat; width:609px; height:211px; position:relative; top:-192px; left:352px;}
body#start #navigationInfo .sliderBack {background: url(../images/imageSprite.png) no-repeat -1020px -2205px; width: 16px; height: 63px; position:relative; top:75px; float:right;}
body#start #navigationInfo .sliderFurther {background: url(../images/imageSprite.png) no-repeat -1020px -2285px; width: 16px; height: 63px; position:relative; top:75px; left:-20px;}
body#start #navigationInfo .sliderBack:hover {background: url(../images/imageSprite.png) no-repeat -1020px -2045px; width: 16px; height: 63px; position:relative; top:75px; float:right;}
body#start #navigationInfo .sliderFurther:hover {background: url(../images/imageSprite.png) no-repeat -1020px -2125px; width: 16px; height: 63px; position:relative; top:75px;}
/** content: layout **/
#navigationInfo h1 {font-size: 28px; color: #ffffff; font-weight: normal; float: left; margin-top: 2px;}
#navigationInfo h1 a {color: #ffffff; text-decoration: none; border-bottom: 1px solid #ff5a00;} /*padding-bottom: -10px;*/
#navigationInfo ul {margin-left:-40px;}
#navigationInfo ul li {background: url(../images/navigationInfoArrow.png) right no-repeat; font-size: 28px; color: #ffffff; font-weight: normal; float: left; padding-right: 23px;}
#navigationInfo ul li.last {background:none; padding-right: 15px; margin-left:15px;}
#navigationInfo ul li a {color: #ffffff; text-decoration: none; border-bottom: 1px solid #ff5a00;}
#navigationInfo ul li a:hover {border: none;}
/*#navigationInfo ul li.notification {background: url(../images/imageSprite.png) -320px -320px no-repeat; width:30px; height: 28px; font-size:18px; padding: 6px 0 0 8px;}*/
#navigationInfo ul#tabs {padding:10px 10px 0; margin: 7px 0 0 -9px; position:relative; z-index:255;}
#navigationInfo ul#tabs li {background:transparent url(../images/tabSprite.png) no-repeat scroll left top; float:left; margin-right:3px; padding:0 0 0 6px;}
#navigationInfo ul#tabs li a {background:transparent url(../images/tabSprite.png) no-repeat scroll right -36px; color:#433e36; display:block; float:left; font-size: 16px; font-weight:normal; padding:10px 15px 8px 11px; text-decoration:none; border: none;}
#navigationInfo ul#tabs li:hover {background:transparent url(../images/tabSprite.png) no-repeat scroll left -74px; float:left; margin-right:3px; padding:0 0 0 6px;}
#navigationInfo ul#tabs li a:hover {background:transparent url(../images/tabSprite.png) no-repeat scroll right -110px; color:#433e36; display:block; float:left; font-size: 16px; font-weight:normal; padding:10px 15px 8px 11px; text-decoration:none; border: none;}
#navigationInfo ul#tabs li.active {background:transparent url(../images/tabSprite.png) no-repeat scroll left -74px; float:left; margin-right:3px; padding:0 0 16px 6px;}
#navigationInfo ul#tabs li.active a {background:transparent url(../images/tabSprite.png) no-repeat scroll right -110px; color:#433e36; display:block; float:left; font-size: 16px; font-weight:normal; padding:10px 15px 8px 11px; text-decoration:none; border: none;}
/*#navigationInfo ul#tabs li a:hover span.notification { background: url(../images/imageSprite.png) -340px -1602px no-repeat; color: #ffffff; font-size: 13px; margin-left:6px; padding:2px 6px 2px;}
#navigationInfo ul#tabs li a span.notification { background: url(../images/imageSprite.png) -340px -761px no-repeat; color: #ffffff; font-size: 13px; margin-left:6px; padding:2px 6px 2px;}
#navigationInfo ul#tabs li.active a span.notification { background: url(../images/imageSprite.png) -340px -1602px no-repeat; color: #ffffff; font-size: 13px; margin-left:6px; padding:2px 6px 2px;}
*/
#navigationInfo ul#tabs li a span.notification {background:transparent url(../images/orangeNotificationRoundSprite.png) no-repeat scroll left -38px; float:right; height:19px; margin-left:11px; padding:0 0 0 7px;}
#navigationInfo ul#tabs li a span.notification em {background:transparent url(../images/orangeNotificationRoundSprite.png) no-repeat scroll right -57px; border:medium none; color:#FFFFFF; float:left; font-size:15px; font-style:normal; height:18px; padding:1px 7px 0 0; text-decoration:none;}
#navigationInfo ul#tabs li:hover a span.notification {background:transparent url(../images/orangeNotificationRoundSprite.png) no-repeat scroll left top; float:right; height:19px; margin-left:11px; padding:0 0 0 7px;}
#navigationInfo ul#tabs li a:hover span.notification em {background:transparent url(../images/orangeNotificationRoundSprite.png) no-repeat scroll right -19px; border:medium none; color:#FFFFFF; float:left; font-size:15px; font-style:normal; height:18px; padding:1px 7px 0 0; text-decoration:none;}
#navigationInfo ul#tabs li.active a span.notification {background:transparent url(../images/orangeNotificationRoundSprite.png) no-repeat scroll left top; float:right; height:19px; margin-left:11px; padding:0 0 0 7px;}
#navigationInfo ul#tabs li.active a span.notification em {background:transparent url(../images/orangeNotificationRoundSprite.png) no-repeat scroll right -19px; border:medium none; color:#FFFFFF; float:left; font-size:15px; font-style:normal; height:18px; padding:1px 7px 0 0; text-decoration:none;}
.houseGray {background:transparent url(../images/imageSprite.png) no-repeat scroll -340px -882px; width: 18px; height: 17px;}
#navigationInfo ul#tabs li a.gearwheelIcon {background:transparent url(../images/imageSprite.png) no-repeat scroll -340px -1471px; color: #ffffff; width: 18px; height: 17px; margin-left: 11px; padding-left: 19px;}
#navigationInfo ul#tabs li.noTab, #navigationInfo ul#tabs li a.noTab { background: none; padding-left: 0px;}
#rainbow {background: url(../images/rainbow.png) repeat-x; position: relative; top: -21px;}
#content {margin-top: 11px;}
#footer {height: 200px;}
.third a.headline {font-size:13px; font-weight:bold; text-decoration:none;}
.third a.headline:hover {font-size:13px; font-weight:bold; text-decoration:underline;}
.third img {margin: 10px 0 10px 0;}
.listing {float:left; width:489px;}
.listing hr { margin: 5px 0 5px 0; background-color: #f6f6f6; color: #f6f6f6;}
.listing p.first {width:140px; text-align: right; color: #838383; margin-bottom: 5px;}
.listing p.second, .listing a.second {width:82px; margin-bottom: 5px;}
.listing p, .listing a {float: left; display: inline; margin: 0 10px 0 0;}
.listing a {text-decoration: none;}
.listing a:hover {text-decoration: underline;}
.listing a.user {font-weight: bold; color: #525558;}
/****** boxes *********/
.blueBox {background-color:#e2f0f9; margin-bottom: 10px; position:relative; padding:15px;}
.blueBox .corner {position:absolute; width:5px; height:5px; background-image:url(../images/imageSprite.png);}
.blueBox .topLeft {top:0!important; left:0!important; background-position: 0px -520px!important;}
.blueBox .topRight {top:0!important; right:0!important; background-position: -5px -520px!important;}
.blueBox .bottomLeft {bottom:0!important; left:0!important; background-position: 0px -525px!important;}
.blueBox .bottomRight {bottom:0!important; right:0!important; background-position: -5px -525px!important;}
.grayBox {background-color:#f4f4f4; margin-bottom: 10px; position:relative; padding:15px;}
.grayBox .corner {position:absolute; width:9px; height:9px; background-image:url(../images/imageSprite.png);}
.grayBox .topLeft {top:0; left:0; background-position: -340px -520px;}
.grayBox .topRight {top:0; right:0; background-position: -349px -520px;}
.grayBox .bottomLeft {bottom:0; left:0; background-position: -340px -529px;}
.grayBox .bottomRight {bottom:0; right:0; background-position: -349px -529px;}
.grayLineBox {background-color:#ffffff; border: 1px solid #c5c5c5; margin-bottom: 10px; position:relative; padding:15px;}
.grayLineBox .corner {position:absolute; width:5px; height:5px; background-image:url(../images/imageSprite.png);}
.grayLineBox .topLeft {top:-1px; left:-1px; background-position: -680px -520px;}
.grayLineBox .topRight {top:-1px; right:-1px; background-position: -685px -520px;}
.grayLineBox .bottomLeft {bottom:-1px; left:-1px; background-position: -680px -525px;}
.grayLineBox .bottomRight {bottom:-1px; right:-1px; background-position: -685px -525px;}
.yellowBox {background-color:#ffe993; margin-bottom: 10px; position:relative; padding:15px;}
.yellowBox .corner {position:absolute; width:6px; height:6px; background-image:url(../images/imageSprite.png);}
.yellowBox .topLeft {top:0; left:0; background-position: -820px -520px;}
.yellowBox .topRight {top:0; right:0; background-position: -826px -520px;}
.yellowBox .bottomLeft {bottom:0; left:0; background-position: -820px -526px;}
.yellowBox .bottomRight {bottom:0; right:0; background-position: -826px -526px;}
.blackBox {background-color:#333333; margin-bottom: 10px; position:relative; padding:15px;}
.blackBox .corner {position:absolute; width:7px; height:7px; background-image:url(../images/imageSprite.png);}
.blackBox .topLeft {top:0; left:0; background-position: -520px -520px;}
.blackBox .topRight {top:0; right:0; background-position: -527px -520px;}
.blackBox .bottomLeft {bottom:0; left:0; background-position: -520px -527px;}
.blackBox .bottomRight {bottom:0; right:0; background-position: -527px -527px;}
.whiteBox {background-color:#ffffff; margin-bottom: 10px; position:relative; padding:15px;}
.whiteBox .corner {position:absolute; width:5px; height:5px; background-image:url(../images/imageSprite.png);}
.whiteBox .topLeft {top:0; left:0; background-position: -160px -520px!important;}
.whiteBox .topRight {top:0; right:0; background-position: -165px -520px!important;}
.whiteBox .bottomLeft {bottom:0; left:0; background-position: -160px -525px!important;}
.whiteBox .bottomRight {bottom:0; right:0; background-position: -165px -525px!important;}
.userBox {background-color:#fcffc5; border: 1px solid #f8fa32; margin-bottom: 10px; position:relative; padding:0px;}
.userBox .paperclip {height:43px; width:42px; position:relative; left:-17px; top:8px; z-index:255;}
.userBox .userImage {position:relative; left:11px; top:-27px; z-index:0; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg);}
.blueBox .userBox {position:relative; left:-10px;}
.blueBox .userBox .paperclip {position:relative; left:-83px; top:-26px;}
.userBox p.user {background: transparent url(../images/imageSprite.png) no-repeat scroll -440px -0px; width: 200px; height:13px; position:relative; left:15px; top:8px;}
.blueBox .userBox .userPic {margin:19px 0 10px 14px; border:1px solid #ff5a00;}
.blueBox .userBox a {margin-left: -31px;}
.blueBox .userBox span {color:#333333; margin-left: 2px}
.blueBox p.small {text-align:center; font-size:11px; margin-bottom:10px; padding-bottom:10px;}
.grayBox p {color:#636363; margin:0;}
.blueBox p {color:#333333; margin:0;}
.yellowBox p {color:#ce570f; margin:0;}
.blueBox ul li {line-height: 2em; color:#848484;}
.blueBox ul li a { margin-left: -40px;}
.blueBox ul li strong {color:#000000; margin-left: -40px;}
.blueBox.detail {padding: 0;}
.blueBox.detail .whiteBox {margin-left:5px; padding:5px; width:200px;}
.blueBox.detail .willHave {margin: 20px 0 20px 30px;}
.blueBox.rating {height:50px; padding:10px; width:165px;}
.blueBox.rating p {position: relative; left: 11px!important; display: inline;}
.blueBox.rating img {position: relative; top: 0!important; left: 16px!important;}
.grayBox a {font-size:13px;}
.grayBox a.recommend {background: url(../images/imageSprite.png) -680px -882px; padding-left: 24px; margin-left: 30px;}
.grayBox a.memorize {background: url(../images/imageSprite.png) 0px -1002px; padding-left: 24px; margin-left: 30px;}
.grayBox a.print {background: url(../images/imageSprite.png) -680px -1483px; padding-left: 24px; margin-left: 30px;}
.whiteBox p.first {color:#999999; float:left; text-align: right; width: 90px; margin-right: 15px;}
.whiteBox p.second, .whiteBox em.second {float:left; font-weight:bold;}
.whiteBox img {margin:10px 0 8px 0;}
.whiteBox em.second.sort {background: url(../images/imageSprite.png) -340px -1002px; width:15px; height:22px; font-style: normal; font-size:13px!important; color:#333333; font-size:12px; padding-left:20px;}
.grayBox.recommend, .grayBox.memorize, .grayBox.print {height:15px; width:145px;}
.grayBox.recommend a.recommend, .grayBox.memorize a.memorize, .grayBox.print a.print {padding-left: 24px; margin-left: 15px;}
/****** form elements *********/
.blueBox form {margin-left: -8px;}
.blueBox label {float:left; margin: 5px 0 5px 0;}
.blueBox input,.blueBox select {border: solid 2px #bdd4e4; padding: 5px; width: 180px; margin: 5px 0 5px 0;}
.blueBox input#search:focus {border: solid 2px #FF7200;}
.blueBox input#plz:focus {border: solid 2px #FF7200;}
.blueBox select#categories:focus {border: solid 2px #FF7200;}
.blueBox select {width: 194px;}
.blueBox input.plz {width: 100px; float: left; padding-top: 5px; margin: 5px 10px; font-size: 15px;}
.blueBox label.plz {margin-top: 14px;}
.layout {width:100%;}
.layout form {margin-left: -8px;}
.layout label {float:left; margin: 5px 0 5px 0;}
.layout label.text {padding-top: 10px; margin-right: 10px; font-size: 13px; width: 140px; text-align: right;}
.layout input.field {border: solid 2px #d8d8d8; padding: 5px; width: 230px!important; margin: 30px 10px 5px 0!important; text-align: left; float: left; color:#d8d8d8; font-weight: bold;}
.layout label.checkboxText {float:left; font-size:13px; margin-left:10px; margin-right:105px; text-align:left;}
.layout label.checkboxText span {color: #969696;}
.layout label.textSmall {padding-top: 10px; margin: 0 10px 0 10px; font-size: 13px; width: 50px; text-align: right; float:none;}
.layout input.field, .layout input.fieldSmall, .layout input.fieldMiddle, .layout textarea.fieldMiddle, .layout select, .layout textarea {border: solid 2px #d8d8d8; padding: 5px; width: 500px; margin: 5px 0 5px 0; text-align: left;}
/*.layout input.fieldMiddle,*/ .layout textarea.fieldMiddle {width: 300px; float: left; margin: 5px 0 5px 0;}
.layout .fieldMiddle {width: 300px!important; float: left; margin: 5px 0 5px 0!important;}
.layout label.field span {margin-left: 10px;}
.layout input.fieldSmall {width: 50px;}
.layout label.button {margin: -8px 0 5px 149px;}
.layout a.ankerInput {position:relative; top:9px;}
.layout input {margin:5px 0;}
.layout input.field:focus, .layout input.fieldSmall:focus, .layout input.fieldMiddle:focus, .layout textarea:focus {border: solid 2px #FF7200;}
.layout textarea {height: 110px;}
.layout select {width: 194px;}
.checkboxInput {left:14px; position:relative; top:9px; float: left;}
.sortBar {margin-bottom: 10px; float: right;}
.sortBar label {color: #c9c9c9; font-weight: bold; margin-right: 5px;}
fieldset p {margin-left: 93px;}
/****** liste *********/
.settingBoxHelp {-moz-border-radius: 7px; -webkit-border-radius: 7px; border: 3px solid #F6F6F6; padding:10px; float:left; width:693px;}
.settingBoxHelp h2 {margin-left:20px; font-size: 18px; color:#6c9d31;}
.settingBoxHelp ul {font-size: 12px; color:#666666; line-height:24px;}
.textThird {float:left; margin:25px 21px 17px 0; width:219px;}
.help {margin: 19px 0 31px 100px;}
em {font-style:normal; color:#333333; font-size:20px;}
em.topIcon {background: url(../images/imageSprite.png) no-repeat 0 -2648px; width:22px; height:24px; padding-left:28px;}
em.earthIcon {background: url(../images/imageSprite.png) no-repeat -340px -2648px; height:27px; padding-bottom:3px; padding-left:35px; width:27px;}
em.peopleIcon {background: url(../images/imageSprite.png) no-repeat -680px -2648px; width:25px; height:25px; padding-left:34px;}
em.friendFirst {background: url(../images/imageSprite.png) no-repeat 0 -2840px; height:8px; margin-left:28px; padding-left:38px; width:31px; font-size: 18px;}
em.friendSecond {background: url(../images/imageSprite.png) no-repeat -340px -2845px; height:24px; margin-left:16px; padding-left:51px; width:22px; font-size: 18px;}
em.friendThird {background:url(../images/imageSprite.png) no-repeat scroll -680px -2844px transparent; height:37px; margin-left:0; padding:10px 0 12px 66px; width:22px; font-size: 18px;}
.friendText {float:right; width:337px;}
ul.numberList, ul.arrowList, ul.withoutArrowList {margin: 0; padding: 0;}
.numberList li {margin-bottom: 10px; color: #433e36; font-size:13px;}
.numberList li.first {background: url(../images/imageSprite.png) 0px -1743px no-repeat; padding-left: 28px;}
.numberList li.second {background: url(../images/imageSprite.png) -340px -1743px no-repeat; padding-left: 28px;}
.numberList li.third {background: url(../images/imageSprite.png) -680px -1743px no-repeat; padding-left: 28px;}
ul.arrowList li {background: url(../images/imageSprite.png) 15px -760px no-repeat; padding-left: 28px; margin-bottom: 10px; color: #433e36; font-size:13px;}
ul.arrowList li.noArrow {background: none; font-weight: bold; font-size:15px; margin-top:17px;}
ul.withoutArrowList li {background: none; padding-left: 28px; margin-bottom: 10px; color: #433e36; font-size:13px;}
.table {float: left; margin-right: 10px;}
.table img {padding:10px; position: relative; top:-8px; left:-7px;}
.table em {width: 200px; text-align: center;}
.table.date {width: 147px;}
.table.userDate {width: 202px;}
.table.userDate p {color:#333333; font-weight: bold; font-size: 16px; float: left; margin: 33px 20px 0 0; padding-left:7px;}
.table.userDate p span {color:#999999; font-weight: normal; font-size: 11px; position: relative; top: -10px;}
.table.userDate a {position: relative; top:37px;}
.table.userDate span.underline {color:#999999; font-weight: normal; font-size: 11px; position: relative; left:7px; top:34px;}
.table.user {width: 584px;}
.table.user a {position:relative; top:22px;}
.table p.description, .table p.descriptionSmall {color:#433e36; width:380px; padding: 5px 7px 0 7px;}
.table p.descriptionSmall {width:249px;}
.table p.date {color:#333333; font-weight: bold; font-size: 16px; float: left; margin-right: 20px; padding-left:7px;}
.table p.date.second {margin-right: 0; padding-right:5px; float: right;}
.table p.date span {color:#999999; font-weight: normal; font-size: 11px; position: relative; top: -10px;}
.table a {font-weight:bold; text-decoration: none; font-size: 13px; position: relative; top: 8px; left: 7px;}
.table a:hover {font-weight:bold; text-decoration: underline;}
.left .optionIcon {background: url(../images/imageSprite.png) -360px -320px no-repeat; width:34px; height:35px; margin:15px 8px 0 8px;}
.left .delete {background: url(../images/imageSprite.png) -40px -320px no-repeat; width: 30px; height: 31px; margin:15px 8px 0 8px;}
.left a {padding: 10px;}
.left p {font-size: 20px; color: #333333; padding: 0 12px; margin: 0;}
.left p.gray {font-size: 11px; color:#666666; float: left; margin: 0;}
.left p.green {font-size: 11px; color:#afd25f; float: left; margin: 0;}
.who {margin:20px;}
.errorMessages {background:none repeat scroll 0 0 #faf7d1; -moz-border-radius: 7px; -webkit-border-radius: 7px; border:7px solid #fcfbe8; position:relative; margin-top:5px; padding:10px; width:100%; height:100%;}
.errorMessages img {margin-right:20px;}
p.error {color:#ff0000; margin:0 0 0 0;}
label.error {color:#ff0000 !important;}
input.error, textarea.error {border: 2px solid #ff0000 !important;}
.errorMessages p.left {margin-right:5px;}
em.request a, em.suitor a, em.won a, em.run a, em.lose a {color: #999999; font-size: 16px; font-style:normal; padding-left: 33px; text-align: center;}
em.request a.active, em.suitor a.active, em.won a.active, em.run a.active, em.lose a.active {color: #afd25f; font-size: 16px; font-style:normal; padding-left: 33px;}
em.request a.inactive, em.suitor a.inactive, em.won a.inactive, em.run a.inactive, em.lose a.inactive {color: #d25f5f; font-size: 16px; font-style:normal; padding-left: 33px;}
em.request {background:transparent url(../images/imageSprite.png) no-repeat scroll -238px -120px; display:block; height:51px; margin:16px 20px 0 20px;}
em.suitor {background:transparent url(../images/imageSprite.png) no-repeat scroll -264px -200px; display:block; height:51px; margin:16px 20px 0 20px;}
em.won {background:transparent url(../images/imageSprite.png) no-repeat scroll -534px -120px; display:block; height:51px; margin:16px 20px 0 20px;}
em.run {background:transparent url(../images/imageSprite.png) no-repeat scroll -536px -200px; display:block; height:51px; margin:16px 20px 0 20px;}
em.lose {background:transparent url(../images/imageSprite.png) no-repeat scroll -855px -120px; display:block; height:51px; margin:16px 20px 0 20px;}
.receive {background: url(../images/receive.png); height:216px; margin:35px 0; width:706px;}
.receive em {font-size:17px; font-weight:bold; margin-left:103px; position:relative; top:20px;}
.receive p {margin-left:104px; margin-top:25px; width:212px;}
.receive em.second {float:right; font-size:17px; font-weight:bold; margin-right:45px; position:relative; top:-89px;}
.receive p.second {float:right; margin-right:-316px; margin-top:-64px; width:212px;}
.receiveSort {margin:16px 0; width:344px;}
.receiveSort.first {margin:16px 0; margin-left:28px;}
.receiveSort em {background: url(../images/imageSprite.png) no-repeat 0 -3049px; height:36px; padding-bottom:20px; padding-left:44px; padding-top:5px; width:36px;}
.receiveSort em.second {background: url(../images/imageSprite.png) no-repeat -340px -3049px; height:36px; padding-bottom:20px; padding-left:44px; padding-top:5px; width:36px;}
.receiveSort p {font-size:12px !important; margin-left:33px !important; margin-top:8px !important;}
ul.pager li {display:inline; float:right; margin-right: 10px;}
ul.pager li.last {margin:0;}
ul.pager li div.grayLineBox {padding:2px 0;}
ul.pager li div.grayLineBox a {text-decoration:none; font-size:13px; padding:2px 7px;}
ul.pager li div.grayLineBox.active a {text-decoration:none; font-size:13px; color: #feffff; padding:2px 7px;}
ul.pager li div.grayLineBox.active {background-color:#333333; border: none; margin-bottom: 10px; position:relative; padding:3px 0 2px;}
ul.pager li div.grayLineBox.active .corner {position:absolute; width:7px; height:7px; background-image:url(../images/imageSprite.png);}
ul.pager li div.grayLineBox.active .topLeft {top:0; left:0; background-position: -520px -520px;}
ul.pager li div.grayLineBox.active .topRight {top:0; right:0; background-position: -527px -520px;}
ul.pager li div.grayLineBox.active .bottomLeft {bottom:0; left:0; background-position: -520px -527px;}
ul.pager li div.grayLineBox.active .bottomRight {bottom:0; right:0; background-position: -527px -527px;}
.request {background:transparent url(../images/imageSprite.png) no-repeat scroll -280px -120px; display:block; height:51px; width: 36px; margin-top: 10px; float: right;}
.suitor {background:transparent url(../images/imageSprite.png) no-repeat scroll -281px -200px; display:block; height:51px; width: 36px; margin-top: 10px; float: right;}
.won {background:transparent url(../images/imageSprite.png) no-repeat scroll -534px -120px; display:block; height:51px; width: 36px; float: right;}
.run {background:transparent url(../images/imageSprite.png) no-repeat scroll -536px -200px; display:block; height:51px; width: 36px; float: right;}
.lose {background:transparent url(../images/imageSprite.png) no-repeat scroll -855px -120px; display:block; height:51px; width: 36px; float: right;}
/****** button / icon *********/
a.button {background:transparent url(../images/buttonLeft.png) no-repeat scroll left top; color:#ff5a00; position:relative; font-family: arial; font-size: 18px; font-weight: normal; text-decoration: none; padding: 7px 10px 11px 5px; margin: 10px 0 10px 0; outline: none; width:11px; height:28px;}
a.button span {background:transparent url(../images/buttonRight.png) no-repeat scroll right top; position:relative; padding: 7px 13px 11px 9px;}
.registerButton {background: url(../images/imageSprite.png) -1020px -1142px no-repeat; width: 80px; height: 21px; margin-top: -2px;}
.optionButton {background: url(../images/imageSprite.png) -400px -320px no-repeat; width: 37px; height: 34px; margin-top: -7px;}
dd a.categorieButton {background: url(../images/imageSprite.png) -1020px -1222px no-repeat; width: 106px; height: 23px; margin-top:2px}
input.searchButton {background: url(../images/imageSprite.png) -1020px -1182px no-repeat; width: 75px!important; height: 23px; float: right; margin-top: 2px; border: none!important;}
.blueBox input.emailSubmit {background: url(../images/imageSprite.png) -1020px -1903px; border: none; width:188px; height:36px; display: block; padding: 0;}
.adOffer {background: url(../images/imageSprite.png) -1020px -1945px; border: none; width:108px; height:34px; display: block; padding: 0; position: relative; left:149px; top: 10px;}
.back {background: url(../images/imageSprite.png) -1020px -1743px; border: none; width:68px; height:22px; display: block; padding: 0; }
.further {background: url(../images/imageSprite.png) -1020px -1703px; border: none; width:68px; height:22px; display: block; padding: 0; }
.left .willHave {background: url(../images/imageSprite.png) -1020px -1662px no-repeat; width: 155px; height: 38px; margin: 28px 0 0 10px;}
.willHave {background: url(../images/imageSprite.png) -1020px -1662px no-repeat; width: 155px!important; height: 25px; margin: 28px 0 0 10px;}
.facebook {background: url(../images/imageSprite.png) -1020px -1062px no-repeat; width: 169px; height: 22px; margin: 28px 0 0 10px;}
.twitter {background: url(../images/imageSprite.png) -1020px -1102px no-repeat; width: 151px; height: 24px; margin: 28px 0 0 10px;}
.googlemail {background: url(../images/imageSprite.png) -1020px -1262px no-repeat; width: 65px; height: 44px; margin: 5px 10px 0 93px!important; float: left;}
.gmx {background: url(../images/imageSprite.png) -1020px -1322px no-repeat; width: 65px; height: 44px; margin: 5px 10px 0 0!important; float: left;}
.yahoomail {background: url(../images/imageSprite.png) -1020px -1382px no-repeat; width: 125px; height: 44px; margin: 5px 10px 0 0!important; float: left;}
.windowsmail {background: url(../images/imageSprite.png) -1020px -1443px no-repeat; width: 65px; height: 44px; margin: 5px 10px 0 0!important; float: left;}
.register {background: url(../images/imageSprite.png) -1020px -1823px no-repeat; width: 127px; height: 34px; margin: 28px 0 0 10px;}
.send {background: url(../images/imageSprite.png) -1020px -1583px no-repeat; width: 110px; height: 36px; margin: 0px 14px 0 86px!important; float:left;}
.inviteFriends {background: url(../images/imageSprite.png) -1020px -1623px no-repeat; width: 188px; height: 25px; border: none!important;}
.editProfil {background: url(../images/imageSprite.png) -1020px -1783px no-repeat; width: 188px; height: 34px;}
.donateNow {background: url(../images/imageSprite.png) -1020px -2848px no-repeat; width: 189px; height: 34px;}
.adUserWhite {background: url(../images/imageSprite.png) -300px 0px no-repeat; width: 57px; height: 68px; margin: 20px 30px 0 0;}
.adUserBlue {background: url(../images/imageSprite.png) -360px 0px no-repeat; width: 57px; height: 68px; margin: 0 15px 0 0;}
.plus {background: url(../images/imageSprite.png) -340px -1242px no-repeat; width: 24px; height: 23px; float: left; margin: 35px 7px 0 0!important;}
.minus {background: url(../images/imageSprite.png) 0px -1883px no-repeat; width: 24px; height: 23px; margin: 35px 0 0 0!important;}
.orangeInfo {background: url(../images/imageSprite.png) -680px -640px no-repeat; width: 20px; height: 20px; margin: 26px 0 0 0!important;}
.average {background: url(../images/imageSprite.png) 0px -1234px no-repeat; width: 8px; height: 7px; padding-left: 14px; font-weight: bold; font-size: 16px;}
.offerImages {background: url(../images/imageSprite.png) -480px -328px no-repeat; width: 322px; height: 180px; margin: 31px 0 0 64px;}
.offerImageBack {background: url(../images/imageSprite.png) 0px -1122px no-repeat; width: 8px; height: 12px; position:relative; top:-71px; left:21px;}
.offerImageFurther {background: url(../images/imageSprite.png) -680px -1002px no-repeat; width: 8px; height: 12px; position:relative; top:-71px; left:5px;}
.action {background: url(../images/imageSprite.png) -1020px -1985px no-repeat; width: 175px; height: 42px;}
.enter {background: url(../images/enter.png) no-repeat; width: 145px; height: 42px; margin-left:219px;}
.offerImages img {border: 1px solid white; margin-left: 25px;}
.offerImages span {color:#FFFFFF; position:relative; top:-72px; left:8px;}
h1.notification {display:inline; float:left; font-size:28px; margin-bottom:15px;}
div.notification {background:transparent url(../images/orangeNotificationBoxLeft.png) no-repeat scroll left top; float:left; margin-left:11px; padding:0 0 0 6px;}
div.notification span {background:transparent url(../images/orangeNotificationBoxRight.png) no-repeat scroll right 0; border:medium none; color:#FFFFFF; display:block; float:left; font-size:16px; font-weight:bold; padding:7px 14px 8px 8px; text-decoration:none;}
li.notificationGray {background:transparent url(../images/grayNotificationBoxLeft.png) no-repeat scroll left top!important; float:left; margin-left:0px!important; padding:0 0 0 6px;}
li.notificationGray span {background:transparent url(../images/grayNotificationBoxRight.png) no-repeat scroll right 0; border:medium none; color:#FFFFFF; display:block; float:left; font-size:16px; font-weight:bold; padding:7px 14px 8px 8px; text-decoration:none;}
/****** rating *********/
.ratingSmall {width: 136px;}
.ratingSmall .rating05, .ratingSmall .rating1, .ratingSmall .rating15, .ratingSmall .rating2, .ratingSmall .rating25, .ratingSmall .rating3, .ratingSmall .rating35, .ratingSmall .rating4, .ratingSmall .rating45, .ratingSmall .rating5 {width: 133px; height: 34px; position: relative; top: 36px!important; left: 0px!important;}
.rating {width: 250px;}
.rating05, .rating1, .rating15, .rating2, .rating25, .rating3, .rating35, .rating4, .rating45, .rating5 {width: 133px; height: 34px; position: relative; top: 36px!important; left: 49px!important;}
.rating05 {background: url(../images/imageSprite.png) -1020px -642px no-repeat;}
.rating1 {background: url(../images/imageSprite.png) -1020px -682px no-repeat;}
.rating15 {background: url(../images/imageSprite.png) -1020px -715px no-repeat;}
.rating2 {background: url(../images/imageSprite.png) -1020px -759px no-repeat;}
.rating25 {background: url(../images/imageSprite.png) -1020px -797px no-repeat;}
.rating3 {background: url(../images/imageSprite.png) -1020px -837px no-repeat;}
.rating35 {background: url(../images/imageSprite.png) -1020px -878px no-repeat;}
.rating4 {background: url(../images/imageSprite.png) -1020px -916px no-repeat;}
.rating45 {background: url(../images/imageSprite.png) -1020px -956px no-repeat;}
.rating5 {background: url(../images/imageSprite.png) -1020px -996px no-repeat;}
/****** hollywood *********/
.headerholly {background: url(../images/headerHolly.png) no-repeat !important;}
.infoHollywood {height:201px !important; background:none;}
body#start #navigationInfo p.hollywood {font-size:14px; line-height:1.2em; width:376px;}
body#start #navigationInfo h1.hollywood {font-size: 20px; margin-top:12px;}
body#start #navigationInfo .sliderHollywood {background: url(../images/sliderHollywood.png) no-repeat; width:509px; height:201px;}
input.hollywood {border:2px solid #9ECB68; color:#9C9B9B; font-size:18px; height:28px; margin-right:15px; margin-top:3px; padding-left:10px; width:190px;}
a.twitterHollywood {background: url(../images/twitter.png) no-repeat left; color:#59ccff; padding: 5px 0 5px 20px;}
.postit {left:198px; position:relative; top:6px; z-index:255;}
.navigationHollywood {margin-top:10px !important;}
.navigationHollywood .active {color: #ff7500 !important;}
.hollyGreen {color: #89b200;}
.hollyGreen a {color: #89b200;}
#footerHolly {height: 100px; width:100%; background: #F6F6F6; margin-top:20px;}
#footerHolly p {color:#666b71; margin:0;}
ul.worksSideBar {margin-left:-40px;}
ul.worksSideBar li.first {margin:10px 0 10px 0;}
ul.worksSideBar li {width:210px; margin:17px 0;}
ul.worksSideBar li a {background: url(../images/helpArrow.png) no-repeat right; color:#9ECB68; display:block; font-size:16px; font-weight:bold; margin-left:8px; padding-right:17px; text-decoration:none; width:185px !important;}
ul.worksSideBar a:hover {color:#FF5A00;}
ul.worksSideBar li a.active:hover {color:#FF5A00;}
ul.worksSideBar li.orange {background:#f7f7f8; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; width:100%; height:17px; padding:10px 0 10px 0px; margin:130px 0 100px 0;}
ul.worksSideBar li.orange a {color:#FF5A00; background:url(../images/imageSprite.png) no-repeat -195px -2441px; padding-right:17px;}
/*ul.worksSideBar li a.active {color:#9ECB68; -moz-border-radius-bottomleft:7px; -moz-border-radius-topleft:7px; background:url(../images/imageSprite.png) no-repeat scroll -460px -2447px #E8F3E2; height:17px; margin-left:0; padding:10px; width:212px !important;}*/
ul.worksSideBar li a.active {color:#9ECB68; background:url(../images/helpArrowActive.png) no-repeat scroll #E8F3E2; height:17px; margin-left:0; padding:10px; width:212px !important;}
ol.donateProzess {width:100%; margin-left:-40px; margin-top:20px;}
ol.donateProzess li.first {background: url(../images/imageSprite.png) no-repeat -1020px -2586px; height:48px; padding-left:64px; padding-top:12px; width:100%; color:#666666;}
ol.donateProzess li.second {background: url(../images/imageSprite.png) no-repeat -1020px -2667px; height:48px; padding-left:64px; padding-top:12px; width:100%; color:#666666;}
ol.donateProzess li.third {background: url(../images/imageSprite.png) no-repeat -1020px -2747px; height:73px; padding-left:64px; padding-top:12px; width:100%; color:#666666;}
ol.donateProzess li.thirdStep {background: url(../images/step3.png) no-repeat; height:73px; padding-left:64px; padding-top:12px; width:100%; color:#666666;}
.footer, .push {height: 15em; clear: both;}
#footer {background:url("../images/footerLineBack.png") no-repeat scroll center -1px #F8F8F8;}
.footerImage {background:url("../images/footerImg.png") no-repeat scroll center 0 transparent; height:156px;}
#footer p {color: #666b71; margin:0 !important;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer .help {margin:96px 0 0 !important;}
#footer .help p {color: #89b200;}
#footer .help a {color: #89b200;}
#footer .copyright {margin:96px 0 0 !important;}
.geemondoGray {bottom:4px; margin-right:8px; position:relative;}
#footer .footernavi {margin:96px 0 0 !important;}
#footer ul li {display: inline; margin-left: 10px;}
#footer ul li a.darkBlue {color: #1076be;}
#footer ul li a.lightBlue {color: #37abc6;}
#footer ul li a.orange {color: #ff5a00;}
#footer ul li a.darkRed {color: #af0001;}
#footer ul li a.green {color: #89b200;}
/****** misc *********/
.linecss {background:#848484; -moz-border-radius: 7px; -webkit-border-radius: 7px; width:100%; height:4px;}
.linecssLight {background:#f4f4f3; -moz-border-radius: 7px; -webkit-border-radius: 7px; width:100%; height:4px;}
.linecss hr, .linecssLight hr {display: none;}
.line {border: none; width: 100%; height: 4px; display: block;}
.line span {padding: 4px; position: relative; top:4px; height: 4px;}
.line.gray {background: url(../images/lineRight.png) no-repeat scroll right top;}
.line.gray span {background: url(../images/lineLeft.png) no-repeat scroll left top;}
.line.green {background: url(../images/lineRightGreen.png) no-repeat scroll right top;}
.line.green span {background: url(../images/lineLeftGreen.png) no-repeat scroll left top;}
.gray hr, .green hr {display: none;}
hr {background-color:#d4d4d4; color:#d4d4d4; border: none; height: 1px;}
.table .line.gray, .left .line.gray {margin-bottom:10px;}
.lightGray {color:#a19e9a!important;}
.noPic {background: url(../images/imageSprite.png) 0 0 no-repeat; height:92px; width:81px; margin:10px;}
.strong {font-weight: bold;}
.left {float: left;}
.right {float: right;}
.replaced {display:block; font-size: 0; line-height:0; text-indent:-9999px;}
.hide {display: none;}
.nomarginright {margin-right: 0px!important;}
.noBorder {border: none!important;}
.clear {clear: both;}
.clearfix:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix {display:inline-block;}
* html .clearfix{height:1%}.clearfix{display:block;}
/****** overview *********/
textarea.overview {width: 920px; height: 50px; padding: 5px;}