/* Sales Guide - Formular Styles */

/* Boxen für Formularelemente */
.div-form-select {
	padding: 14px;
}
.forminputrow {
	margin-bottom: 10px;
}

/* Formulare Allgemein */
form {
	margin: 0;
	padding: 0;
}
input, select, textarea, button {
	border: 1px solid #CECECE;
	font-size: 11px;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 1px;
	width: 200px;
}

button {
	background-color: #FFFFFF;
	width: auto;
	cursor: pointer;
}
label {
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*font-weight:bold;*/
	text-decoration:none;
}
fieldset {
	border: 0px dotted #000033;
	margin: 0;
	padding: 10px 0;
	clear: both;
}

legend {
	margin: 0 0 10px -6px !important;
	padding: 0 !important;
	font-weight:bold;
}	

html>body legend {
	border: 0px solid #FFFFFF !important;
	font-weight: bold;
	margin: 0 0 0 0 ;
	padding: 10px 0 0 0;
}

.forminputrow label {
	display: block;
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 10px;
	padding-top: 2px;
	font-weight: bold;
} 

.forminputrow input {
	display: block;
	width: 100px;
	float: left;
} 

.forminputrow-date {
	margin-bottom: 10px;
}

.forminputrow-date label {
	display: block;
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 10px;
	padding-top: 2px;
	font-weight: bold;
} 
.forminputrow-date input {
	width: 75px;
} 

input.cb {
	width: 15px;
	height: 15px;
	display: block;
	float: left;
	border: 0;
	margin-right: 3px;
}
label.cb, label.cbl {
	display: block;
	height: 15px;
	padding-top: 1px;
	width: 180px;
	float: left;
}
label.cbl {
	width: 180px;
	text-align: left;
}
.inputrows {
	margin: 0 0 10px 0;
	height: 15px; 
}
html>body .inputrows {
	height: auto;
	min-height: 20px;
}
.submit-red {
	border: 1px solid #FFFFFF;
	background-color: #CD3333;
	font-size: 11px;
	cursor: pointer;
}
input.formelement-200 {
	width: 198px;
}
select.formelement-200 {
	width: 203px;
	padding-left: 0;
	padding-right: 0;
}
.submit-search-red, .submit-search-send, .submit-login-orange, .submit-login-red {
	border: 0;
	font-size: 11px;
	line-height: 11px;
	cursor: pointer;
	padding: 0;
	margin: 0;
	height: 30px;
/*	background-color: #F77F0A;*/
	background-color: #a9a9a9;
	text-align: left;
}
.red-button-left, .red-button-right{
	width: 5px;
	height: 30px;
	font-size: 0;
	background: url(../img/buttons/button_grey_left.gif) no-repeat;
}
.red-button-right{
	background: url(../img/buttons/button_grey_right.gif) no-repeat;
}
.red-button-middle{
	height: 30px;
	overflow: hidden;
}
.submit-search-red div {
	height: 22px;
	padding: 8px 5px 0 25px;
	background: url(../img/buttons/magnifier_on_grey_bg.gif) no-repeat;
}
.submit-search-send div {
	height: 22px;
	padding: 8px 5px 0 25px;
	background: url(../img/buttons/arrows_on_orange_bg.gif) no-repeat;
}

.submit-login-orange {
	background-color: #A9A9A9;
}
.orange-button-left, .orange-button-right{
	width: 5px;
	height: 30px;
	font-size: 0;
	background: url(../img/buttons/button_grey_left.gif) no-repeat;
}
.orange-button-right{
	background: url(../img/buttons/button_grey_right.gif) no-repeat;
}
.orange-button-middle{
	height: 30px;
	overflow: hidden;
}
.submit-login-orange div, .submit-login-red div {
	height: 22px;
	padding: 8px 5px 0 25px;
	background: url(/templates/img/buttons/button_lock.gif) no-repeat;
}


.button-opera {
	padding-top: 8px;
}


/* .submit-search-red, .submit-search-send {
	border: 0;
	font-size: 11px;
	line-height: 11px;
	cursor: pointer;
	padding: 0;
	margin: 0;
	height: 30px;
	background-color: #F77F0A;
	text-align: left;
}
.submit-search-red, .submit-search-send, .submit-login-orange, .submit-login-red {
	width: 5px;
	height: 30px;
	font-size: 0;
	background: url(/templates/img/buttons/button_orange_left.gif) no-repeat;
}
.red-button-right{
	background: url(/templates/img/buttons/button_orange_right.gif) no-repeat;
}
.red-button-middle{
	height: 30px;
	overflow: hidden;
}
.submit-search-red div {
	height: 22px;
	padding: 8px 5px 0 25px;
	background: url(/templates/img/buttons/magnifier_on_orange_bg.gif) no-repeat;
}
.submit-search-send div {
	height: 22px;
	padding: 8px 5px 0 25px;
	background: url(/templates/img/buttons/arrows_on_red_bg.gif) no-repeat;
}

.submit-login-red {
	background-color: #CD3333;
}
.orange-button-left, .orange-button-right{
	width: 5px;
	height: 30px;
	font-size: 0;
	background: url(/templates/img/buttons/button_orange_left.gif) no-repeat;
}
.orange-button-right{
	background: url(/templates/img/buttons/button_orange_right.gif) no-repeat;
}
.orange-button-middle{
	height: 30px;
	overflow: hidden;
}
.submit-login-orange div, .submit-login-red div {
	height: 22px;
	padding: 8px 5px 0 25px;
	background: url(/templates/img/buttons/button_lock.gif) no-repeat;
}

.button-opera {
	padding-top: 8px;
} */
/* Reiter an Boxen */
.flag-box {
	height: 27px;
	background-image: url(/templates/img/forms/form_bg_top_line.gif);
	background-repeat: repeat-x;
	background-position:bottom;
}
.flag-box-nobg {
	height: 27px;
	/*margin-left:8px;*/
}
.flag {
	margin-right: 5px;
}
.flag a:link, .flag a:visited, .flag a:active, .flag a:hover {
	text-decoration: none;
	color: #333333;
}
.flag-left-a, .flag-right-a, .flag-left, .flag-right, 
.flag-left-lgreen-a, .flag-right-lgreen-a,
.flag-left-grey, .flag-right-grey,
.flag-offer-left, .flag-offer-right,
.flag-left-grey-a, .flag-right-grey-a,
.flag-left-grey-blue-a, .flag-right-grey-blue-a,
.flag-left-adsearch, .flag-right-adsearch,
.flag-left-adsearch-a, .flag-right-adsearch-a {
	width:	6px;
	height: 27px;
	background-image: url(/templates/img/buttons/flag-left-a.gif);
	background-repeat:no-repeat;
	float: left;
}
.flag-right-a {
	background-image: url(/templates/img/buttons/flag-right-a.gif);
}
.flag-left {
	background-image: url(/templates/img/buttons/sg24-flag-left.gif);
}
.flag-right {
	background-image: url(/templates/img/buttons/sg24-flag-right.gif);
}
.flag-left-lgreen-a, .flag-left-grey-a {
	/*background-image: url(/templates/img/buttons/sg24-flag-lblue-left-a.gif);*/
	background-image: url(../pics/bg_flag-left-a_greey.gif);
	
}
.flag-right-lgreen-a, .flag-right-grey-a {
	/* background-image: url(/templates/img/buttons/sg24-flag-lblue-right-a.gif);*/
	background-image: url(../pics/bg_flag-right-a_greey.gif);
}
.flag-left-grey {
	background-image: url(../img/buttons/sg24-flag-grey-left.gif);
}
.flag-right-grey {
	background-image: url(../img/buttons/sg24-flag-grey-right.gif);
}
.flag-offer-left {
	background-image: url(/templates/pics/sg24-flag-offer-box-left.gif);
}
.flag-offer-right {
	background-image: url(/templates/pics/sg24-flag-offer-box-right.gif);
}
.flag-left-grey-blue-a {
	background-image: url(/templates/img/buttons/sg24-flag-left-blue-a.gif);
}
.flag-right-grey-blue-a {
	background-image: url(/templates/img/buttons/sg24-flag-right-blue-a.gif);
}
.flag-left-adsearch {
	background-image: url(/templates/img/buttons/flag-left-adsearch.gif);
}
.flag-right-adsearch {
	background-image: url(/templates/img/buttons/flag-right-adsearch.gif);
}
.flag-left-adsearch-a {
	background-image: url(../img/buttons/flag-left-adsearch-a.gif);
}
.flag-right-adsearch-a {
	background-image: url(../img/buttons/flag-right-adsearch-a.gif);
}

.flag-middle, .flag-middle-grey, .flag-offer-middle, .flag-middle-grey-blue-a, .flag-middle-adsearch, .flag-middle-adsearch-a {
	background-image: url(/templates/img/buttons/sg24-flag-middle.gif);
	background-repeat: repeat-x;
	height: 27px;
	float:left;
}
.flag-middle-a {
	background-color: #FFFFFF;
	border-top: 1px solid #A8B5AE;
	float: left;
	height: 26px;
	padding-left: 4px;
	padding-right: 4px;
}
.flag-middle-lgreen-a, .flag-middle-grey-a {
	background-color: #f5f4f4;
	float: left;
	height: 27px;
	padding-left: 4px;
	padding-right: 4px;
}
.flag-middle-grey {
	background-image: url(/templates/img/buttons/flag-middle-grey.gif);
	background-position: bottom;
}
.flag-middle-grey-blue-a {
	background-image: url(/templates/img/buttons/sg24-flag-middle-blue-a.gif);
	background-repeat: repeat-x;
}
.flag-offer-middle {
	background-image: none;
	padding-left: 4px;
	padding-right: 4px;
	background-color: #FFFFFF;
}
.flag-middle-adsearch {
	background-image: url(/templates/img/buttons/flag-middle-adsearch.gif);
	background-position: bottom;
}
.flag-middle-adsearch-a {
	background-image: url(../img/buttons/flag-middle-adsearch-a.gif);
	background-position: bottom;
	color: #323230;
	height: 17px;
}
a.flag-link, a.flag-link-a, .flag-middle-adsearch-a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	
}
a.flag-link, .flag-middle-adsearch-a {
	padding-top: 8px;
	padding-bottom: 2px;
}
a.flag-link-a {
	color: #000000;
	padding-top: 7px;
}
.flag-middle-grey a:link, .flag-middle-grey a:visited, .flag-middle-grey a:active, .flag-middle-grey a:hover,
.flag-middle-adsearch a:link, .flag-middle-adsearch a:visited, .flag-middle-adsearch a:active, .flag-middle-adsearch a:hover,
.flag-middle-grey-a a:link, .flag-middle-grey-a a:visited, .flag-middle-grey-a a:active, .flag-middle-grey-a a:hover,
.flag-middle-grey-blue-a a:link, .flag-middle-grey-blue-a a:visited, .flag-middle-grey-blue-a a:active, .flag-middle-grey-blue-a a:hover {
	color: #333333;
}
.magnifier, .magnifier-green, .magnifier-grey, .memory-grey {
	background-image: url(/templates/img/icons/icon_lupe_f_weiss.gif);
	background-repeat:no-repeat;
	background-position: 0 4px;  
	padding-left: 25px;
	padding-right: 25px;
}
.magnifier-green {
	background-image: url(/templates/img/icons/green_magnifier.gif);
	background-position: 0 7px;  
}
.magnifier-grey {
	background-image: url(/templates/img/icons/grey_magnifier.gif);
	background-position: 0 7px;  
}
.memory-grey {
	background-image: url(/templates/img/icons/memory_grey.gif);
	background-position: 0 10px;  
}


/* Suchbox Startseite */
.start-search-box, .full-search-box {
	width: 353px;
	height: 249px;
	border: 1px solid #A8B5AE;
	border-bottom: 0;
	border-top: 0;
	background-color: #FFFFFF;
	margin-right: 40px;
}
.start-search-innerbox {
	width: 353px;
	height: 209px;
	padding-top: 10px;
	overflow: hidden;
}
.full-search-box {
	width: 800px;
	margin-right: 0px;
	height: 10px;
	overflow: visible;
}
html>body .full-search-box {
	height: auto;
	min-height: 10px;
}
.themes-searchbox {
	width: 792px;
	/*padding: 10px;*/
	background-color: #f5f4f4;
	background-image: url(../pics/sg24_bg_advanced_searchbox.gif);
	/*background-position: right top;*/
	background-position: top left;
	background-repeat: no-repeat;
	height: 106px;
	overflow: visible;
	margin: 0;
	padding: 0px 0px 0px 10px; 
	/*margin-left:8px;*/
}
.themes-searchbox2{
	/*background-image: url(../pics/bg_round-corner-right_theme_red.gif);*/
	background-position: right top;
	background-repeat: no-repeat;
}

html>body .themes-searchbox{
	height: auto;
	min-height: 106px;
}
.themes-searchbox h2 {
	padding-top: 15px;
	border-bottom: 1px dotted #949494;
	color: #949494;
	padding-bottom: 15px;
	margin-bottom: 15px;
	margin-right: 10px;
}
.themes-searchbox-bottom {
	width: 782px;
	height: 30px;
	background-color: #f5f4f4;
	background-image: url(../pics/sg24_bg_advancedsb_bottom.gif);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 0 0 35px 0;
	padding: 0 10px 6px 10px; 
	/*margin-left:8px;*/
}
.themes-searchbox-blueline {
	width: 802px;
	height: 12px;
	overflow: hidden;
	line-height: 0;
/*	background-color:#2484C6;*/
	background-color:#eaf5cb;
	background-image: url(../pics/sg24_bg_advancedsb_blueline.gif);
	background-position: left top;
	background-repeat: no-repeat;
	/*margin-left:8px;*/
}
.start-search-cb {
	margin: 5px 0 0 110px; 
}

/* Formular 803px */
.login-textfield {
	width: 200px;
	display: inline;
}
.login-label {
	display: inline;
	width: auto;
	padding-right: 10px;
}

/* Mega Suchmaske für Hotels */
form#mega-search {
	padding: 10px 10px 0 10px;
	margin-bottom: 0;
}
.hotel-data label, .rooms-and-prices label {
	display: block;
	float: left;
	width: 170px;
	font-weight: bold;
	overflow: hidden;
	padding-right: 3px;
}
.hotel-data select, .rooms-and-prices input{
	display: block;
	float: left;
	width: 200px;
}
.hotel-location label {
	display: block;
	float: left;
	width: 190px;
	overflow: hidden;
	padding-right: 3px;
}
.hotel-location select {
	display: block;
	float: left;
	width: 170px;
}
.rooms-and-prices {
	padding-bottom: 5px;
}
.rooms-and-prices label {
	width: 245px;
	font-weight: normal;
}
.rooms-and-prices input {
	width: 80px;
} 
.environment {
	width: 83px;
	float: left;
	padding-bottom: 10px;
	overflow: hidden;
}
.environment-house {
	width: 125px;
	float: left;
	padding-bottom: 10px;
	overflow: hidden;
}
.environment input, .environment-house input {
	width: 15px;
	height: 15px;
	display: block;
	float: left;
	border: 0;
	margin-right: 3px;
}
.environment label, .environment-house label {
	display: block;
	height: 15px;
	padding-top: 1px;
	width: auto;
	float: left;
}
/* Anbieter Anfrage */
#tlt-application-form label {
	width: 150px;
	float: left;
}
#tlt-application-form input.formfield-150 {
	width: 150px;
}
#tlt-application-form select.formfield-150 {
	width: 155px;
}
#tlt-application-form label.address-fields {
	width: auto !important;
}
#tlt-application-form input#anfrage-plz {
	margin-right: 4px;
	width: 43px; 
}
#tlt-application-form input#anfrage-stadt {
	width: 96px; 
}
#tlt-application-form input#anfrage-nr {
	width: 43px; 
}
#tlt-application-form input#anfrage-strasse {
	margin-right: 4px;
	width: 96px; 
}

/* Für den myty Save Button in der Toolbar */
input#imgSave {
	width: auto;
}
/* Error Klassen */
label.form-error {
	font-weight: bold;
	color: #CD3333;
}
input.form-error {
	border: 1px dotted #CD3333;
}
.form-error label {
	font-weight: bold;
	color: #CD3333;
}
.form-error input, .form-error textarea {
	border: 1px dotted #CD3333;
}
/* Fehlermeldung über dem Formular */
.errorMsg {
	color: #ab0d0d!important;
	font-weight: bold!important;
	margin-top: 10px;
}

.head-errormsg {
	font-weight: bold;
	color: #CD3333;
}
.form-text-error label, .form-textarea-error label, div.form-text-error {
	color: #CD3333 !important;
	font-weight: bold;
}
.form-text-error input, .form-textarea-error textarea {
	border: 1px dotted #CD3333 !important;
	font-weight: normal;
}
.form-text-error input.form-radio {
	border: 0px dotted #CD3333 !important;
}

/* Memo Action Button */
.memo-action-button {
	background-color: #F77F0A;
	color: #ffffff;
	background-image: url(/templates/img/buttons/arrow-memo-action.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 120px;
	overflow: visible;
	text-align: left;
	line-height: 20px;
	height: 20px;
	border: 0;
	padding: 0 12px 0 19px;
	margin: 0;
	font-weight: bold;
}
html>body .memo-action-button {
	width: auto;
}
select#memoaction {
	height: 18px;
}

.smallinput radio,
.smallinput input {
	width:30px;
}
#start-bottom-box-nl-form .forminputrow label {
	width: 65px;
	font-weight: bold;
	text-align: left;
}
.start-bottom-boxes-buttonbg button {
	border: 0;
	font-size: 11px;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	color: #2484C6;
	background-color: transparent;
	padding: 0px;
	margin: 0;
	text-align: left;
	
}


