/*
CSS Formatierungen fuer das Grundlayout der Seite
*/

html, body {
	 height: 100%; 
}

body {
	font-family: Verdana, Arial, Sans-Serif, Helvetica;
	background-color:#EEEEEE; 
	/*background-image: url(../pix/weihnachtskugel500.jpg);
	background-repeat: repeat-x;*/
	color:#333333;
	text-align:  justify;
	padding: 0px;
	margin: 0px;
}

div#wrapper {
}

div#con_srlinks {	
	background-color:  #676565;
	text-align: left;
	
	
} 

div#srlinks {	 
	text-align: left;
	/*margin: 0px;*/
	
} 

.srlinks {
	text-align: left;
	padding: -10px !important;
	font-size: 100%;
	margin:2px;
} 

.srlinks h3 a {
	color:#9b0057 !important;
	font-size: 100% !important;
	text-align: left;
	border-bottom: 1px dotted;
	margin-left: 15px;
	line-height:normal;
	
}
.srlinks ul a{
	font-size: 100%;
	text-align: left;
	padding: 0px;
	margin: 1px 0px;
}



/* Container, der alles umschliesst */
div#basic {
	background-color: #ffffff;
	border: 2px solid #e4e4e4; 
/*	border: 1px solid #f00000; */
	position: absolute;
	top: 0px;
	left: 50%;
	width: 950px;
	margin-top: 10px;
	margin-left: -475px;
}

/* Kopfcontainer*/
div#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 950px;
	height: 115px;
}

/*
Das Pfadmenue wird in TYPO3 dynamisch ersetzt. 
Die Formatangaben werden in das TypoScript SETUP Deines Templates uebernommen.*/
div#path {
	height: 17px;
	right: 175px;
	position: absolute;
	margin-top: 0;
	margin-right: 0;
}

div#land {
	height: 25px;
	right: 5px;
	top: 3px;
	position: absolute;
	margin-top: 0;
	margin-right: 0;
}

div#path p, div#path a, div#path a:visited {
	padding:2px 10px 4px 5px;
	text-align: right;
	color: #9B0057;
}

/* Container fuer das Logo */
div#logo {
	border-style:none;
	position: absolute;
	top: 18px;
	height: 74px;
	
	z-index:1;
}	

/* Container fuer das Bild im Header und der Seitentitel */
div#header_img {
	position: absolute;
	top: 21px;
	right: 5px;
	height: 65px;
	width: 640px;		
	z-index:2;
}

div#easyLine {
	position: absolute;
	left: 0px;
	top: 92px;
	z-index: 3;
}

div#easyLine_French {
	position: absolute;
	left: 0px;
	top: 92px;
	z-index: 3;
	width: 300px;
}
div#easyLine  a, div#easyLine_French a {	
	position: absolute;
	padding: 4px 0px 0px 8px;
	z-index: 3;
	font-size: 13px;
	font-weight: bold;
	color: #9b0057;
	text-transform: lowercase;
	/*font-family: tahoma;*/
}

div#easyLine a:hover, div#easyLine ul a:active, div#easyLine a.navi_top_hover, div#easyLine a.navi_top_active,
div#easyLine_French a:hover, div#easyLine_French ul a:active, div#easyLine_French a.navi_top_hover, div#easyLine_French a.navi_top_active
{	
	background-color: white;	
	color: #9b0057;	
	text-decoration: underline;
}

div.clearer {
	clear: both;
	width: 100%;
}

div#social-email a:hover {
	background: url(../pix/social_balloon-53_hover.png);
	width: 32px;
	height: 36px;
}

div#social-email {
	background: url(../pix/social_balloon-53.png);
	width: 32px;
	height: 32px;
}
div#con_container {
	width: 950px;
	margin: 0px;
}

/* Spalte fuer die linkte Navigationsliste */
div#col_left{

} 

/* Spalte fuer den Inhalt Mitte */
div#col_center { 

}

/* Spalte fuer den Service-Inhalt */ 
div#col_border {

}

.frame3 {
	_padding: 0;
	_margin: 0;
	background:transparent url(../pix/box_bottom_200.gif) no-repeat scroll 0 85%;
	padding-bottom:1px;
	padding-top: -5px;
	margin-top: -10px;
} 

.frame3 p {
	padding-left: 5px;
}

.frame3 H1 {
	font-size:14px;
	color:white;
	text-align:left;
	_padding: 0;
	_margin: 0;
	background:transparent url(../pix/box_top_200.gif) no-repeat scroll 0% 0%;
	float: none;
	padding-left: 5px;
	padding-right:0;
	padding-top: 0px;
	margin-right: 0px;
	
	/* padding-top:0;
	right top padding-bottom:1px;	
	padding:15px 10px 0px;margin-left: 0px;
	margin-top: 0px; 	
	height:auto; */
	
}	


/*  Fusszeile */ 
div#footer {
	border-top: 1px solid #676565;
	background-color: #ffffff;
	text-align: center;
	padding: 8px 50px 8px 15px;
	font-size: 85%;
} 

div#footerlinks {
	
	background-color: #ffffff;
	text-align: center;
	padding: 5px 5px 5px 15px;
	font-size: 80%;
} 



div#easylinks {
	background-color: #ffffff;
	color: #7F7B7B;
	text-align: center;
	padding: 5px 5px 5px 15px;
	font-size: 80%;
}

/* Copyrightvermerk in Fusszeile 
div#copy {
	margin-left:0px;
}
div#copy p {
	padding: 8px 5px 8px 5px;
}
div#copy a {
	text-decoration: none;
}*/