body {
	background: #4c5a69;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 18px;
	text-align: center;
}

/* HEIGHT 100%
----------------------------------------------------------------------------------------------*/
body, 
html {
	height: 100%; /* 100% Seitenhöhe >>> http://www.gn-webdesign.de/css-tutorials/css-div-height-100.html */
}
#wrapper,  
#left, 
#right { 
	min-height: 100% !important; /* Mindesthöhe für moderne Browser */
	height: auto !important; /* Important Regel für moderne Browser */
	height: 100%; /* Mindesthöhe für den IE */
	overflow: auto !important;
}


/* HEIGHT IE6
----------------------------------------------------------------------------------------------*/
* html body,
* html html {
	height: 100%;
	overflow-x: hidden;
}
* html #wrapper, 
* html #left, 
* html #right { 
	min-height: auto !important;
	height: 	auto !important;
	overflow: 	auto !important;
}



/* LAYOUT
----------------------------------------------------------------------------------------------*/
#wrapper { 
	width:950px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
	background-color: #a3b3be;
	background-position: 0 210px;
	background-repeat: repeat-y;
	background-image: url(../../fileadmin/media/_statics/page-bg.gif); /* Wird über TypoScript je nach Subtemplate überschrieben */
}

.bordertable {
	border: 1px solid #8C9CA7;
}

/* LEFT
	----------------------------------------------*/
	#left {
		width: 150px;
		float: left;
	}
		#logo {
		}
		
		#menu-language {
			margin: 5px 10px;
		}
			#menu-language img {
				border: 1px solid #6b7a8b;
				margin-right: 5px;
			}
			#menu-language img:hover {
				border: 1px solid #2f3d4c;
			}
		
		#menu-main {
			margin: 50px 10px;
			text-align: right;
			font-size: 1em;
			line-height: 1.75em;
		}
			#menu-main li a {
				text-decoration: none;
				text-transform: lowercase;
				color: #4C5A69 !important;
			}
			#menu-main li a:hover,
			#menu-main li.highlight a,
			#menu-main li.highlight a:hover {
				color: #fff !important;
			}
 
 
	/* RIGHT
	----------------------------------------------*/	
	#right {
		float: left;
		width: 800px;
		
	}
		#headerimage {
		}
		
		#menu-portfolio {
			position: relative;
			top: -41px;
			clear: both;
			height: 20px;
			width: 600px;
			border-top: 1px solid #fff;
		}
		* html #menu-portfolio { top: -43px; } 
		/**+html #menu-portfolio { top: -43px; }*/
		
			#menu-portfolio ul {
				clear: both;
			}
				#menu-portfolio ul li {
					float: left;
					text-align: center;
				}
					#menu-portfolio ul li a {
						display: block;
						width: 150px;
						height: 20px;
						color: #fff !important;
						text-transform: lowercase;
						text-decoration: none;
					}
					#menu-portfolio ul li a:hover, 
					#menu-portfolio ul li.highlight a {
						font-weight: bold;
					}
					* html #menu-portfolio ul li a:hover { font-weight: normal; text-decoration: underline; }
					*+html #menu-portfolio ul li a:hover { font-weight: normal; text-decoration: underline; }
					
			#menu-portfolio li.bergbahnen 	{ background-color: #3d464e; }
			#menu-portfolio li.gastro 		{ background-color: #295ba7; }
			#menu-portfolio li.backpackers 	{ background-color: #e0922f; }
			#menu-portfolio li.hotel 		{ background-color: #efc031; }
	
		#menu-sub {
			background: #dbdbdf;
			height: 23px;
			position: relative;
			top: -21px;
			padding-left: 27px; /*optischer Wert */
		}
		* html #menu-sub { top: -23px; }
		/**+html #menu-sub { top: -23px; }*/
		
	 
		/* CONTENTHOLDER
		----------------------------------------------*/
		#contentholder { overflow:hidden;
			
		}
			#col-normal-1, 
			#col-normal-2, 
			#col-normal-3, 
			#col-normal-4, 
			#col-normal-5 {
				float: left;
				margin-left: 40px;
				padding-bottom: 0px;
				min-height: 500px;

			}
			
			#col-normal-1 { width: 510px; }
			#col-normal-2 { width: 690px; }
			#col-normal-3 { width: 405px; margin-left: 145px; }
			#col-normal-4 { width: 380px; margin-left: 170px; }
			#col-normal-5 { width: 380px; margin-left: 170px; }
			
			* html #col-normal-1 { margin-left: 20px; } /* IE5/6: Doubled Float-Margin Bugfix */
			* html #col-normal-2 { margin-left: 20px;} /* IE5/6: Doubled Float-Margin Bugfix */
			* html #col-normal-3 { margin-left: 65px; } /* IE5/6: Doubled Float-Margin Bugfix */
			* html #col-normal-4 { margin-left: 65px; } /* IE5/6: Doubled Float-Margin Bugfix */
			* html #col-normal-5 { margin-left: 65px; } /* IE5/6: Doubled Float-Margin Bugfix */


			#col-header-3 {
				width: 590px;
				/*left: -145px;
				top: -21px;
				position:relative!important;*/
				margin-left:-145px;
				margin-top:-22px;
				z-index:9!important;
			}
			* html #col-header-3 { top: -23px !important; left: -130px !important; }
			
				#col-header-3-logo { text-align: center; padding-bottom: 20px;z-index:10; }
				#col-header-3-left { float: left; }
				#col-header-3-right{ float: right; }			
			
	
			#col-header-4, 
			#col-header-5 {
				position: relative;
				left: -170px;
				top: -21px;
				width: 590px;	
			}
			* html #col-header-4 { top: -23px !important; }
			* html #col-header-5 { top: -23px !important; }
			
			
			#col-right {
				float: right;
				margin-right: 10px;
				width: 180px;
				line-height: 1.25em;
			}
			* html #col-right { margin-right: 5px; }
			
			
		/* BORDERS
		----------------------------------------------*/
		.box-1 { padding: 5px 20px; border: 1px solid #a3b3be; }
		.box-2 { padding: 5px 20px; border: 1px solid #a3b3be; background-color: #f6f7f9; }
		.box-3 { padding: 5px 20px; border: 1px solid #ff0000; background-color: #ff7575; }
			.box-3 h3, .box-3 p { color: #fff !important; }
			
		.infobox-1-de { padding: 50px 20px 5px 20px; border: 1px solid #fff; background: url(/fileadmin/media/_statics/borderpool/infobox-1-de.gif) right top no-repeat; }
		.infobox-2-de { padding: 50px 20px 5px 20px; border: 1px solid #fff; background: url(/fileadmin/media/_statics/borderpool/infobox-2-de.gif) right top no-repeat; }
		.infobox-3-de { padding: 50px 20px 5px 20px; border: 1px solid #fff; background: url(/fileadmin/media/_statics/borderpool/infobox-3-de.gif) right top no-repeat; }
		.infobox-4-de { padding: 50px 20px 5px 20px; border: 1px solid #fff; background: url(/fileadmin/media/_statics/borderpool/infobox-4-de.gif) right top no-repeat; }
		.infobox-5-de { padding: 50px 20px 5px 20px; border: 1px solid #fff; background: url(/fileadmin/media/_statics/borderpool/infobox-5-de.gif) right top no-repeat; }
	
		.infobox-1-en { padding: 50px 20px 5px 20px; border: 1px solid #fff; background: url(/fileadmin/media/_statics/borderpool/infobox-1-en.gif) right top no-repeat; }
		.infobox-2-en { padding: 50px 20px 5px 20px; border: 1px solid #fff; background: url(/fileadmin/media/_statics/borderpool/infobox-2-en.gif) right top no-repeat; }
		.infobox-3-en { padding: 50px 20px 5px 20px; border: 1px solid #fff; background: url(/fileadmin/media/_statics/borderpool/infobox-3-en.gif) right top no-repeat; }
		.infobox-4-en { padding: 50px 20px 5px 20px; border: 1px solid #fff; background: url(/fileadmin/media/_statics/borderpool/infobox-4-en.gif) right top no-repeat; }
		.infobox-5-de { padding: 50px 20px 5px 20px; border: 1px solid #fff; background: url(/fileadmin/media/_statics/borderpool/infobox-5-en.gif) right top no-repeat; }



#qq {
	position: relative;
	margin: 0;
	padding: 15px 0;
	left: 0;
	bottom: 0;
	height: 75px;
	width: 150px;
	text-align: center;
}
				

/*----------------------------*/
/*-------- EXTENSIONS --------*/
/*----------------------------*/

/* Teaser Menues */
.teaser-randspalte-headline { color: #4C5A69; font-weight: bold; }
.tx-jppageteaser-pi1 P  { margin: 3px 0px 0px 0px !important;}
.tx-jppageteaser-pi1 a { color: #295BA7; }
.tx-jppageteaser-pi1 a:link, .tx-jppageteaser-pi1 a:visited { text-decoration: none; }
.tx-jppageteaser-pi1 a:hover, .tx-jppageteaser-pi1 a:active { text-decoration: underline; }

.teaser-center-headline { padding: 5px; border: 1px solid #A3B3BE; background-color: #F6F7F9; }
.teaser-center-celldefinition { padding: 5px; border: solid #A3B3BE; border-width: 0px 1px 1px 1px; background-color: #F6F7F9; }
.teaser-center-link { width: 100px; vertical-align: bottom; padding: 5px; border: solid #A3B3BE; border-width: 0px 1px 1px 0px; background-color: #F6F7F9; }

/* Powermail start */
	/* Form */
.tx-powermail-pi1 legend {
	display: none;
}
 
.tx-powermail-pi1 fieldset {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}
 
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: #ff0000;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;*/
	background-image: none;
	background-repeat: no-repeat;
	background-position: 98% 1px;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: #ff0000 !important;
	margin: 3px 0 15px 150px;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	/*border: 1px solid #aaa;*/
	background-color: transparent;
	padding: 10px;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: normal;
}
fieldset.tx-powermail-pi1_fieldset label, p.tx_powermail_pi1_fieldwrap_html_checkbox_title {
	/* label */
	display: block;
	width: 200px;
	float: left;
	clear: both;
	/*font-weight: bold;*/
	font-weight: normal;
}

.tx-powermail-pi1 img.powermail_captcha_captcha {
	margin: 5px 0 5px 0;
}
 
#powermaildiv_uid11 p {
	width: 200px;
	float: left;
	clear: both; 
}
 
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select,
fieldset.tx-powermail-pi1_fieldset .powermail_captcha {
	/* Input and textarea */
	font-size: 11px;
	width: 210px;
	border: 1px solid #295BA7;
}
 
.tx_powermail_pi1_fieldwrap_html_captcha_description {
	padding-left: 200px;
}
 
 
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 20px 0 10px 200px;
	font-weight: normal;
	width: 120px;
	background: #8C9CA7;
	border: 1px solid #8C9CA7;
	color: #000;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
div.countryzone {
	margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a {
	/* Description */
	cursor: help;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn {
	/* Description */
	display: none;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}
fieldset.tx-powermail-pi1_fieldset div.even {
	/*background-color: #eee;*/
	background: transparent;
}
 
input.eingabe-small {
	width: 60px !important;
}
 
	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}
 
	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}
 
/* Powermail end */

/* lightbox start */
/* Slimbox-only*/
#sbOverlay {
	/*position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;*/
	/*background-color:#295BA7;*/
	background: #eaeaeb url(/fileadmin/resources/Aro-logo-outline.png) center center no-repeat !important;
	/*cursor:pointer;
	z-index:90;*/
}
/* lightbox end */


/*-------- tt_content --------*/
/*----------------------------*/


/* Zum Seiten Anfang Totop */
a.totop {
	display: block;
	float: right;
	clear: both;
	margin: 20px 0;
	cursor: pointer;
	background: url(../../fileadmin/media/_statics/totop.gif) no-repeat;
	text-decoration: none !important;
	width: 60px;
	height: 15px;
}
/* Bildunterschrift */
.csc-textpic-caption { 
	padding: 3px 0 4px 0; 
	color: #667480; 
	font-size: 0.8em; 
	line-height: 1.6em; 
}

#Orange_Background {
	 padding: 3px;
	 background-color: #E0922F;
	 color: #fff !important;
	 border: 1px solid #CF8327;
}


/*-------- pageteaser --------*/
/*----------------------------*/

.tx-jppageteaser-pi1-list-entry-image IMG {
	float: left; 
	margin: 10px 20px 10px 0px;
	border: 1px solid #646e79;
}

.tx-jppageteaser-pi1-list-entry H3 {
	padding-top: 10px;
	position: static !important; /* Standardwert relative ueberschreiben: Sonst liegt das Aufklappmenu unter der Teaser-Headline */
}
.tx-jppageteaser-pi1-list-entry H3 A {
    color: #666;
}



/*--------------- E-Cards --------------*/
/*--------------------------------------*/
#srsendcard-preview {
	border: 1px solid #7b858f;
}
#srsendcard {
	width: 500px;
}
td.cardformheader { /* ähnlich h2 */
	margin: 2em 0 0.5em 0 !important;
	height: 30px;
	font-weight: bold;
	line-height: 1.2em;
	font-style: normal;
	color: #000 !important;
	text-decoration: none;
}
td.card-titel {
	padding: 5px;
	font-style: italic;
	color: #7b858f;
	font-size: 1.2em;
}
td.card-spacer {
	height: 45px;
}
td.card-label {
	width: 125px;
	height: 25px;
}
.card-textarea, .card-input {
	width: 375px;
	padding: 2px;
}
.card-textarea, .card-input, .tx-srsendcard-pi1-submit {
	border: 1px solid #7b858f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
.card-alert {
	font-weight: bold;
	color: #df0517;
	padding-bottom: 5px;
}
.tx-srsendcard-pi1-selector a {
	text-decoration: none !important;
	color: #000 !important;
}
.tx-srsendcard-pi1-selector table { 
	border-spacing: 15px; 
	margin-left: -15px;
}
* html .tx-srsendcard-pi1-selector table { margin-left: -5px !important; }
*+html .tx-srsendcard-pi1-selector table { margin-left: -5px !important; }

.tx-srsendcard-pi1-selector td {
	padding:0px 5px 7px 5px !important;
	border: 1px solid #A2B2BD;
	background: #dbe6ed;
}

* html .tx-srsendcard-pi1-selector td {
	padding:5px 5px 13px 5px;
}
.tx-srsendcard-pi1-selector td p {
	line-height: 9px !important;
	text-align: center;
}


/*------------ 2Cols Layout 1 ----------*/
.c2l1-left{ padding-right:20px; width:50%; white-space:normal; }
.c2l1-middle{ width:50%; white-space:normal; }
/* 2Cols  Layout 2 */
.c2l2-left{ border: 1px solid #A3B3BE; padding:10px; width:50%; white-space:normal; }
.c2l2-middle{ border: 1px solid #A3B3BE; padding:10px; width:50%; white-space:normal; }
/* 2Cols Layout 3 */
.c2l3-left{ padding-right: 20px; white-space:normal; }
.c2l3-middle{ padding: 0px; white-space:normal; }
/* 2Cols Layout 4 */
.c2l4-left{ border-width: 1px 0px 1px 1px; border-style: solid; border-color: #A3B3BE; padding: 10px; width:50%; white-space:normal; }
.c2l4-middle{ border-width: 1px 1px 1px 0px; border-style: solid; border-color: #A3B3BE; padding: 10px; width:50%; white-space:normal; }

/* 3 cols */
/* Layout 1 */

/*.c3l1-left-top {			border: solid #A3B3BE; border-width: 1px 1px 0px 1px; }
.c3l1-middle-top { 			border: solid #A3B3BE; border-width: 1px 1px 0px 1px; }
.c3l1-right-top { 			border: solid #A3B3BE; border-width: 1px 1px 0px 1px; }*/

/* Layout 2 */
.c3l2-left{
	font-size: 10px; line-height: 12px; border: solid #B2B2B2; border-width: 1px 1px 1px 1px; padding: 3px; width:33%; white-space:normal; font-size: 10px;
}
.c3l2-middle{
	font-size: 10px; line-height: 12px; border: solid #B2B2B2; border-width: 1px 1px 1px 1px; padding: 3px; width:33%; white-space:normal; font-size: 10px;
}
.c3l2-right{
	font-size: 10px; line-height: 12px;  border: solid #B2B2B2; border-width: 1px 1px 1px 1px; padding: 3px; width:33%; white-space:normal; font-size: 10px;
}


/* Layout 3 */
.c3l2-left{
	border: solid #B2B2B2; border-width: 1px 1px 1px 1px; padding: 3px; width:33%; white-space:normal; font-size: 10px;
}
.c3l2-middle{
	border: solid #B2B2B2; border-width: 1px 1px 1px 1px; padding: 3px; width:33%; white-space:normal; font-size: 10px;
}
.c3l2-right{
	border: solid #B2B2B2; border-width: 1px 1px 1px 1px; padding: 3px; width:33%; white-space:normal; font-size: 10px;
}

.c3l2-left, .c3l2-middle, .c3l2-right, .c3l3-left, .c3l3-middle, .c3l3-right { font-size: 10px; line-height: 13px; }

#searchform .suchwort {
  width: 90px;
  border: 1px solid #000;
}