﻿/*---
acquisition Stylesheetfile for ferienwohnung.com 
---*/
/*--- LAST EDIT 6.12.2011 ---*/

/*---  All
-------------------------------------------------------------------*/
#sleepingroom textarea,
#equipment textarea,
#beschreibungSport,
#beschreibungVerpflegung {
    clear: both;
    width: 700px;
}

.columnsmall {
	float: left;
	padding: 0;
	width: 390px;
}





/*---  Allgemeines
-------------------------------------------------------------------*/
#art li {
    float: left;
    padding: 0 0px 0 0;
    width: 160px;   
}

#art input[type=radio] {
    height: 18px;
    margin: 0px 5px 0 0;
    vertical-align: middle;
}

#allgemein .column,
#standort .column {
    margin: 5px 60px 0 0;
    padding: 0 0 0 0;
    width: 330px;
    float: left;
}

#allgemein .hd,
#standort .hd {
	padding: 0 0 5px 0;
}

#allgemein li,
#standort li,
select li { margin-bottom: 5px; }

#allgemein label,
#standort label {
    width: 160px;
    display: inline-block;
}

#allgemein input,
#standort input { width: 154px; }

#standort select { width: 166px; }

#beschreibungUnterkunft {
    margin: 10px 0 0 0;
    width: 700px;
}

#mapHint {
	background: transparent url(../images/icon/icon_hint.gif) no-repeat 0 1px;
	margin: 53px 0 0 3px;
	padding: 0 0 0 17px;
}

#titel .error {
	margin-bottom: -8px;
}

#ueberschrift {
    margin: 10px 0 0 0;
    width: 700px;
}

#weblink input {
    position: relative;
    width: 700px;
    z-index: 2;
}


#weblink ul li { position: relative; }
#weblink ul li .mark {
	height: 16px;
	left: 8px;
	position: absolute;
	top: 4px;
	width: 210px;
	z-index: 200;
}

select {
    width: 142px;
}

#instruction { color: #777; font-size: 11px; }
#instruction p { padding: 0; }
#instruction .h_010 { height: 5px; }

/*---  Ausstattung
-------------------------------------------------------------------*/
 
#specialfeatures .column,
#equipment .column {
    float: left;
    width: 180px;
}

#specialfeatures .column li,
#equipment .column li {
    clear: both;
    float: left;
    width: 160px;
}

#specialfeatures input[type=radio],
#equipment input[type=checkbox] {
    height: 18px;
    margin: 0px 5px 0 0;
    vertical-align: middle;
}

/*---  Angebot und Lage
-------------------------------------------------------------------*/

#recreationoffer .wrapper,
#miscinfo .wrapper,
#location .wrapper {
float: left;
width: 180px;
clear: none;
}

#recreationoffer li,
#miscinfo li,
#location li {
    clear: both;
    float: left;
}

#miscinfo .wrapper ul li,
#location .wrapper ul li,
#recreationoffer .wrapper  ul li {
    width: 160px;
}

#recreationoffer input[type=checkbox],
#miscinfo input[type=checkbox],
#location input[type=checkbox] {
    height: 18px;
    margin: 0px 5px 0 0; 
    vertical-align: middle;
}

#entfernungen li {
width: 700px;
margin-bottom: 5px;
}

#entfernungen li .title span {
    float: left; 
    padding: 0 0 5px 0;
}

ul #entfernungen div {
    width: 180px;
    float: left;
}

#entfernungen li label {
    float: left;
    height: 22px;
    width: 180px;
}

#entfernungen li div {
    width: 180px;
}

#entfernungen li input[type=text] {
    width: 160px;
}

/*---  Saison & Preise
-------------------------------------------------------------------*/
#anreisetag {
	width: 144px;
}

#kaution {
    width: 140px;
}

.less {
	background: transparent url(../images/icon/icon_remove.gif) no-repeat 0 1px;
	padding: 0 0 0 20px;
	margin: 0;
}

#mindestmietdauer {
   margin: 0 4px 0 0;
}

#moreEntries {
	clear: both;
    display: list-item;
    height: 100%;
    width: 465px;
    margin-top: 10px;
    overflow: hidden;
}


#moreSeasons,
#lessSeasons,
#moreServices,
#lessServices { 
    display: block;
    width: 205px; 
    float: left; 
    }

#lessSeasons,
#lessServices { float: right; }

.more {
	background: transparent url(../images/icon/icon_add.gif) no-repeat 0 2px;
	padding: 0 0 0 20px;
	margin: 0;
}

#saisons li div,
#zusatzleistungen li div {
    float: left; 
}

#saisons .w_090,
#saisons .w_100, 
#saisons .w_250,
#zusatzleistungen .w_090,
#zusatzleistungen .w_100,
#zusatzleistungen .w_250 {
    margin: 0 10px 0 0;
}

#saison0,
#saison1,
#saison2,
#saison3,
#saison4,
#saison5,
#saison6,
#saison7,
#saison8,
#saison9,
#saison10,
#saison11,
#saison12,
#saison13,
#saison14,
#saison15,
#zusatzleistung1,
#zusatzleistung2,
#zusatzleistung3,
#zusatzleistung4,
#zusatzleistung5,
#details li {
    clear: both;
    display: list-item;
    margin-bottom: 5px;
    overflow: hidden;
}

#zusatzleistung1 { margin-top: 5px; }

#zusatzleistungen li {
    clear: both;
}

/*---  Bilder & Anhänge
-------------------------------------------------------------------*/
#previewDefault {
    background: #999;
    color: #fff;
    height: 210px;
    padding: 20px;
    margin: 0 0 10px 0;
}

#previewMedia {
padding: 0;
    margin: 0 0 10px 0;
}

#imagespage {
    width: 940px;      
}

.imagelist {
	padding: 0;
	margin: 0;
    width: 392px;
    float: left;
    }
    
.images_left {
    float: left;
    width: 440px;  
}    

.images_right {
    float: left;  
}

.previewbox {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 400px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

 .previewbox li {
    clear: both;
 }
 
 .previewbox .bd  {
 	text-align: left;
 }

#previewDelete {
    float: right;      
    width: 76px;
    padding: 0 0 5px 0; 
}
 
.preview label {
    padding: 5px 10px 0 0;
}

.preview input {
    float: right;
}

.sectionhead {
    height: 60px;  
}

.imgContainer {
	background: #fff;
	color: #000;	
	cursor: pointer;
	width: 80px;
	height: 55px;
	margin-bottom: 3px;
	padding: 5px;
    border: 1px solid #ccc;	
    text-align: center;		
    line-height: 50px;
    list-style: none;
}

.imgDescription {
	padding: 0 0 5px 3px;
    line-height: 12px;
    font-size: 11px;
}
	
.imgDescription .desc {
	width: 90px;
}
	
.pdfThumbnail,
.imgThumbnail {	
    margin:  0;
	padding: 0; 
    width: 80px;
    height: 55px;
}	
    	
.listenbild {
    border: 1px solid #ff6600;	
}   
    
.noImgContainer {
	background: #999;
	color: #fff;
	width: 80px;
	height: 55px;
	margin: 3px;
	padding: 5px;
    border: 1px solid #f1f1f1;	
    text-align: center;		
    line-height: 50px;
    list-style: none;
}     
    
.noImgDescription {
	padding-left: 3px;
    line-height: 15px;
}
	
.notSortable, 
.placeholder,
.sortable {
	margin: 0;
	padding: 0;	
	float:left;
	width: 98px;
	height: 91px;
    list-style-type: none;
    cursor: pointer;
}

.selected {
	background-color: #ff6600;	
}

.ul-sortable {
	margin: 4px;
	padding: 0;
	width: 80px;
	height: 65px;
    display: inline;
    list-style-type: none;
}


/*---  Anmeldung
-------------------------------------------------------------------*/
#login li {}

#login .column {
    margin: 0 60px 0 0;
    padding: 0 0 0 0;
    width: 330px;
}

#login label {
    width: 160px;
}


/*---  Laufzeit & Sonderwerbeformen
-------------------------------------------------------------------*/
#completePrice {
	float: right;
	margin: 0;
	padding: 0;
}

#laufzeit input[type="radio"] {
	height: 18px;
	margin: 0 5px 0 0;
    vertical-align: middle;
}

#laufzeit table {
	width: 850px;
}

#laufzeit .preis label {
	float: right;
}

#preis ul.w_550 { width: 850px; font-weight: bold; }

#vorschau .icon_preview {
	background: transparent url(../images/icon/icon_preview.gif) no-repeat;
	margin: 0;
	padding: 0 20px 0 19px;
}

#vorschau .quickPreview {
	background-repeat: no-repeat;
	border: 0 none;
	margin: 0;
}

#partnerSelect ul li {
	clear: both;
	line-height: 18px;
	padding: 0;
	width: 200px;
}

#partnerSelect input[type="radio"] {
	height: 18px;
	margin: 0 5px 0 0;
}

#preis .gesamtpreis {
	float: left;
	padding: 0;
	width: 180px;
}

/*---  Zusätzliche Angaben aus fewoanzeigen_screen.V4.css für confirmation.aspx
-------------------------------------------------------------------*/
.box_container {
    background-image: url(../images/pageelement/bg_auth.jpg);
    background-repeat: repeat-y;
    margin: 0;
    padding: 0;
    width: 700px;
}

.box_form {
    background-image: url(../images/pageelement/bg_top_auth.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

.box_form_inner {
    background-image: url(../images/pageelement/bg_bottom_auth.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

.box_form_inhalt {
    margin: 0 15px 15px;
}

.spacer_01 {
    clear: both;
    font-size: 0;
    height: 1px;
    line-height: 0;
    margin: 0;
    padding: 0;
}

h2 {
    font-size: 15px;
    margin: 0;
    padding: 6px 0;
}

.h_10 {
    height: 10px;
}

.h_00, .h_01, .h_02, .h_05, .h_08, .h_10, .h_20, .h_30, .h_50, .h_75, .h_100, .h_130, .h_140, .h_197, .h_255, .h_400 {
    clear: both;
}

.w_25 ul {
    list-style-type: none;
    padding: 10px 0;
}

.liste li {
    background: url(../images/icon/icon_list.gif) no-repeat scroll 0 3px transparent;
    line-height: 25px;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 23px;
}

.w_25 ul.buttons {
    margin: 0;
    padding: 0 0 20px;
}

ul.buttons {
    float: right;
    height: 25px;
    margin: 0;
    padding: 10px 10px 0 0;
}

.buttons li {
    float: left;
    line-height: 15px;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 10px;
}

a.button_03 {
    background: url(../images/module/module_button_02_li.jpg) no-repeat scroll left top transparent;
	color: #000;   
    float: left;
    height: 25px;
    margin-left: 15px;
    text-decoration: none;
}

a.button_03 span {
    background: url(../images/module/module_button_02_re.jpg) no-repeat scroll right top transparent;
	color: #666;
	cursor: pointer;
	float: left;   
    height: 25px;
    line-height: 23px;
    margin: 0;
    padding: 0 15px;
    text-decoration: none;
}
