@charset "UTF-8";
html, body{height:100%; margin:0; padding:0}
body, a, p, div, input, select, textarea{font-family: "Trebuchet MS", Georgia, Times, serif; font-size: 10pt; color:#036}
body {background:#333; min-height:100%; height:auto !important; position:relative}

a, p, li, ul, body {line-height: 125%}

a {font-size:100%; color:#09C; text-decoration: underline; outline:none}
a:hover {color: #6CF}
a:aktiv {text-decoration: none}

ul {margin: 5px; padding-left:20px}

h1, h2, h3 {color:#39f; margin:5px 0 10px 0}

/* Tags for min-width */
.width { width:100%; min-width:1000px; height:100% }
* html .minwidth { padding-left:1000px }
* html .container { margin-left:-1000px;position:relative }
* html .minwidth, * html .container, * html #content, * html .layout {height:1px}

div.noscript { text-align:center; width:1000px; padding-bottom:10px; color:#C00; font-weight:bold}

#top {background:url(/img/backgrounds/top.jpg) top left no-repeat; width:100%; height:450px}
#middle {background:url(/img/backgrounds/middle.jpg) top left no-repeat; width:100%; height:253px}
#bottom {background:url(/img/backgrounds/bottom.jpg) top left no-repeat; width:100%; height:197px}

#menu a, #menu1 a {position:absolute; display:block; text-indent:-9999px; text-align:left; background: no-repeat}
	
#menu a.logo {top:23px; left:105px; width:255px; height:77px; background-image:url(../img/menu-elements/logo.png)}
#menu a.billboard {top:190px; left:278px; width:270px; height:135px; background-image:url(../img/menu-elements/billboard.jpg)}
#menu a.autoankauf {top:290px; left:722px; width:136px; height:50px; background-image:url(../img/menu-elements/autoankauf.png)}
#menu a.verkauf {top:357px; left:722px; width:97px; height:40px; background-image:url(../img/menu-elements/verkauf.png)}
#menu a.service {top:308px; left:623px; width:77px; height:40px; background-image:url(../img/menu-elements/service.png)}
#menu a.kontakt {top:389px; left:612px; width:98px; height:38px; background-image:url(../img/menu-elements/kontakt.png)}
#menu a.post {top:470px; left:55px; width:100px; height:120px; background-image:url(../img/menu-elements/post.png)}

#menu1 a.service {top:300px; left:10px; width:250px; height:80px}
#menu1 a.verkauf {top:430px; left:460px; width:520px; height:80px}

#content { position:absolute; top:50%; left:-900px; margin:-310px 0 0 -450px; width:900px}
#content a.close {margin: -10px 0 15px 0; display:block; text-align:right; text-decoration:none; font-size:105%}
#contentBox {height:500px; overflow:auto}

#topBox{width:98%; height:25px; position:relative; text-align:right; z-index:15}
#topBox a {display:inline-block; width:14px; height:16px; margin: 0 2px 0 2px; background: center no-repeat; text-decoration:none; text-indent:-9999px; text-align:left}
#topBox a.language {padding: 1px 22px 1px 0; width:auto; height:15px; color:#d60c07; font-size:85%;  background: right no-repeat; margin-left:5px}
#topBox a.language:hover {text-decoration:underline}
#topBox a.russian { background-image:url(../img/flags/ru.png)}
#topBox a.german { background-image:url(../img/flags/de.png)}
#topBox a.home {background-image:url(../img/ok-cms/topBox/home.png)}
#topBox a.kontakt {background-image:url(../img/ok-cms/topBox/mail.png)}
#topBox a.print {background-image:url(../img/ok-cms/topBox/print.png)}
#topBox a.sitemap {background-image:url(../img/ok-cms/topBox/map.png)}
/*
#topBox a.login {background-image:url(../img/ok-cms/topBox/key.png)}
#topBox a.logout {background-image:url(../img/ok-cms/topBox/key1.png)}
*/
input.rounded, textarea.rounded, select.rounded, div.inputFile {background:#c5c5c5; border:none; width:100%; font-size:85%; color:#333}
textarea.rounded {overflow:auto}
label.radio {font-size:85%}
input.radio { margin:2px; $vertical-align:text-bottom }
label.checkbox {font-size:85%; margin-top:3px}
input.checkbox { margin:2px; $vertical-align:text-bottom }

.footer {color:#999; font-size:80%; margin-top:-25px; text-align:center}
.footer a {color:#999; text-decoration:none}

div.inputFile {padding-top:2px; color:#d60c07; background:url(../img/buttons/select-file.png) right no-repeat}
div.fakefile {position: absolute; top: 0px; left: 0px; height:20px; z-index: 1; width:100%}
input.file { position: absolute; left: 100%; margin-left:-30px; width:30px; height:30px; background:none; border:none; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index: 2; cursor: pointer; }

select.rounded {height:18px; $height:20px; margin-top:1px; $margin-top:-1px; border-right: 1px solid #9cf; $font-size:80%}

div.inputClear {height:20px; clear:both}

div.inputLeft {background: url(../img/form/input-bg.png) left no-repeat; padding: 2px 0 0 5px; margin-right:5px; height:20px}
div.inputRight {height:22px; vertical-align:middle; background: url(../img/form/inputRight-bg.png) bottom right no-repeat; position: relative}

a.aButton {text-align:center; color:#fff; font-weight:bold; font-size:11px; text-decoration:none; width:100%; padding:0 6px 0 1px; display:block}
div.aButtonLeft {background: url(../img/form/button-bg.png) left no-repeat; padding: 2px 0 0 5px; margin-right:5px; height:16px}
div.aButtonRight {height:18px; vertical-align:middle; background: url(../img/form/buttonRight-bg.png) bottom right no-repeat; position:relative; display:inline-block}

div.textArea_TopRight, div.textArea_BottomRight{height:6px; background: top right no-repeat}
div.textArea_TopRight{background-image: url(../img/form/textArea_topRight.png)}
div.textArea_BottomRight{background-image: url(../img/form/textArea_bottomRight.png)}

div.textArea_TopLeft, div.textArea_BottomLeft{height:6px; position:relative; background: top left no-repeat; padding: 0 5px 0 5px; margin-right: 5px}
div.textArea_TopLeft{background-image: url(../img/form/textArea_topLeft.png)}
div.textArea_BottomLeft{background-image: url(../img/form/textArea_bottomLeft.png)}

div.textArea_Left{background: #fce38e url(../img/form/textArea_Left.png) left repeat-y; padding-left:5px; margin-right: 5px}
div.textArea_Right{background: url(../img/form/textArea_Right.png) right repeat-y}

input.button {color:#fff; width:100%; margin-top:-1px; background:none; text-align:center; border: none; cursor:pointer; font-size:11px; font-weight:bold; letter-spacing:0.05em}

.infoBox {margin-bottom:10px; text-align:left; max-width:1100px; position:relative; clear:both}
.infoBoxContents {}
.infoBoxContentsLeft {background: url(../img/infobox/contents_left.png) left repeat-y; height:100%; padding-left:16px}
.infoBoxContentsBox {background: url(../img/infobox/contents_bg.png) right repeat-y; padding:5px 25px 5px 5px;}
.infoBoxHeadingLeft  {background: url(../img/infobox/header_left.png) left top no-repeat; height:15px; padding-left:15px}
.infoBoxHeadingRight {background: url(../img/infobox/header_bg.png) right top no-repeat; height:16px}
.infoBoxFooterRight {background: url(../img/infobox/footer_bg.png) right no-repeat; height:15px}
.infoBoxFooterLeft {background: url(../img/infobox/footer_left.png) left no-repeat; padding-left:15px}
h1.infoBoxHeading {font-variant:small-caps; text-transform:lowercase; font-size:100%; font-weight:bold; color:#9cf letter-spacing:0.05em; text-align:right; padding:0 5px 2px 7px; margin:-5px 0 12px 0}

div.formSubmitContainer {text-align:right; margin-top:15px}

#pageButtons {margin-top:20px; text-align:center; border-top: #bbb 1px dotted; clear:both}
#pageButtons a {text-transform: lowercase}
#pageButtons h2 {font-size:90%; padding:2px 7px 2px 7px; text-align:right; margin:0 0 5px 0; font-variant:small-caps; text-transform:lowercase; border-bottom: #d60c07 1px dotted; background:#fff0c3 }
#pageButtons ul {width:150px; height:80px; border: #d60c07 1px dotted; margin:7px 7px 7px 0; padding:0 0 5px 0; display: inline-block; $float: left; vertical-align: top; background:url(../img/backgrounds/page-button.png) bottom right no-repeat}
#pageButtons li {list-style:none; text-align:left; white-space:nowrap; font-size:85%; margin: 1px 5px 1px 10px}

#listTable {width:100%}
#listTable td, #listTable th {vertical-align:top; text-align:center; padding:5px; margin:0}
#listTable td {border-bottom: #aaa 1px dotted}
#listTable th {font-weight:bold; color:#fff; background:#c50a06; padding:3px 5px 2px 5px; font-size:90%; border-right:#fff 1px solid}
#listTable tr:hover, #listTable tr.selected {background:#fff7c3}
#listTable tr.selected:hover {background:#ffffff}
#listTable h2 {font-size:100%; padding:0; margin:0 0 5px 0;}

div.answer {text-align:left; font-size:85%; margin:5px 0 0 10px}
blockquote {padding:0; margin:5px}

q, blockquote.reply {margin: 5px 10px 5px 0; background:#fff7c3; padding:5px; border:#ccc 1px solid; display:block}
div.quote {font-size:80%; font-weight:bold; padding:5px 5px 5px 25px;  background: url(../img/symbols/quot.png) 5px 5px no-repeat; }

#topButtonBar {padding:5px; font-size:85%;}
#topButtonBar a {margin-right:10px}

#selectPage {text-align:center; font-size:85%; border-top: #bbb 1px dotted; margin-top:5px; padding-top:5px}
#selectPage a {padding:2px}
#selectPage a:hover {text-decoration:underline}
#selectPage span.inactive {color:#999}
#selectPage strong {font-size:120%; font-weight:normal}

#listBox {overflow:auto}
#listBox a {display:block; padding:5px; border-bottom:1px dotted}
#listBox a:hover { background:#feb}

#shortcutContainer {text-align:center}
#shortcutContainer a {display: -moz-inline-stack; display: inline-block;text-decoration:none; font-size:90%; margin:10px; width:150px; text-align:center; vertical-align:top}

#errorMessage {color:#d00; text-align:center; margin:2px}

.pageSelector {text-align:center}

.note {font-size:80%; padding:4px 2px 10px 2px; border-top: #999 1px dotted}
.error {color:#f30}
.marker {background:#feb}

ul.columns { margin: 0 0 0 20px; padding: 0;}
.columns li { display: -moz-inline-stack; display: inline-block; //display: inline; }
.columns a, .columns b { display: inline; word-spacing: normal; //display: inline-block; //filter: alpha(opacity=100); }
.columns a, .columns b, x:-moz-any-link { display:block; }
.columns a, .columns b, x:-moz-any-link, x:default { display: inline; }
.columns li, .columns a, .columns b { vertical-align: top; }
.columns li { margin: 0 10% 0.4em 0; //margin: 0; width: 40%; //width: auto; }
.columns a, .columns b { //margin: 0 10% 0.4em 0; //width: 40%; }
.columns ul { width: 100%; }