/* CSS Definition für Hotel Greif Website Redesign 09 mit Typo 3 */
/* Autor: Harald Maier-Kern, Version: 1.0                        */
/* Copyright: Harald Maier-Kern, MAIER-KERN.com                  */
/* ============================================================= */

/* Global BUG FIXES */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html p{
height: 1%;
margin-left: 0;
}

body {
background-color: #afafb0; /* Greif Background */
margin: 0px;
padding: 0px;
}

/* Positionierung */

.container {
	position:relative;
	width:968px;
	height: auto;
	margin-top: 5px; 
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

#grtemp-header_ {
	position:relative;
	width:968px;
	height:202px;
	background-image: url(images/grtemp_header.jpg);
	float: left;
}

#grtemp-output_ {
	position:relative;
	width:968px;
	height: auto;
	background: url(images/grtemp_output.jpg) repeat-y;
	float: left;
}

#grtemp-footer_ {
	position:relative;
	width:968px;
	height:67px;
	background-image: url(images/grtemp_footer.jpg);	
	float: left;
}

#sprachfahnen {
	position: absolute;
    width: 70px;
	height: 20px;;
	left: 860px;
	top: 80px;
	margin: 0px;
	padding: 0px;
	background-color: #0f225a; /*Greif Blau*/
	}
 
.grtemp-toplink_ {
    position: absolute;
	width: 177px;
	height: auto;
	left: 748px;
	top: 47px;
	background-color: #ffd300; /*Greif Gold*/
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #0f225a; /*Greif Blau*/
	}
	
.grtemp-toplink_ span{
    margin-right: 5px;
	margin-left: 5px;
}

#grtemp-menue_ {
    position: absolute;
	width: 935px;
	height: 15px;
	left: 15px;
	top: 168px;
	background-color: #ffd300; /*Greif Gold*/
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #0f225a; /*Greif Blau*/
	overflow:hidden;
	}
	
#grtemp-menue_ span{
    margin-right: 8px;
	margin-left: 8px;
}

.grtemp-facebooklink_ {
    position: absolute;
	width: 101px;
	height: 39px;
	left: 640px;
	top: 12px;
	}

.grtemp-bottomlink_ {
    position: absolute;
	width: 177px;
	height: auto;
	left: 748px;
	top: 23px;
	background-color: #ffd300; /*Greif Gold*/
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #0f225a; /*Greif Blau*/
	}
	
.grtemp-bottomlink_ span{
    margin-right: 5px;
	margin-left: 5px;
}
	
#output {
    position: relative;
	float: none;
	width: 905px;
  	margin-left: 25px;
	margin-right: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: none;
	}

#output_left {
    position:relative;
	width:480px;
	height: auto;
	float: left;
	
	/* Textformatierung Output*/
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0f225a;
	text-align: justify;
 }

#output_right {
    position: relative;
	width: 305px;
	height: auto;
	float: right;
	text-align: right;
	
	/* Textformatierung Output*/
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0f225a;
	text-align: right;
	font-style:italic;
	}

.copyright_box{
    position: relative;
	width: 935px;
	height: auto;
	float: left;
	text-align: center;
	}

/* -- Positionierung ENDE -- */

/* Styles */

/* Menüsteuerung Textuell für Produkte */

.grtemp-toplink_norm a:link, .grtemp-toplink_norm a:visited { color:  #0f225a; text-decoration:none; }
.grtemp-toplink_norm a:hover, .grtemp-toplink_norm a:active { color:  #0f225a; text-decoration:underline;}

.grtemp-toplink_act a:link, .grtemp-toplink_act a:visited { color:  #0f225a; text-decoration:none; font-weight: bold;}
.grtemp-toplink_act a:hover, .grtemp-toplink_act a:active { color:  #0f225a; text-decoration:underline; font-weight: bold;}

#grtemp-menue_norm a:link, #grtemp-menue_norm a:visited { color:  #0f225a; text-decoration:underline; }
#grtemp-menue_norm a:hover, #grtemp-menue_norm a:active { color:  #0f225a; text-decoration:none;}

#grtemp-menue_act a:link, #grtemp-menue_act a:visited { color:  #0f225a; text-decoration:none; font-weight: bold;}
#grtemp-menue_act a:hover, #grtemp-menue_act a:active { color:  #0f225a; text-decoration:none; font-weight: bold;}

.grtemp-bottomlink_norm a:link, .grtemp-bottomlink_norm a:visited { color:  #0f225a; text-decoration:none; }
.grtemp-bottomlink_norm a:hover, .grtemp-bottomlink_norm a:active { color:  #0f225a; text-decoration:underline;}

.grtemp-bottomlink_act a:link, .grtemp-bottomlink_act a:visited { color:  #0f225a; text-decoration:none; font-weight: bold;}
.grtemp-bottomlink_act a:hover, .grtemp-bottomlink_act a:active { color:  #0f225a; text-decoration:underline; font-weight: bold;}

#output_left h5 a:link, #output_left h5 a:visited { color: #ffd300; text-decoration:none; }
#output_left h5 a:hover, #output_left h5 a:active { color: #ffd300; text-decoration:underline; }

#output_left a:link, #output_left a:visited { color:  #0f225a; text-decoration:underline;}
#output_left a:hover, #output_left a:active { color:  red; text-decoration:underline;}

#output_left a:link, #output_left a:visited, #output_left a:hover, #output_left a:active {
	padding-left: 10px;
	background-image: url(images/linkpfeil.gif);
	background-repeat: no-repeat;
	background-position: 1px 4px;
}

#output_left .csc-textpic a:link {
    padding-left: 0px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 1px 4px;
}

#copyright_text a:link, a:visited {color: #4d4d4d; text-decoration:none;}
#copyright_text a:hover, a:active {color: #b00a18; text-decoration:underline;}

#copyright_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4d4d4d;
	text-align:center;
	margin: 3px;
	}

/* Textformatierungen */

.csc-textpic-image {
	border-style: solid;
	border-width: 4px;
	border-color: #0f225a;
	}
	
dl.csc-textpic-image {
    margin-top: 20px;
	}

#output_left p{
	line-height: 20px;
	padding-bottom: 5px;
	padding-top: 5px;	
}

/* Hauptüberschriften */	
h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #0f225a;
	margin-top: 0px;	
	margin-bottom: 20px;
}	

/* Zwischenüberschriften */	
h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0f225a;
	margin-top: 30px;
	margin-bottom: 18px;
	text-decoration: underline;
}	

/* Header 3 - Tabellen-Spaltenbeschriftung */
h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
/*	font-weight: bold; */
	color: #0f225a;
	background-color: #ffcc00;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
}

/* Header 4 - Überschrift für Aufzählungen*/
h4 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	/*	font-weight: bold; */
	color: #0f225a;
	background-color: #ffcc00;
    padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	width: 325px;
}

/* Box innerhalb des Textes */
h5 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	margin-top: 25px;
	margin-bottom: 20px;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #0f225a;
}

/* Pimp my Liste */

#output_left ul {
    list-style-position: inside; /* Listendefinition */
	list-style-type: square;
/*	list-style-image: url(images/minidot.gif);*/
}


/* Alte Datei */

#frontbanner {
	text-align: center;
	margin-top: 40px;
	margin-left: 5px;
	}

#frontbanner a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;     
	 }

/*  Allgemeine Tabellendefinition im Content */
.contenttable {
	margin-left: 15px;			/* Tabelle zentrieren */
	margin-right:15px;
/*	background-color: inherit; */
	color: #ffcc00;	
	}

/* Einstellungen für Tabelle Preisliste */	
.contenttable {
background-color: #ffcc00;
color: #0f225a;
width: 315px;
padding-left: 8px;
padding-right: 8px;
}

.contenttable-0 .td-0 { width: 190px; }
.contenttable-0 .td-1, .contenttable-0 .td-2 { width: 125px; text-align: center; }
.contenttable-0 .td-1 h3, .contenttable-0 .td-2 h3 { text-align: center; }

/* Layout 1 - Preisinfo */
.contenttable-1 {
background-color: #ffcc00;
color: #0f225a;
width: 480px;
margin-left: 0px;
font-size: 10px;
padding-left: 10px;
}
.contenttable-1 .td-0 { text-align: none; }
.contenttable-1 .td-0 h3 { text-align: left; margin-left:0px; padding-left: 0px;}
.contenttable-1 .td-1, .contenttable-1 .td-2 { width: 100px; text-align: center; }
.contenttable-1 .td-1 h3, .contenttable-1 .td-2 h3 { text-align: center; }

/* Layout 2 - Kooperationen (volle Groesse) */
.contenttable-2 {
background-color: #ffcc00;
color: #0f225a;
width: 480px;
margin-left: 0px;
font-size: 12px;
padding-left: 10px;
}
.contenttable-2 .td-0 { text-align: none; }
.contenttable-2 .td-0 h3 { text-align: left; margin-left:0px; padding-left: 0px;}
.contenttable-2 .td-1, .contenttable-2 .td-2 { width: 100px; text-align: left; }
.contenttable-2 .td-1 h3, .contenttable-2 .td-2 h3 { text-align: left; }

/* Definitionen für Mailformular */

.csc-mailform {
	border: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	font-size: 10px;
	margin-left: auto;
	margin-right: auto;
/*	border: 1px solid #4d4d4d; */
	padding-top: 10px;
	padding-left: 20px;
	padding-right:20px;
	padding-bottom: 10px;
	background-color: #ffd202;
	}
	
.csc-mailform fieldset {
	border: 1px white solid;
	padding-bottom: 10px;
	}

.csc-mailform legend {
	vertical-align: top;
	clear: left;
	float: left;
	width: auto;
	color: #0f225a;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;	
	}

/* Eingabefeld (mit Label?) 
.csc-mailform-field {
	padding-top: 2px;
	padding-bottom: 2px;
	clear: left;
	margin-right: 15px;	
	}
*/
	
.csc-mailform td {
width: 320px;
}

/* Eingabefeld */	
.csc-mailform input, .csc-mailform select, .csc-mailform textarea, .csc-mailform fieldset {
	float: left;
	clear: left;
	font-size: 10px;
	color: #4d4d4d;
	margin-left: 10px;
	}

/* Beschriftung */
.csc-mailform label {
	vertical-align: middle;
	clear: left;
	float: left;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	color: #4d4d4d;		
	}

/* Formatierung der RC_Formatierung der Hotelparameter */
.csc-mailform p {
	padding-left: 10px;
	padding-top: 2px;
	margin: 0px;
	color: #4d4d4d;
	}

/* .csc-mailform-label {
	vertical-align: top;
	clear: left;
	float: left;
	width: 200px;
	color: #b00a18;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;	
	} */
	
/* Positionierung Absendebutton */
input.csc-mailform-submit {
	position: relative;
	clear: left;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	}