@charset "UTF-8";
/*
**  last change: 2009-10-07, simplicity gmbh, gvo
**
*/

/* Layout independent adjustments | Layout-unabhängige Anpassungen ----------------------------------- */
@import url(/fileadmin/css/core/base.css);

@media screen, projection
{
/**
 * (en) Formatting YAML's  basic layout elements
 * (de) Gestaltung des YAML Basis-Layouts
 */

/* (en) Marginal areas & page background */
/* (de) Randbereiche & Seitenhintergrund */
body { 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser Fensters geändert wird. */
	position: relative; 
	background: #FFF;
	padding: 10px;
	margin-top: 5px;
}

/* (en) Centering layout in old IE-versions */
/* (de) Zentrierung des Layouts in alten IE-versionen */
body { 
	text-align: center;
	height: 100.01%;
}
.page_margins {
	text-align:left;
	margin: 0 auto;
}

/* (en) Layout: width, background, borders */
/* (de) Layout: Breite, Hintergrund, Rahmen */
.page_margins {
	min-width: 750px;
	max-width: 750px;
	background: #fff;
}
.page { 
	padding: 0px;
	background-image: url(/fileadmin/template/img/border/main.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}

/* (en) Designing main layout elements */
/* (de) Gestaltung der Hauptelemente des Layouts */

#header {
	height: 140px;
	color: #000;
	background-image: url(/fileadmin/template/img/header/hello_header_home.jpg);
	background-position: 10px 0;
	background-repeat: no-repeat;
}
#header #border-left {
	float: left; 
	height: 140px;
	width: 10px;
	margin: 0; 
	background-image: url(/fileadmin/template/img/border/header_left.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#header #border-right {
	float: right; 
	height: 140px;
	width: 10px;
	margin: 0; 
	background-image: url(/fileadmin/template/img/border/header_right.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#header #linkregion1 {
	float: left;
	height: 40px;
	width: 610px;
}
#header #linkregion2 {
	float: left;
	height: 100px;
	width: 730px;
}
#topnav { 
	color: #333;
	background: transparent; 
	margin-right: 20px;
}
#topnav a { 
	color: #999; 
	font-weight: normal; 
	background:transparent; 
	text-decoration:none;
}
#topnav img {
	margin-right: 5px;
}
#topnav a:focus,
#topnav a:hover,
#topnav a:active { text-decoration:underline; background-color: transparent;}

/* (en) adjustment of main navigation */
/* (de) Anpassung der Hauptnavigation */
#nav {
	width: 100%;
	height: 42px;
	background-image: url(/fileadmin/template/img/border/main.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
	
#subheader {
	clear: both;
	width: 100%; 
	height: 29px;
	margin: 0px; 
	padding: 0 0 0 0;
	background-image: url(/fileadmin/template/img/border/main.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
#subheader #check-in {
	float: left; 
	width: 708px; 
	height: 27px;
	background: #c5c7c8;
	margin-left: 10px;
	margin-top: 2px;
	padding: 0px 0px 0 22px;
}
#subheader #check-in a {
	padding-left: 8px;
}
#main { 
	padding: 0; 
	min-height: 490px;
}
	
#footer {
	color:#666;
	width: 750px;
	background-image: url(/fileadmin/template/img/border/main.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	height: 22px;
	margin: 0;
	padding: 0;
}
#footer .bottomnav {
	float: right;
	width: 720px; 
	padding: 4px 10px 3px 0; 
	margin-left:10px;
	margin-right:10px;
	background: #c5c7c8;
	text-align: right;
}
#footer .bottomnav a {
	color: #FFF;
	font-size: 0.9em;
	font-weight: normal;
	margin: 0 20px 0 30px;
	text-decoration: none;
}
#footer .bottomnav a:hover { background: transparent; }
#footer .bottomnav a:focus { background: transparent; }
  
#bottomborder {
	clear: both;
	width: 750px;
	height: 10px;
	background-image: url(/fileadmin/template/img/border/bottom.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
	
/*------------------------------------------------------------------------------------------------------*/

/**
 *      Home (1-3-2)
 * (en) Formatting content container
 * (de) Formatierung der Inhalts-Container
 *
 */

#col1 { 
	width: 236px;
	margin-left: 10px;
}
#col1_content { 
	padding: 10px  0 20px 22px;
}

#col2 { 
	width: 236px;
	margin-right: 10px;
}
#col2_content { 
	padding: 10px  22px 20px 0;
}

#col3 { 
	margin-left: 246px; 
	margin-right: 246px;
}
#col3_content { 
	padding: 10px 22px 20px 22px;
}
	
/*------------------------------------------------------------------------------------------------------*/

/**
 *      Standard (1-4)
 * (en) Formatting content container
 * (de) Formatierung der Inhalts-Container
 *
 */

#col4 { 
	float: right; 
	width: 472px;
	margin-right: 10px;
}
#col4_content { 
	position:relative;
	padding: 10px  22px 20px 0;
}

/*------------------------------------------------------------------------------------------------------*/

/**
 *      Breit (5)
 * (en) Formatting content container
 * (de) Formatierung der Inhalts-Container
 *
 */

#col5 { 
	float: left; 
	width: 730px;
	margin-left: 10px;
}
#col5_content { 
	position:relative;
	padding: 10px  22px 20px 22px;
}

/*------------------------------------------------------------------------------------------------------*/

/**
 *      PopUp (6)
 * (en) Formatting content container
 * (de) Formatierung der Inhalts-Container
 *
 */

.page_margins_popup {
	min-width: 500px;
	max-width: 500px;
	background: #fff;
}
.page_popup { 
	padding: 0px;
	background-image: none;
}

#col6 { 
	float: left; 
	width: 500px;
}
#col6_content { 
	position:relative;
	text-align: left;
	padding: 0px  22px 20px 0px;
}
#col6_content div.csc-textpic-imagewrap {
	margin-right: 22px ! important;
}
	
/*------------------------------------------------------------------------------------------------------*/

/**
 * (en) Styling of layout specific elements
 * (de) Gestaltung layoutabhängiger Elemente
 */
/*
#col1 {background: #fee }
#col1_content {background: #edd }
#col2 {background: #efe }
#col2_content {background: #ded }
#col3 {background: #eef }
#col3_content {background: #dde }
*/
}