/*
 * CSS Doc for Uniqa24 resumptions
 * v. 1.02 r. 07/05/2013 @ ad
 */
/** HTML Objects **/

body{margin: 0; padding: 0; background: #e1e0e0; color:#333; font-family: Arial, Tahoma, sans-serif; font-size: 90%;}
body.editmode {margin-left: 30px;}

a {color: #005ea8;}
img {border: 0;}
p {margin: 1em 0 !important;}

h1, h2 {line-height: 1.1em;}

/** Classes **/

.navi {list-style-type: none;}
.navi li {float: left;}
.none {display: none}
.right {float: right}
.left {float: left}
.blue {color: #005ea8;}
.red {color: red;}
.up {text-transform: uppercase;}

table.default {width: 100%; border-spacing: 4px; border-bottom: 1px solid #d8eeff;}
table.default td {padding: 2px 4px; font-weight: bold;}
table.default tr.head td {background: #d8eeff; font-weight: normal;}

/** Layout Layers **/

#content h1 {margin: 0 0 9px; padding: 0; font-size: 120%;}
#summary {float: right; max-width: 50%; width: 30%; margin: 10px 0; padding: 20px; background: #d8eeff; border: 2px solid #999;}
#summary h1 {font-size: 150%; border-bottom: 1px solid #999;}
#summary table td {font-size: 150%; font-weight: bold;}

ul.errorMessage {list-style: none; margin: 0 0 0 58px;}
#loginForm ul.errorMessage {margin: 5px 0; padding: 0; background: #ffe8e8; font: normal 11px/1.27 Tahoma, sans-serif; color: #f00; text-align: center;}
#loginForm ul.errorMessage li {padding: 3px 0;}

#mama{}
#top{height:100px;background:transparent url(../img/bg-header.png) -2px 0 no-repeat;margin:0;overflow:show}
#top.home{height:100px;}
#logo{margin-left:15px;position:absolute;z-index:100;}
hr {background: url(../img/hr_bg.png); height: 2px; border: none;}

#topnav{float:left;position:relative;width:705px;z-index:99;}
#topnav ul{margin:57px 0px 0 0;position: absolute;right: 0px;padding: 0;width: auto;}
#topnav ul li{position: relative;padding:0px 20px;margin-left:1px;background:transparent url(../img/bg-nav-inactive.gif) left top repeat-x;width:auto;}
#topnav ul li.first{padding:0px;margin-left:0px;}
#topnav ul li.first a{padding-left:26px;background:transparent url(../img/bg-home.png) center 0px no-repeat;}
#topnav ul li.first a:hover{padding-left:26px;background:transparent url(../img/bg-home-hover.png) center 0px no-repeat;}
#topnav ul li.activehome a{padding-left:26px;background:transparent url(../img/bg-home-hover.png) center 0px no-repeat;}
#topnav ul li.active,#topnav li:hover,#topnav ul li.first.active {background:transparent url(../img/bg-nav-active.gif) left top repeat-x;}
#topnav ul li a{color:#000000;text-decoration:none;line-height:23px;}
#topnav ul li.active a,#topnav li a:hover,#topnav li:hover a{color:#ffffff;text-decoration:none;}
#topnav ul.navi ul {z-index: 99;}
#topnav ul.navi ul {display: none;position: absolute;top: 23px;left: 0;margin: 0;padding: 8px 0 10px 0;background: #fff;list-style: none;width:200px;}
#topnav ul.navi ul li{width:150px;position:relative;padding:6px 0;background:transparent;margin:0;float:none !important;}
#topnav ul.navi ul li a{padding:0 0 0 8px;display: block;margin:0 0 0 12px;color:#535353;font-size:90%;line-height: 100%;}
#topnav ul.navi ul li.active>a,#topnav .navi ul li:hover a {margin:0 0 0 8px;color:#005ea8;border-left:4px solid #005ea8;}
#topnav .navi li ul{display:none;}
#topnav .navi li:hover ul{display:block;}

#middle{background:#e0e0e0;}
#content{float:left;line-height:140%;margin:0px;}
#content .textbox {margin: -20px 0 0; padding: 20px; border: 1px solid #999; background: #fff;}
#content .textbox ul.ac {list-style: none; margin: 1em 0; padding: 0.4em 0 0; clear: both;}
#content .textbox ul.ac li {margin-bottom: 4px; display: block;}
#content .textbox ul.oc {list-style: none; margin: 1em 0; padding: 0.4em 0 0; clear: both;}
img.oc {height: 345px;}
img.ac {height: 344px;}
span.bluebox {background: none no-repeat scroll 0 0 #005EA8; color: white; padding: 0 2px 0 4px;}
li.bluebox {background: url(../img/bluebox.png) no-repeat scroll 0 6px transparent; padding: 0 15px; }
li.blackbox {background: url(../img/blackbox.png) no-repeat scroll 0 6px transparent; padding: 0 15px;}
#regnumber {background: url(../img/regnr_bg.png) no-repeat scroll 0 0 transparent; border: none; width: 110px; padding: 4px; color:black;}
#markt, #vin {background: url(../img/mtv_bg.png) no-repeat scroll 0 0 transparent; border: none; padding: 4px; width: 227px; color:black;}
span.regnumber {float: left; display: block; font-size: 9px; padding-left: 16px;}
span.markt {float: left; display: block; font-size: 9px; padding-left: 100px;}
span.vin {display: block; font-size: 9px; padding-left: 80px;}
#info_left {position: relative; float:left; width: 330px; font-size: 10px; line-height: 120%; text-align: justify;}
#info_right {float: left; width: 330px; font-size: 10px; line-height: 120%; text-align: justify; margin-left: 8px;}
#uniqa_wz {position: absolute; bottom: 35px; left: -50px; height: 10px; width: 80px; line-height: 10px; font-size: 10px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
.ie8 #uniqa_wz {margin-left: 33px; margin-top: -50px; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=3.061616997868383e-16, M12=1, M21=-1, M22=3.061616997868383e-16, SizingMethod='auto expand')";}
#car {float: left;}

#content .textbox #buttons #buttonBack { background: url(../img/bg-nav-active.gif) repeat-x scroll left top transparent; border: none; color: white;  padding: 2px 20px; display: block; cursor: pointer; float: right; margin-left:10px;}
#content .textbox #buttons #buttonPrint { background: url(../img/bg-nav-active.gif) repeat-x scroll left top transparent; border: none; color: white; padding: 2px 20px; display: block; cursor: pointer; float: right;}

#right{float:right;margin:0 0 0 17px;width:232px;}
#right .box{padding-bottom:-10px; width:230px;border: 1px #999999 solid;background:#ffffff; margin:0 0 10px 0;}
#right .box h4 {color:#ffffff;text-align:center;font-size:100%;font-weight:normal;background:#005EA8;margin:1px;padding:2px 0;}
#right .box form#loginForm > div {margin:2px 0;}
#right .box form#loginForm p.descr {margin-bottom:0 !important;font-size: 9px;}
#right .box .inside .login, #right .box .inside .pass {width:116px;margin-left:0;padding:0 4px;border:1px solid #FFFFFF;color: #333333;font-size: 11px;height: 20px;background: url(../img/bg-search.gif) no-repeat scroll left top #E5E5E5;}
#right .box .inside label.label {display: inline-block; width: 80px; color:#005EA8; overflow: visible;}
#right .box .inside #log { background: url(../img/bg-nav-active.gif) repeat-x scroll left top transparent; border: none; color: white; margin:15px auto 10px; padding: 2px 20px; display: block; cursor: pointer;}
#right .box .inside #unlog { background: url(../img/bg-nav-active.gif) repeat-x scroll left top transparent; border: none; color: white; margin:15px auto 4px; padding: 2px 20px; display: block; cursor: pointer;}
#right .box .inside{color:#4a4a4a;font-size:80%;margin:0;padding:9px 10px 5px 10px;/*background:#ffffff url(bg-boxinside.gif) bottom right no-repeat;*/}
#bottom{border: 1px #999999 solid; background:#ffffff; margin-top:6px;}
#footer{color:#ffffff;background:#005EA8 url(../img/bg-footer.jpg) left top no-repeat;border-top:1px solid #999999;margin:1px;padding:10px 20px; height: 14px; font-size: 14px; line-height: 14px;}
#footer p {margin: 0 !important;}
#footer a {color: inherit;}
#bottomnav{float:right;text-align:right;font-size:90%;width:550px;}
#bottomnav ul{margin:0px;padding:0px;float:right;}
#bottomnav li{padding:0px 2px;float:left;}
#bottomnav li a{color:#ffffff;}

/* --------------------- do 480px ----------------- */
@media only screen and (max-width: 480px) {
	#content img {display: none;}
	.container_24 {width: 477px !important;margin-left: 0px !important;}
	#bottom {width: 477px !important;}
	#right {float: none; margin: 0 auto; display: block;}
	#right .box .inside .login, #right .box .inside .pass {width: 168px;}
	#content .textbox {width: 437px;overflow : hidden;}
	#info_right {margin-left: 0px !important; margin-top: 10px !important;}
	#content .textbox ul.ac li {margin-bottom: 4px; display: inline-block !important;}
}

/* --------------------- od 480px do 800px -------------------- */
@media only screen and (min-width: 481px) and (max-width: 800px) {
	#content img {display: none;}
	.container_24 {width: 797px !important;}
	#bottom {width: 797px !improtant;}
	#right {float: none; margin: 0 auto; display: block;}
	#right .box .inside .login, #right .box .inside .pass {width: 168px;}
	#content .textbox {width: 757px;overflow : hidden;}
}

/* --------------------- ie7 styles ------------------------ */
.ie7 #right .box .inside span.label {position: relative; top: -4px;}
.ie7 #right .box .inside #log {width: 130px; margin-left: 37px;}
.ie7 #footer {padding-top: 5px; padding-bottom: 5px;}
.ie7 #content .textbox ul {list-style: none; margin: 0;}
.ie7 #right .box .inside #unlog {background: url(../img/bg-nav-active.gif) repeat-x scroll left top transparent; border: none; color: white; margin-left: 12px !important; padding: 2px 20px; cursor: pointer;}
.ie7 hr {background: none;}
.ie7 #content .textbox ul.ac {list-style: none; margin-left: 0 !important; margin-top: 50px;}
.ie7 #content .textbox ul.oc {list-style: none; margin-left: 0; text-indent: 0 !important; padding: 0 0 10px 0;}

/* --------------------- ie8 styles ------------------------ */
.ie8 #right .box .inside span.label {position: relative; top: 4px;}
.ie8 #right .box .inside #log {margin-left: 42px;}
.ie8 #right .box .inside #unlog {width: 136px;}
.ie8 #content .textbox ul.ac {list-style: none; margin-left: 0 !important; margin-top: 50px;}
.ie8 #content .textbox ul.oc {list-style: none; margin-left: 0; text-indent: 0 !important; padding: 0 0 10px 0;}