#main .content{width:890px;}
div.colsmall{width:300px; position:relative;}

/*Design*/
h2.headline {border-radius:0; margin:4px;}
h3{padding:20px 0 20px; margin:0; font-size:26px; font-weight:normal; color:#00529e;}
h3.long{font-size:18px; padding:10px 0;}
div#mainbar.six{background-color: #ebeff7;}
.bigbox{background-color:#fff; margin:2px; border-radius:0; margin:4px; padding:10px;}
.button a, .button_aktiv a, .button_zurueck a, .button_weiter a, .button_zurueck_form_galerie a, .button_weiter_form_galerie a, .button_neu a {border-radius:0;}
#maincontainer .content input[type="submit"]{float:right; background:#bf0000;border-radius:0;
-webkit-box-shadow:0px 4px 0px 0px #800000;
-moz-box-shadow:0px 4px 0px 0px #800000;
box-shadow:0px 4px 0px 0px #800000;
border-radius:4px;
font-size:16px;
font-weight:normal;
height:28px;
padding:0 35px;}
#maincontainer .content input[type="submit"].order{padding:0 20px;}
#maincontainer .content input[type="submit"]:hover{background-color:#cb061b;}
#maincontainer .content input[type="submit"]:active{height:30px;box-shadow:0px 2px 0px 0px #800000;}
{height:29px;box-shadow:0px 3px 0px 0px #800000;}
.bigbox .bike, .bigbox .car{border-bottom:4px solid #ebeff7;}
div.thankyou p{margin:15px 0;}
div.thankyou div.thankyoutext{width:380px; margin-left:160px;}
div.linie{border-top:3px solid #ebeff7; margin:20px 0 15px;}

/*Verkaufen*/
#sell div.instype{border-bottom:1px solid #dde6f3; padding:15px 0;}
#sell div.instype img{float:left;}
#sell div.instype div{float:left; margin-left:20px;}
#sell div.instype div.desc{width:190px;}
#sell div.instype div a.button{margin-top:20px; display: block;}
#sell div.instype h2{border:0; padding-top:0;}
#sell a.nolink{cursor:default;}

.process-step {color:#00529e; width:177px; float:left; text-align:center; margin:0 0 50px; }
.process-step div.no, div.no {background-color:#00529e; color:#fff; font-weight:bold; text-align:center; font-size:18px; width:25px; height:20px; border-radius:13px; padding-top:5px; margin:10px 0 0 20px;}
.process-step img{clear: left;}
.process-step i.fa{font-size:80px;}
.process-step div.desc{font-size:14px; font-style: italic; text-align: center;}
.process-one{float:left; margin:10px 0 0 15px; position: relative; width:835px;}
.process-one input[type=radio]{margin:7px;}
.process-one h2{border:0; font-weight:bold; padding-top:25px;}
.process-one img{position:absolute; left:660px; top:90px;}
.process-one img.print{position:relative; left:0; top:0;}
.process-one ul{margin-left:38px;}
.process-one li{list-style-type:disc; padding:2px 0;}
.process-one div.zeitschrift{float:left; margin:10px 10px 0 10px;}
.process-one div.zeitschrift input[type=checkbox]{float:left; margin:5px 5px 0 0;}

#hint-newstart{padding:15px;background-color:#ebcb09; width:550px; margin-bottom:20px;}
#dealerhint{margin:150px 0 0 20px; padding:15px; background:#DDE6F3; width:260px; border:1px solid #00529e; float:left;}

/* Fortschrittsanzeige*/
.content div.progress4, .content div.progress5{height:53px; margin-bottom:30px; display:block;}
.content div.progress4 ul li, .content div.progress5 ul li{float:left; display: block; text-align:center; padding-top:30px; color:#00529e;}
.content div.progress4 ul li{width:222px;}
.content div.progress5 ul li{width:178px;}

.content div.active1v4{background:url("img/fortschritt-4.png") no-repeat 0 0;}
.content div.active2v4{background:url("img/fortschritt-4.png") no-repeat 0 -53px;}
.content div.active4v4{background:url("img/fortschritt-4.png") no-repeat 0 -106px;}
.content div.active5v4{background:url("img/fortschritt-4.png") no-repeat 0 -159px;}

.content div.active1v5{background:url("img/fortschritt-5.png") no-repeat 0 0;}
.content div.active2v5{background:url("img/fortschritt-5.png") no-repeat 0 -53px;}
.content div.active3v5{background:url("img/fortschritt-5.png") no-repeat 0 -106px;}
.content div.active4v5{background:url("img/fortschritt-5.png") no-repeat 0 -159px;}
.content div.active5v5{background:url("img/fortschritt-5.png") no-repeat 0 -212px;}

.content div.progress4 ul li a,
.content div.progress5 ul li a,
.content div.active5v5 ul li,
.content div.active5v4 ul li,
.content div.active1v4 ul li.step1,
.content div.active2v4 ul li.step2,
.content div.active4v4 ul li.step4,
.content div.active1v5 ul li.step1,
.content div.active2v5 ul li.step2,
.content div.active3v5 ul li.step3,
.content div.active4v5 ul li.step4{color:#fff;}

.content div.active1v4 ul li.step2 a,
.content div.active1v4 ul li.step3 a,
.content div.active1v4 ul li.step4 a,
.content div.active2v4 ul li.step3 a,
.content div.active2v4 ul li.step4 a,
.content div.active4v4 ul li.step4 a,
.content div.active1v5 ul li.step2 a,
.content div.active1v5 ul li.step3 a,
.content div.active1v5 ul li.step4 a,
.content div.active2v5 ul li.step3 a,
.content div.active2v5 ul li.step4 a,
.content div.active3v5 ul li.step4 a{color:#00529e;}

div.loginleft{float:left; width:70px;}
div#login .input-prepend span.add-on {display:block; float:left; width:10px; background:#ebeff7; padding:3px 3px 4px 5px; color:#00529e;}
div#login input:focus{border-left:3px solid #ebeff7;}
div#login{width:221px; float:left;}
div#login label {float:left; width:80px;}
div#login input{float:left; width:203px; height:20px; margin:0 0 3px;}
#maincontainer .content input[type="submit"].inlinebtn{float:right; background:#00529e; 
-webkit-box-shadow:0px 4px 0px 0px #023564;
-moz-box-shadow:0px 4px 0px 0px #023564;
box-shadow:0px 4px 0px 0px #023564;
border-radius:4px;
font-size:13px;
font-weight:normal;
border-color:#00529e;
height:24px;
padding:0 15px;
width:auto;}
#maincontainer .content div#login input[type="submit"]:hover{background-color:#1863a7; border-color:#1863a7;}
#maincontainer .content div#login input[type="submit"]:active{height:26px;box-shadow:0px 2px 0px 0px #023564;}

div.entry p.info{font-size:11px; margin-left:28px;}
div.entry.adchoice{margin-bottom:0;}
div.entry.adchoice input[type=radio]{width:25px; float:left;}
div.entry.adchoice .icon.single{padding-left:40px;}
div.entry.adchoice i.fa{font-size:45px; color:#00529e; margin:10px 0 3px;}
div.entry.adchoice i.fa-newspaper-o{transform:rotate(-9deg); margin-left:2px;}
div.entry.adchoicelabel label.single{width:135px;}
div.entry.adchoicelabel{text-align:center; margin-top:0; }

/*Formularbox*/
/* div.colwide {width: 580px;} */
div.colwide {width: 100%;}
div.box_container{border-radius:0; margin-bottom:5px;}
div.entry {float:left; margin:5px 12px 10px 0; width: 168px;}
div.size-s {width:60px;}
div.size-l {width:340px;}
div.entry select.half, div.entry input.half {float:left; width:82px;}
div.entry select.right, div.entry input.right {margin-left:4px;}
div.entry input.aside {width:25px;}
div.entry label.aside {display:inline;}
div.entry #agb {float:left; width:20px;}
div.entry #carinsprice {width:100px; text-align:right; float:left;}
div.entry label#kommanull {float:left; background-color:#ebeff7; color:#00529e; height:20px; font-size:13px; padding:3px 5px 0 0; margin-right:4px;}

/*Formularelemente*/
label {color:#666; display: block; padding: 0 0 3px;}
#cockpit label {display:inline;}
div.labelaside{margin:25px 0 0;}
textarea, select, input{
    border-radius:0;
    border:0;
    font-size: 13px;
    font-weight: normal;
    padding:2px;
    border-left:3px solid #ebeff7;
    color:#00529e;
    background-color:#ebeff7;
    width: 100%;
    padding:1px 5px;    
}
select{padding:0;}
textarea{padding:5px;}
input:focus, select:focus, textarea:focus{border-left:3px solid #00529e;}

.content input[type="text"], 
.content input[type="email"], 
.content input[type="tel"], 
.content input[type="password"], 
.content select {height:23px;}
.content select {
  -webkit-appearance: none;  /*Removes default chrome and safari style*/
  -moz-appearance: none; /* Removes Default Firefox style*/
  background: #ebeff7 url("img/form/select_arrow-grey.gif") no-repeat;  /*Adds background-image*/
  background-position: 150px 0;  /*Position of the background-image*/
  width: 170px; /*Width of select dropdown to give space for arrow image*/
  text-indent: 0.01px; /* Removes default arrow from firefox*/
  text-overflow: "";  /*Removes default arrow from firefox*/
  cursor: pointer;
  color:#00529e;
}
.content select.half {background-position:61px 0;}
.content select option{border:0; padding:1px 5px;}
div.checkbox input{
    background: transparent none repeat scroll 0 0;
    border: medium none;
    float: left;
    margin:2px 5px 0 0;
    width: 20px;
}
textarea#carins-comment{height:135px;}
textarea#carins-desc{height:100px;}
textarea[disabled="disabled"]{color:#777; background-color:#ddd; border-color:#ddd}

/*Bildupload*/
#imggroup #imggroupinner, ul#imagelist li{max-width:186px; float:left;}
#file-uploader ul.qq-upload-list{margin:0;}
#file-uploader ul.qq-upload-list li{list-style-type:none;}
#file-uploader .qq-upload-button, #file-uploader .qq-uploader .qq-upload-drop-area {background:#fff; border:2px dashed #bbb; color:#bbb; width:135px; height:101px; line-height:1.3em; font-size:14px; padding:5px; margin-right:33px;}
#file-uploader .qq-upload-button strong {font-size:70px; font-weight:bold; padding-top:25px; display: block; }
#file-uploader .qq-upload-button:hover {border:2px dotted #bbb;}
ul#imagelist li {display:block; position:relative; float:left; padding:5px; height:101px; width:135px; border:2px solid #ebeff7; margin:0 35px 20px 0; background-color:#fff;}
#imggroup ul.ui-sortable{cursor:move;}
ul#imagelist li a.icon {background-color:#ebeff7; display:block; position:absolute; left:147px; width:19px; height:24px;}
ul#imagelist li a i.fa{color:#00529e; margin:2px 0 0 2px; font-size:17px;}
ul#imagelist li a.star {top:-2px;}
ul#imagelist li a.trash {top:25px;}
ul#imagelist li:hover {border-color:#ebeff7;}
ul#imagelist li.active {border-color:#00529e;}
ul#imagelist li img {max-width:135px; max-height:101px; }
#dprogress{display:none;}

/*Dropdown Farben*/
select#carinscolorid option {background-position:5px; background-repeat: no-repeat; padding-left:20px;}
select#carinscolorid option.color   {background-image: url("img/color/beliebig.gif");}
select#carinscolorid option.color1  {background-image: url("img/color/blau.gif");}
select#carinscolorid option.color2  {background-image: url("img/color/silber.gif");}
select#carinscolorid option.color3  {background-image: url("img/color/grau.gif");}
select#carinscolorid option.color4  {background-image: url("img/color/schwarz.gif");}
select#carinscolorid option.color5  {background-image: url("img/color/rot.gif");}
select#carinscolorid option.color6  {background-image: url("img/color/gelb.gif");}
select#carinscolorid option.color7  {background-image: url("img/color/gruen.gif");}
select#carinscolorid option.color8  {background-image: url("img/color/weiss.gif");}
select#carinscolorid option.color9  {background-image: url("img/color/gold.gif");}
select#carinscolorid option.color15 {background-image: url("img/color/violett.gif");}
select#carinscolorid option.color16 {background-image: url("img/color/orange.gif");}
select#carinscolorid option.color19 {background-image: url("img/color/braun.gif");}

/*Error message
 .content input:focus:invalid, .content input:required:invalid, .content select:focus:invalid, .content select:required:invalid{
  box-shadow:none;
  color:#bf0000;
  background-color:#f8e5e5;
  border:#f8e5e5;
  border-bottom:2px solid #bf0000;
}
.content select:focus:required:invalid {
background-image:url("img/form/select_arrow-invalid.gif")}*/

#scrollbox h1{margin-bottom:0;}
.gray{padding:35px 0 0;}
#printnotice {
    border-top:none;
    padding-top:5px;
    color: #666;
    font-size: 11px;
    line-height: 1.3em;
    margin:-20px 0 20px;
}

div.col {float: left;}
div.cols1 {width: 160px;}
div.cols2 {width: 364px;}

ul.hint{ font-size: 11px;}
ul.hint li {padding: 0 0 2px; list-style-type: circle; margin-left: 10px; padding:3px 0 0;}

div.securityhint {margin-top:48px;}
.textcounter{padding:2px 0 0;}

div#help {width:275px;}
div#help div {width:275px; line-height:1.5em; padding:5px 15px 25px;}
div#help strong{color:#00529e; font-size:16px; line-height:1.5em;}

/*Bezahlung*/
table.payment {width:100%; margin-top:20px;}
table.payment tr td{border-top:1px dashed #ebeff7; padding:10px 0; color:#666;}
table.payment tr td h3.headline{padding:0 0 5px;}
table.payment td.row1{vertical-align:top; width:100px; padding-right:20px;}
table.payment td.row2{width:300px;}
table.payment td.row3{padding-top:50px; text-align:right;}

#micropayment {margin-top:0px;}
#micropayment ul {float:left;}

/*Preview*/  
div.colsmall div.sticky-top{position:fixed; top:230px; width:300px;}  
div.colsmall div.sticky-top h1{margin-bottom:0;}
/*alle übergeordneten Divs auf Höhe 100% setzen
html, body, div.colsmall.right, div#sell.content, div#maincontainer, div#main, div.wrapper, div#top{height:100%;}*/
div.colsmall div.sticky-bottom{position:absolute; bottom:0;}  

div#price{margin-top:40px;}
.colsmall div.mwst{font-size:11px; color:#666; padding-bottom:0;}
div#printpreview{margin-left:25px; width:254px;}
div#prev-rubrik {padding:5px;border:1px dotted #000;margin-bottom:10px;text-align:center;color:#DE140A;font-weight:bold; font-size:16px;}
div#prev-inserat{border:1px solid #fff;}
div#prev-img img {display:block; margin:0; width:252px; border:0;}
div.prev-txt {
  font-size:13px;
  line-height:1.2em;
  text-align:justify;
  padding-top:5px;
}
div#prev-inserat.rahmen{border:1px solid #000;}
div#prev-inserat.rahmen div.prev-txt{padding:7px;}
div#prev-inserat.fond{border:1px solid #000;background-color:#ffffaa;}


/* Zeitschriften */
table.kombi {border-top:1px dashed #ebeff7; margin:15px 0; width:543px;}
table.kombi td {border-bottom:1px dashed #ebeff7; height: 62px; line-height:1.5; vertical-align:middle;}
table.kombi td strong {color: #333;}
table.kombi td.col1{width:25px; padding:0 10px;}
table.kombi td.col2{width:165px;}
table.kombi td.col3{width:140px;}
table.kombi td.col5{width:75px; text-align:right; padding-right:20px; font-size:11px; font-weight:bold; }
table.kombi tr.active td {background-color:#EBEFF7;}
table.kombi td.col2 span {  
  background: url(img/ams/magazine_logos.png) no-repeat 0 0;
  display: block;
  height: 24px;
  position: relative;
  width: 145px;
}
table.kombi td.col2 span.logo1 {background-position: 0 -26px;}
table.kombi td.col2 span.logo2 {background-position: 0 -51px;}
table.kombi td.col2 span.logo3 {background-position: 0 -74px;}
table.kombi td.col2 span.logo4 {background-position: 0 -136px;}
table.kombi td.col2 span.logo5 {background-position: 0 -100px; height:35px;}

/*Info-Tooltip*/
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active {position: relative;}
a.tooltip span {display:none;}
a.tooltip:hover span {
  display: block;
  position: absolute; 
  top:-10px; 
  left:30px; 
  width:230px;
  z-index:100;
  color:#666; 
  background: #EBEFF7;
  font-size:11px; 
  font-weight:normal;
  text-align:left;
  padding:5px;
  -webkit-box-shadow: 1px 1px 1px 2px #ddd;
  -moz-box-shadow:1px 1px 1px 2px #ddd;
  box-shadow:1px 1px 1px 2px #ddd;
}
a.tooltip:hover span strong{font-weight:bold; color:#666; padding-top:10px;}
a.tooltip:hover span div{padding-bottom:10px;}
a.back{font-size:16px; margin-top:11px; display:block;}
a.back i.fa{padding-right:5px;}