/* $Id$ */

/* SE-makros */

span.Blue {
	color: #00F;
}
span.Yellow {
	color: #ff0;
}
span.Gray {
	color: #ccc;
}
span.Green {
	color: #0f0;
}
span.Red {
	color: #f00;
}
span.Black {
	color: #000;
}
span.White {
	color: #fff;
}



/* Standard HTML-Elemente */

img {
	border: 0px;
}

h1, h2, h3, h4, h5 {
	margin-top: 0;
	line-height: 1.2em;
}

h1 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.3em;
}

/* Globale Klassen */

.smallfont {
	font-size: 10px;
}
.template {
	overflow: hidden;
}

.barrierReef {
	position: absolute;
	left: -5000px;
}

.printOnly {
	display: none;
}

.screenOnly {
	display: block;
}

.marginright {
	margin-right: 15px;
}

.marginleft {
	margin-left: 15px;
}

/* default */

.template_default {

}

/* _include */
/*
.template_include {
	margin: 0px !important;
}
*/

/* texttext */

.template_texttext .template_left {
	width: 48%;
}

.template_texttext .abstandRechts {
	margin-right: 4%;
}


/* 1bild */

.template_1bild {

}


/* 2bild */

.template_2bild small {
	display: block;
	margin: 15px 0;
}

.template_2bild .template_left,
.template_2bild .template_right {
	width: 48%;
}

.template_2bild .abstandRechts {
	margin-right: 4%;
}

/* 3bild */
.template_3bild .template_left,
.template_3bild .template_right {
	width: 32%;
}

.template_3bild .abstandRechts {
	margin-right: 2%;
}

/* 2bildtext */

.template_2bildtext small {
	display: block;
	margin: 15px 0;
}

.template_2bildtext .template_left {
	width: 62%;
}

.template_2bildtext .abstandRechts {
	margin-right: 4%;
	width: 31%;
}



/* text2bild */
.template_text2bild small {
	display: block;
	margin: 1em 0;
}

.template_text2bild img {
	display: block;
	margin: 0 0 0.7em 0;
}

.template_text2bild .abstandRechts {
	margin-right: 4%;
	width: 62%;
}


/* table */
.template_table table {
	width: 100%;
	margin: 0;
}
.template_table th {
	text-align: left;
}

/* Allgemeine Klassen */

.template_left {
	float: left;
}

.template_right {
	float: right;
}

/* Inplace Editing */

.inplace {
	clear: both; 
	cursor: pointer;
	padding: 5px 0px 3px 10px; 
	font-family: Arial; 
	font-size: 11px; 
	font-weight: bold; 
	color: #fff; 
	background-color: #000;
}


/* ---  CSS Tricks --- */
 .clear {
 	clear: both;
 }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.descriptionRoom{
	height:150px !important;
	width:700px !important;
}

@media only screen and (max-width:450px){
	.descriptionRoom{
		height:150px !important;
		width:200px !important;
	}
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Main Navigation, behavior for IE5-6 */
.nav
{
	behavior: url(/se_data/global/js/behaviors/menu.htc);
}
.tooltipHeadlineStyling{
	margin-top: 20px;
}

@media only screen and (max-width:450px){
	.tooltip-wrap h3 {
		width:250px !important;
	}

	.tooltip-wrap h4 {
		width:250px !important;
	}
}