/* 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: 13px;
	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: 13px;
}
fieldset {
	border-top: 0px dotted #000033 !important;
	border-right: 0px dotted transparent !important;
	border-left: 0px dotted transparent !important;
	border-bottom: 0;
	margin: 0;
	padding: 10px 0;
	clear: both;
}
legend {
	margin: 0 0 10px -6px !important;
	padding: 0 !important;
}
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: 120px;
	float: left;
	text-align: right;
	margin-right: 10px;
	padding-top: 2px;
	font-weight: bold;
} 
.forminputrow input {
	display: block;
	width: 100px;
	float: left;
} 
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: 13px;
	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: 13px;
	line-height: 13px;
	cursor: pointer;
	padding: 0;
	margin: 0;
	height: 30px;
	background-color: #CD3333;
	text-align: left;
}
.red-button-left, .red-button-right{
	width: 5px;
	height: 30px;
	font-size: 0;
	background: url(/templates/img/buttons/button_red_left.gif) no-repeat;
}
.red-button-right{
	background: url(/templates/img/buttons/button_red_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_red_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-orange {
	background-color: #F77F0A;
}
.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;
}
.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 {
	width:	6px;
	height: 27px;
	background-image: url(/templates/img/buttons/flag-left-a.gif);
	background-repeat:no-repeat;
	float: left;
}
.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/flag-left.gif);
}
.flag-right {
	background-image: url(/templates/img/buttons/flag-right.gif);
}
.flag-left-lgreen-a {
	background-image: url(/templates/img/buttons/flag-left-lgreen-a.gif);
}
.flag-right-lgreen-a {
	background-image: url(/templates/img/buttons/flag-right-lgreen-a.gif);
}
.flag-left-grey {
	background-image: url(/templates/img/buttons/flag-left-grey.gif);
}
.flag-right-grey {
	background-image: url(/templates/img/buttons/flag-right-grey.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(/templates/img/buttons/navL1-left-a.gif);
	background-position: right top;
}
.flag-right-adsearch-a {
	background-image: url(/templates/img/buttons/navL1-right-a.gif);
	background-position: left top;
}


.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/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: #F0F4F2;
	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-middle-adsearch {
	background-image: url(/templates/img/buttons/flag-middle-adsearch.gif);
	background-position: bottom;
}
.flag-middle-adsearch-a {
	background-image: url(/templates/img/buttons/navL1-middle-a.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	height: 19px;
	padding: 8px 5px 0 5px;
}
a.flag-link, a.flag-link-a, a.flag-link-small, a.flag-link-small-a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	
}
a.flag-link-small, a.flag-link-small-a {font-size: 12px;}
a.flag-link, a.flag-link-small{
	padding-top: 8px;
	pdding-bottom: 2px;
}
a.flag-link-a, a.flag-link-small-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;
}
.flag-middle-adsearch-a a:link, .flag-middle-adsearch-a a:visited, .flag-middle-adsearch-a a:active, .flag-middle-adsearch-a a:hover {
	font-weight: bold;
}
.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: 782px;
	padding: 10px;
	background-color: #F0F4F2;
	background-image: url(/templates/pics_sg24/sg24_bg_advanced_searchbox.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 70px;
	overflow: visible;
	margin: 0;
	line-height: 20px;
}
html>body .themes-searchbox{
	height: auto;
	min-height: 70px;
}

.themes-searchbox h2 {
	border-bottom: 1px dotted #949494;
	color: #949494;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.themes-searchbox-greenline {
	width: 802px;
	height: 12px;
	overflow: hidden;
	line-height: 0;
	background-color:#029456;
	background-image: url(/templates/pics/tmgs_bg_advancedsb_greenline.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
/* 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, .conditions-data { height: 170px;}
.room-data { height: 155px;}

.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: 100px;
	float: left;
	padding-bottom: 10px;
	overflow: hidden;
}
.environment-house {
	width: 140px;
	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 */
#anfrage-formular label {
	width: 150px;
	border: 0px solid red;
	float: left;
}
#anfrage-formular input.formfield-150 {
	width: 150px;
}
#anfrage-formular select.formfield-150 {
	width: 155px;
}
#anfrage-formular label.address-fields {
	width: auto !important;
}
#anfrage-formular input#anfrage-plz {
	margin-right: 4px;
	width: 43px; 
}
#anfrage-formular input#anfrage-stadt {
	width: 96px; 
}
#anfrage-formular input#anfrage-nr {
	width: 43px; 
}
#anfrage-formular input#anfrage-strasse {
	margin-right: 4px;
	width: 96px; 
}
/* für den Fehlerfall */
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;
}

/* Für den myty Save Button in der Toolbar */
input#imgSave {
	width: auto;
}

/* Memo Action Button */
.memo-action-button {
	background-color: #CC3433;
	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: 20px;
}
.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;
}