/*

hdnet
projekt: worldhotels_intranet

*/

.clr {
	height:1px;
}

input {
	font-family: arial,verdana,sans,freesans;
}

input.text {
    font-size:0.90em;
    border:1px solid #d9d9d9;
    color: #a0a0a0;
    background-color:#fff;
    height:13px;
    width:180px;
}

/* textfeld halbe Breite */
input.text-width-50 {
    font-size:1.00em;
    border:1px solid #d9d9d9;
    color: #a0a0a0;
    background-color:#fff;
    height:13px;
    width:87px;
    margin-right:11px;

}

/* textfeld Breite 200px */
input.text-width-200 {
    font-size:1.00em;
    border:1px solid #d9d9d9;
    color: #a0a0a0;
    background-color:#fff;
    height:13px;
    width:198px;
}

/* textfeld Breite 190px */
input.text-width-190 {
    font-size:1.00em;
    border:1px solid #d9d9d9;
    color: #a0a0a0;
    background-color:#fff;
    height:13px;
    width:188px;
}

/* textfeld Breite 180px */
input.text-width-180 {
    font-size:1.00em;
    border:1px solid #d9d9d9;
    color: #a0a0a0;
    background-color:#fff;
    height:13px;
    width:178px;
}


select {
	font-family: arial,verdana,sans,freesans;
    font-size:1.00em;
    border:1px solid #d9d9d9;
    color: #a0a0a0;
    background-color:#fff;
    height:17px;
}

select.small_font {
	font-size: 10px !important;
}


select.select-width-200 {
    font-size:1.00em;
    border:1px solid #d9d9d9;
    color: #a0a0a0;
    background-color:#fff;
    height:17px;
    width:200px;
}


select.select-width-190 {
    font-size:1.00em;
    border:1px solid #d9d9d9;
    color: #a0a0a0;
    background-color:#fff;
    height:17px;
    width:190px;
}

select.select-width-180 {
    font-size:1.00em;
    border:1px solid #d9d9d9;
    color: #a0a0a0;
    background-color:#fff;
    height:17px;
    width:182px;
}


/* textarea höhe 50px */
textarea {
	font-family: arial,verdana,sans,freesans;
    font-size:1.00em;
    border:1px solid #d9d9d9;
   	color: #a0a0a0;
    background-color:#fff;
    width:180px;
    height:50px;
}


/* textarea breite 190px höhe 50px */
textarea.h-50-w-190 {
    height:50px;
    width:188px;
}

/* textarea breite 200px höhe 50px */
textarea.h-50-w-200 {
    height:50px;
    width:197px;
}


/* textarea höhe 85px */
textarea.h-85 {
    height:85px;
}

textarea.h-85-w-200 {
    height:85px;
    width:196px;
}

/* textarea höhe 85px */
textarea.big {
    width:267px;
    height:70px;
}


.trennlinie-grau-inner {
	background-image:url(images/trennlinie_grau.gif);
	background-repeat:repeat-x;
	width:571px;
	position:relative;
    left:-10px;
	margin-top:17px;
    margin-bottom:15px;
}

.trennlinie-grau-outer {
	background-image:url(images/trennlinie_grau.gif);
	width:571px;
    margin:15px 0px 15px 0px;
	padding:0;
}

.trennlinie-grau-job-offers {
	background-image:url(images/trennlinie_grau.gif);
	width:571px;
    margin:5px 0px 5px 0px;
	padding:0;
}

.trennlinie-grau-schedule {
	background-image:url(images/trennlinie_grau.gif);
	width:571px;
    margin:5px 0px 5px 0px;
	padding:0;
}

div.margin-top-20 {
	margin-top:20px;
}

div.margin-5 {
	margin-bottom:5px;
}

div.margin-10 {
	margin-bottom:10px;
}

div.margin-20 {
	margin-bottom:20px;
}

div.height-15 {
	height:15px;
}

div.height-20 {
	height:20px;
}

div.height-23 {
	height:23px;
}

div.height-30 {
	height:30px;
}

div.height-35 {
	height:35px;
}
.orange, .orange-bold  {
	color:#ec7404;
}

.orange-bold {
	font-weight:bold;
}

.grey {
	color:#a0a0a0;
}

.text-right {
	text-align:right;
}

.text-right-margin-3 {
	text-align:right;
	margin-right:3px;
}



/****************************************

Content-Section

****************************************/
.bg {
	background:url('images/bg_h1.gif');
	color:#FFFFFF;
	font-family:Times New Roman, Verdana, Arial;
	padding:0 3px;
}

h2 span.bg {
	background: url('images/bg_h2g.gif');
	font-family: Times New Roman;
	padding: 0 2px;
	color: #fff;
}

.color_bg {
	background:url('images/bg_h2.gif');
	color:#FFFFFF;
	font-family:Times New Roman, Verdana, Arial;
	padding:0 3px;
}

.header-text {
	margin:6px 0px 15px 0px;
}

.picture-text {
}

.obj-fliess-left { /* Aussenabstand der umflossenen Elemente zum Text bzw Nachbarelementen */
	padding-top:0px;
	padding-bottom:10px;
	padding-right:20px;
	padding-left:0px;
	float:left;
	width:auto;
}

#inner-content {
	margin:26px 0px 0px 0px;
}

#inner-content-left {
	float:left;
	width:275px;
	margin-right:23px;
}

#inner-content-right {
	float:left;
	width:270px;
}

#inner-content ul {
	margin:-11px 0px 13px 15px !important;
}

#inner-content ul li {
	margin:0px 0px 5px 0px !important;
}

#inner-content .csc-header {
	margin-bottom:16px;
}

#inner-content .csc-header-schedule {
	margin-bottom:5px;
}

#inner-content p.bodytext {
	margin-bottom:13px;
}

#inner-content .spacer {
	height:16px;
}


div.csc-header  h1, div.csc-header  h2, div.csc-header h3 , div.csc-header h4, div.csc-header h5 {
	display:block;
	line-height:normal;
	padding:0;
	background:none;
}

.csc-header h2.arrow-up {
	position:relative;
    left:-15px;
	padding-left:6px;
	margin-left:6px;
}

.csc-header h3.arrow-down {
	position:relative;
    left:-17px;
	padding-left:8px;
	margin-left:7px;
}

.csc-header h2.arrow-up span, .csc-header h3.arrow-up span, .csc-header h2.arrow-down span, .csc-header h3.arrow-down span {
	padding-left:9px;
	margin-left:-14px;
/*	z-index:1;*/
}

.csc-header h2.arrow-down span, .csc-header h3.arrow-down span {
	margin-left:-13px;
}

img.arrow-up, img.arrow-down {
	position:relative;
    left:-2px;
    top:2px;
/*	z-index:2;*/
}

img.arrow-down {
    left:0px;
}

.job-offers-head-each-first, .job-offers-head-each  {
	float:left;
	width:108px;
	text-transform:uppercase;
	color: #bebebe;
	font-size:1.20em;
	font-weight:bold;
	font-family: 'Times New Roman',Times,serif;
	letter-spacing:-0.05em;
}

.job-offers-head-each {
	background-image:url(images/trenner_vertikal.gif);
	background-repeat:no-repeat;
	padding-left:5px;
}


.job-offers-each-first, .job-offers-each  {
	float:left;
	width:108px;
	font-weight:bold;
}

.job-offers-each {
	padding-left:5px;

}

.job-offers-row-1 {
	padding-bottom:15px;
	background-image:url(images/job_offers_background_row.gif);
	background-repeat:repeat-y;
}

.job-offers-row {
	padding:10px 0px 10px 0px;
	background-image:url(images/job_offers_background_row.gif);
	background-repeat:repeat-y;
}

/****************************************

Context-Section

****************************************/

/************************************************

RIGHT CONTENT MODULE

************************************************/

.box_2col_mdl {
	float:left; 
	width:270px; 
	margin:0 0 25px 0; /*margin:0 0 40px 0; -> Vermassung 40px???*/
	min-height: 58px;
	}
	
.box_2col_mdl_img {
	float:left;
	padding: 0 15px 14px 0;
	}
	
.box_2col_mdl_txt {
	float:left;
	width:210px;
	/*position:relative;*/ top:-2px;
	}

.box_2col_mdl_txt p {
	padding: 0 0 6px 0;
	}
	
.box_2col_mdl_txt input {
	padding: 2px 0 2px 5px;
	}

.box_2col_mdl_txt input.context_mail_button {
	position:relative;
	bottom:2px;
}
* html .box_2col_mdl_txt input.context_mail_button{
	bottom:0px;
	margin-right:0px!important;
}
* +html .box_2col_mdl_txt input.context_mail_button {
	bottom:1px;
	}
	
.box_2col_mdl_txt a {
	color: #820215;
	text-decoration:none;
	}

.box_2col_mdl_txt ol  {
	margin:0 0 -10px 16px;
	}
	
.box_2col_mdl_txt ul  {
	margin:0 0 -10px 16px;
	list-style-type:square;
	}
	
.box_2col_mdl_txt ol li, .box_2col_mdl_txt ul li {
	padding: 0 0 10px 0;
	}
.box_2col_mdl_txt div strong {
	font-family: "Times New Roman", Times, serif;
	letter-spacing:0.3px;
	color:#666;
	}
	
.box_gmaps {
	width:280px;
	height:256px;
	padding:20px;
	background:url(http://10.200.0.50/fileadmin/templates/images/bg_box_gmaps.jpg);
}
.box_gmaps_map {
	width: 245px;
	height:190px; 
	border: 1px solid #d0d0d0;
}
.box_gmaps_select {
	margin: 15px 0 0 80px;
}

.box_gmaps_select a {

}


/****************************************

Login Page

****************************************/
.login-page {
	background: #fff url(images/login_bg_head.jpg) top left no-repeat;
}

div#space-top {
	height: 219px;
}



div#login .csc-header-n1 h1 {
	line-height:1.30em;
}

div#login .csc-header-n1 {
	margin-bottom:10px;
}

div#login a {
	color: #820215;
}

div#login-form {
	margin-top:30px;
}

label {
	cursor:pointer;
}

div#login-form form {
	margin-top:10px;
}

div.form-row {
	margin-bottom:10px;
}

div.form-row div.label {
	float:left;
	width:56px;
}

div.form-row div.label-big {
	width:auto;
	margin-bottom:5px;
}

div#login-form div.form-row input.text {
    border:1px solid #d9d9d9;
    background-color:#fff;
    height:13px;
    width:188px;
}

div#login-form div.form-row input.checkbox {
    border:1px solid #d9d9d9;
    background-color:#fff;
    margin-left:10px;
    margin-right:7px;
    border:none;
}

input.login-button {
	margin-left:150px;
	position:relative;
	top:-5px;
}

label.red {
	color: #820215;
}


/****************************************

Print Page

****************************************/

.print-page {
	background: #fff url(images/print_bg_head.jpg) top left no-repeat;
}

#print {
	width:595px;

}

#print div#foot {
	width: 595px;
}

#print-head {
	margin:17px 0px 0px 55px;
	font-weight:bold;
	text-transform:uppercase;
	font-family: 'Times New Roman', Arial, Helvetica;
}

#print-page-info {
	width:550px;
	margin-top:30px;
	text-align:right;
	text-transform:uppercase;
	color:#7e0214;
	font-weight:bold;
	font-family: 'Times New Roman', Arial, Helvetica;
}

#print .csc-header h3 {
	font-size:1.00em;
}

#print .csc-header {
	margin-top:10px;
}


#print-content {
	margin:56px 0px 0px 55px;
}


#print-content .data-each {
	margin-bottom:0px;
}

#print-content .trennlinie-grau-outer {
	width:500px;
}

#print div#foot #inner-footer {
	width:550px;
	font-size:0.85em;
	text-transform:uppercase;
}

#inner-footer-left {
	float:left;
	width:235px;
	margin-left:55px;
}

#inner-footer-right {
	float:left;
	text-align:right;
	width:260px;
}


/****************************************

Calendar

****************************************/

div#intranet-search-form {
	margin:9px 0px 23px 0px;
}

div#intranet-search-form div.form-row {
}

div#intranet-search-form div.form-row div.label {
	float:left;
	width:91px;
	position:relative;
    top:2px;
}

div#intranet-search-form div.form-row input.text {
    font-size:1.00em;
    border:1px solid #d9d9d9;
    background-color:#fff;
    height:13px;
    width:159px;
    position:relative;
    top:-6px;
}

div#intranet-search-form input.find-button {
	margin-left:8px;
}


div#intranet-list-form {
	margin:9px 0px 0px 0px;
	padding:0;
}

#page-navigation {
	margin:0;
	padding:0;
}


#page-navigation .reset-button, #page-navigation .results-per-page, #page-navigation .navigation {
	float:left;
}


#page-navigation .reset-button {
	width:215px;
}

#page-navigation .results-per-page {
	width:139px;
}
#page-navigation .navigation {
	width:216px;
	text-align:right;
}

#page-navigation a {
	margin-right:5px;
}

#page-navigation a.next-page {
	margin-left:4px;
}

#page-navigation a.active, div#intranet-list-form #page-navigation a.passive {
	margin-right:1px;
}

#page-navigation a.passive {

	color:#939191;
}


#page-navigation .results-per-page-text {
	float:left;
	margin-right:10px;
	position:relative;
	top:2px;
}



#intranet-list-form #inner-content {
	margin:0px;

}

#intranet-list-form #inner-content-left {
	float:left;
	width:285px;
	margin:0px;
}

#intranet-list-form #inner-content-right {
	float:left;
	width:285px;
	margin:0px;
}

#intranet-list-form .label-1 {
	float:left;
	width:48px;
}

#intranet-list-form .label-2 {
	float:left;
	text-align:right;
	margin-right:0px;
	margin-bottom:12px;
	width:21px;
}

#intranet-list-form .option-list-month, #intranet-list-form .option-list-year, #intranet-list-form .option-list {
	float:left;
}

#intranet-list-form .option-list {
	width:210px;
}

#intranet-list-form .option-list-month {
	width:85px;
	margin-right:0px;
}

#intranet-list-form .option-list-month select {
	margin-left:10px;
	width:75px;
}

#intranet-list-form .option-list-year select {
	margin-left:10px;
	width:75px;
}


#intranet-list-form div.form-row {
	width:285px;
}

#intranet-list-form div.form-row div.label {
	float:left;
	width:110px;

}

div.label-sort-by {
	float:left;
	width:110px;
	text-align:left;
	margin-left:10px;
}

select.sort-by {
	width:160px;
}

div#intranet-list-form .refresh-button {
	width:285px;
	text-align:right;
	margin:0px;
}


.result-each {
	margin:0;
}

.result-each .result-icon {
	float:right;
	margin-bottom:0px;
	height:15px;
}

.result-each .result-date {
	/*margin-bottom:0px;*/
	height:15px;
	/*width:470px;*/
	font-weight:bold;
}


.result-each .result-icon {
	text-align:right;
	width:140px;
}

.result-each .result-icon img {
	margin-right:8px;
	position:relative;
	top:-4px;
}

.result-each .result-icon .reslut-icon-text {
	position:relative;
	top:-12px;
}

.result-each .result-event {
	color:#ec7404;
	font-weight:bold;
	/*clear:both;*/
}

.result-each .result-location {
	margin-top:2px;
	font-weight:bold;
}

.result-each .result-free-places {
	margin-top:2px;
}

.result-each .bodytext {
	margin:25px 0px 15px 0px;
}

.result-each .detail-link {
	/*float:left;*/
	height:20px;
}

.result-each .sign-up {
	margin-left:515px;
	height:10px;
}

.current-result-each div.picture-text {
	margin-bottom:30px;

}
.current-result-each .result-icon {
	margin-top:15px;
}

.current-result-each .result-icon img {
	margin-right:8px;
	position:relative;
	top:-4px;
}

.current-result-each .result-icon .reslut-icon-text {
	position:relative;
	top:-12px;
}


.past-activities {
	margin:20px 0px 0px 8px;
}

.switch-year {
	margin-bottom:5px;
}

.switch-year img {
	position:relative;
	top:-1px;
	margin-right:4px;
	/*color:;*/
}

.activity-each {
	margin:0px 0px 25px 10px ;
}


#inner-content-calendar .csc-header {
	margin-bottom:5px;
}

#inner-content-calendar .csc-header h2 {

}


div.csc-header  h4{
	font-size:14px;
	font-weight:bold;
}

#inner-content-calendar p.bodytext {
	margin-bottom:13px;
}

#inner-content-calendar #update-notice {
	margin-left:10px;
}

#inner-content-calendar #update-notice .csc-header {
	/*position:relative;
    left:-3px;*/
}



#inner-content-calendar #update-notice .csc-subheader {
	margin:5px 0px 5px 0px;
}



#output-list .head {
	margin:0px 0px 16px 90px;
	font-size:1.40em;
	text-transform:uppercase;
	font-weight:bold;
}

#output-list .head-each {
	float:left;
	width:200px;
	font-family: 'Times New Roman',Times,serif;
}

#output-list .image, #output-list .text {
	float:left;
}

#output-list .image {
	width:90px;
}

#output-list .text {
	font-weight:bold;
	width:200px;
}

.profil-image-text .image, .profil-image-text .text {
	float:left;
}

.profil-image-text .image {
	width:90px;
}
.profil-image-text .inner-text {
	margin-bottom:4px;
}

/****************************************

Calendar Details

****************************************/

.contact-details {
	border:1px solid #fff;
	height: 14px !important;
}

.contact-details .label {
	float:left;
	width:75px;
}

.contact-details div {
	float: left;
	width: 195px;
}

.contact-details-sign-up {
	width:550px;
	text-align:right;
	position:relative;
	top:-10px;
}


/****************************************

Calendar Sign up

****************************************/

div.intranet-form div.form-row div.label {
	float:left;
	width:82px;
/*	position:relative;*/
    top:2px;
}

div.intranet-form div.form-row div.label-70 {
	float:left;
	width:70px;
/*	position:relative;*/
    top:2px;
}

div.intranet-form div.form-row div.label-90 {
	float:left;
	width:85px;
/*	position:relative;*/
    top:2px;
}

div.intranet-form input.text-postal-code, div.intranet-form input.text-city, div.intranet-form input.text-tel-country, div.intranet-form input.text-tel-area, div.intranet-form input.text-tel-number, div.intranet-form input.text-tel-number-2, div.intranet-form input.text-flight-details {
    font-size:1.00em;
    border:1px solid #d9d9d9;
    background-color:#fff;
    height:13px;
    width:72px;
    margin-right:5px;
    margin-bottom:12px;
}


div.intranet-form input.text-postal-code, div.intranet-form input.text-city {
	position:relative;
	top:13px;
}

div.intranet-form input.text-postal-code {
	width:78px;
}



div.intranet-form input.text-city {
    width:102px;
    margin-right:0px;
}


div.intranet-form select.width-50 {
    width:92px;
    margin-right:3px;
    height:17px;
}

div.intranet-form select.width-50-no-margin {
    width:92px;
    margin-right:0px;
}

div.intranet-form input.width-50 {
    width:80px;
    margin-right:3px;
}

div.intranet-form select.day, div.intranet-form select.month, div.intranet-form select.hour, div.intranet-form select.minute {
    width:54px;
}

div.intranet-form select.day, div.intranet-form select.month {
	margin-right:6px;
}

div.intranet-form select.year {
    width:73px;
}

div.intranet-form select.year-2 {
    width:64px;
}

div.intranet-form input.text-tel-country, div.intranet-form input.text-tel-area {
	width:42px;
	margin-bottom:0px;
}

div.intranet-form input.text-tel-number {
	width:100px;
	margin-bottom:0px;
	margin-right:0px;
}

div.intranet-form input.text-tel-number-2 {
	width:90px;
	margin-bottom:0px;
	margin-right:0px;
}

div.intranet-form .reset-hotel-data {
	margin-left:176px;
}

div.intranet-form .reset-participant-data {
	margin-left:148px;
}

.next-lodging-travel-only {
	margin-top:19px;
	margin-left:461px;
}

div.intranet-form input.text-flight-details {
	width:69px;
	margin-bottom:0px;
}

.arrival-time, .flight-number {
	font-size:0.90em;
	color:#d9d9d9;
}

.flight-number {
	float:left;
	width:85px;
}

div.intranet-form .radio-button-text-left-1, div.intranet-form .radio-button-text-left-2, div.intranet-form .radio-button-text-right {
	position:relative;
	top:2px;
}

div.intranet-form .radio-button-text-left-1, div.intranet-form .radio-button-text-left-2 {
	float:left;
	width:100px;
}

div.intranet-form .radio-button-text-left-1 {
	word-spacing:2.3em;

}

div.payment-details {
	margin-top:15px;
}

div.payment-details .radio-button-text-left-1 {
	word-spacing:0em;
	width:auto;
}

div.intranet-form .radio-button-text-left-2 {
	word-spacing:0.2em;
}

div.payment-details .radio-button-text-right {
	float:left;
	word-spacing:4.50em;
	width:100px;
	margin-left:15px;
}


div.nav-back, div.nav-next {
	float:left;
	width:285px;
	margin-top:4px;
}

div.nav-next {
	text-align:right;
}

.data-each {
	/*margin-bottom:-19px;*/
}

.change-button {
	width:571px;
	text-align:right;
	position:relative;
	top:-19px;
}

.data-policy-terms {
	margin-bottom:30px;
}

.data-submit-button {
	width:571px;
	text-align:right;
	margin-top:15px;
}

/* EDIT COMSPACE */

input {
	color: #a0a0a0;
}

#contentRight {
	float: right;
	width: 270px;
}

* html #contentRight {
	width: 269px;
}