/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding: 0; } 

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 101% } 
	body { 
  height:101%;
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #fff;
text-align: center; /* Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
	} 
	
	div {
text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */
}
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }
	
	
html {
	color : #333333;
	text-align : center;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	line-height: 175%;
}

body {
	margin:0 auto;
	padding:0;
	min-height: 101%;
		font-size:medium;

}


#container {
	margin:0 auto;
	padding:0;
	width:100%;
	background-color: #fff;
	position: relative;
		margin:0 auto;
		
		 min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%;
}

#main {
	margin:0 auto;
	max-width: 54em;
	min-width: 20em;
	width : 54em;
		background:#fff url(/images/border_right.gif) repeat-y top right;
padding:0 2.5em;
		 min-height:1000px; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */

}
#main_border {
margin:0 auto;
	max-width : 54em;
	min-width : 20em;
	width : auto !important;
	width : 54em;
		background:#fff url(/images/border_left.gif) repeat-y top left;
	margin-left:-1.5em;
		 min-height:1000px; /* Mindesthöhe in modernen Browsern */
height: 100%!important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */


}


#header {
margin : auto;
	max-width : 54em;
	min-width : 20em;
	width : auto !important;
	width : 54em;
	height: 275px;
	background :#6C79AA  url(/images/galda_header_right.gif) no-repeat top right;
margin-left:1.5em;
	z-index:10;

}

#interview #header {
	margin : auto;
	max-width : 54em;
	min-width : 20em;
	width:auto !important;
	width:54em;
	height:275px;
	background:#6C79AA url(/images/galda_header_right2.gif) no-repeat top right;
	margin-left:1.5em;
		z-index:10;

}



#header_left {
	height: 275px;
	background:#6C79AA url(/images/galda_header_left.gif) no-repeat top left;
	width:435px;
	z-index:20;
}

#header h1 {
	color : #21316d;
	font : 200%;
	padding: 3em 0 0 2em;
	margin-left: -1000em;

}
#header p {
	color : #000;
	font : 200%;
	padding: 0em 0 0 2em;
	margin-left: -1000em;

}

#menu {
	font : 100%;
		margin-left:3.5em;

}
#menu ul {
	padding :1em 0;
}
#menu li {
	display : inline;
}
#menu li strong {
	padding : 0;
	color: #000000;


}
#menu li a {
	padding : 0.5em 1.5em;
	color: #000000;
		border-right : 1px solid #000;
		text-decoration:none;

}
#menu li a:hover {
	color : #21316d;
		border-right : 1px solid #000;

}
#menu li.selected a {
	background : #ffffff;
	border-right : 1px solid #000;
	color : #CC0000;	
}
#menu li.selected a:hover {
	background : #ffffff;
	color : #000;
}
ul#change {
float:right;}
ul#change a, ul#change a:hover {
border:none;
	padding : 0.5em 0.5em;
}

#content {
		 min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
	padding:0 0 0;
	line-height:1.5em;
	float:left;
	width:100%;

}
#plan {
	float:right;
	width:44%;
	padding-top: 50px;

}
#kontakt {
	width:55%;
float:left;

}
div.article {
	padding : 0 4em 2em 5em;
}
div.articlekontakt {
	padding : 0 0em 2em 5em;

}
div.left {
	left:-1em;
	float : left;
	position : relative;
	width : 50%;
}
div.right {
	left : 1em;
	float : left;
	position : relative;
	width : 50%;
}

#footer {
	font-size : 85%;
	margin:0 auto;
	margin-top:1em;
	padding :0;
	text-align:left;
	width : 81.5%;
	clear:both;
		position: relative;

}
p {
	line-height:1.5em;
	padding: 0.5em 0;
}
span {
	color : #21316d;
	font-weight:700;

}
em {
	text-decoration:underline;
	font-style:normal;
}
a  { cursor: pointer; outline: none; /* avoid firefox bug dotted lines */}
a {
	color : #21316d;
	text-decoration : none;
}
a:visited {
	color : #666666;
	text-decoration : underline;
}
a:hover {
	color : #000000;
}
h1 {
	color : #000;
	font : 150%;
		padding-bottom: 0.75em;

}
h2 {
	color : #21316d;
	font : 150%;
	padding-bottom: 0.75em;
}
h3 {
	color : #21316d;
	font : 125%;
	line-height:175%;
}
ul,
ol {
	padding : 1em 0 0.5em 1em;
}

img {
	margin :0;
}
img.left {
	float : left;
	margin : 1em 1em 0 0;
}
img.right {
	float : right;
	margin : 1em 0 0 1em;
}

blockquote {
	font-style : italic;
	margin : 1em 1em 0 1em;
	padding : 0 0 1em 0;
}
blockquote span {
	font-size : 200%;
	line-height : 1%;
	margin : 0 0.15em;
	position : relative;
	top : 0.25em;
}
.clear {
clear:both;}