/*
style sheet for bachelor geoinformatik site
*/
body {
	text-align: center;	
	background-image: url(img/??????????????????????????????????????);
        /*background-color: eee;*/
	/*height: 99%; *//* scrollbar erzwingen*/
}
body ,div ,p ,ul, li,  H1, H2, H3, a, i, tbody{
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, Verdana, Arial,  sans-serif;	
	color: black;
	letter-spacing: 0.1em;	
	text-decoration: none;
}
a img {
      text-decoration:none;
      border:none;
}
div#all {
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
        margin: 0.5em auto;      /* standardkonforme horizontale Zentrierung */	
        width: 750px;	 	
        padding: 0; 		
  }
#mainBackground {
	background-image: url(img/??????????????????????????????????????);
        background-color: fff;
}
div#borderOverAll {
	border: 1px solid silver;
	border-top: none;         
        
	}
/*H1, H2, H3{
	font-family:serif;		
}*/
H2 {
	font-weight: bolder;
	font-size: 1em;
	padding-top:0.5em;
}
div#topMostNavi {
	background-color: silver;
	color:gray;	
	font-size: 0.7em;
	height: 1.25em;
	_height: 1.3em;
	text-align: right;
	/*line-height: 0.9em;*/
	border-bottom:1px gray solid; 
	/*margin-bottom: 8px;*/
}
div#topMostNavi a {
	color: white;	
	letter-spacing:1px;
	text-decoration: none;
}
div#topMostNavi a:hover {
	color: maroon;	
	text-decoration: none;
}
/*----------------------------------------------------*/
div#headline{	
	padding:0px  0px  0px 8px; /*left : 16px wenn leftborder=img*/
	/*border-left: 1em solid maroon;*/
	/*background-image: url(img/?????????????ß);*/
	/*background-repeat: no-repeat;*/
	/*background-position: left;*/
	background-color:#fff;/*#F5F5DC;	*/	
	white-space: nowrap;		
	/*position:relative;*/
	/*clear:right;*/
	display:block;	
	/*height:50px;*/ /*max 60px wegen background-höhe links*/
}
div#headline img {
	margin:4px 0px 0px 0px;
	padding:4px;
	_margin: 6px;
	border: none;			
}
div#subheadline{
	margin:0px;
	padding: 1px;	
	border: 1px solid black;
	border-right: none;
	border-left: none;	
	background-color:beige;	
	background-image: url(img/EE2.png);
	background-repeat: repeat-x;
	background-position: left;
	white-space: nowrap;		
}
div#subheadline H3 {
	text-align: right;		
	line-height: 12px;  /* höhe der Grafik*/
	letter-spacing: 0.1em;
	font-size: 0.8em;
	_font-size: 0.7em;
	font-weight: normal;
	font-variant: small-caps;
	color:444;
}
/*------------------------------------------------------*/
div#bottomLine {
    clear: both;
    font-size: 0.55em;    
    padding: 1px;
    text-align: center;
    color:gray;
    background-color: beige;
    border-top: 1px solid silver;
  }

/*--------------------MENÜ---------------------------*/
#menu {
 	display:block;
	float: left;
 	width: 135px;	/*  Breite des Menus !!!!!!!  siehe auch .mainContent!!!!!!!!11*/ 	
	margin-top:8px;
	
	margin-left:9px;	
	_margin-left: 5px; /*IE workaround*/	
	
	font-size: 10px;		
	text-transform: uppercase;			
	/*border:1px solid black;*/       
        border-bottom: 1px solid gray; 
	background-image: none;
        background-color: eee;
}
#menu ul{
	list-style: none;
	list-style-position: oustside;		
	margin-bottom:  0px;	/*abstand zw. Hauptmenuepunkten 4px*/
	/*border:1px solid blue;*/
}
ul#menu ul{	
	padding-left:18px;	/*Einrückung des Untermenüs*/
}

#menu li {	
	/*margin-top:0px;*/	/*abstand zw. Menuepunkten 2px*/
	/*margin-bottom:0px;*/	/*abstand zw. Menuepunkten 2px*/        
	margin: 0px 0px;	/* Abstand zw. Einträgen - siehe auch 'height' */
	background-image: url(img/?????????????????????);
	background-repeat: no-repeat;	
	height: 22px;    /* selbe Höhe wie der Button!!!!!!!   NICHT ANGEBEN!!*/
	/*width: 110px;*/   /* selbe Breite wie der Button!!!!!!!*/
	/*_width:110px; */
	text-align: left;  /* center für Buttons !*/
 	display: block;			
        border-top: 1px gray solid;                   
	/*border: 2px dotted green;*/
}
#menu a {		
	line-height: 22px;    /* button Höhe*/
	text-align: left;  /* center für Buttons !*/		
	font-weight: bolder;			
	Color:black;
	height: 22px;	/* selbe Höhe wie der Button!!!!!!!*/ 	
	_width:100%; /*IE workaround*/
	display: block;
	padding: 0px 4px;
	/*border:1px solid magenta;*/
}
/*------------Menu Pseudo elements--------------------*/
#menu a:hover {	
	color:  red; /*#ff8*/		
        background-color:silver;
	/*---button effect: ---*/	
	/*
        line-height: 20px;		
        padding-top: 2px;
	padding-left: 4px;
        */
	background-image: url(img/?????????????????????????????);
	background-repeat: no-repeat;	
}
#menu a:active , a#selected, a#selected:hover{	
	color:white; /*#f22*/
	background-color:gray;
	text-decoration: none;
	/* button effect*/
        /*
	line-height: 20px;	
	padding-top: 2px;
	padding-left: 4px; 
        */
	background-image: url(img/??????????????????????????);
	background-repeat: no-repeat;	
}
/*---------------------------------------*/
.left {
	display:block;
	/*border:1px solid black;	*/	
	float:left;	
} 
.right 
{	
	display:block;
	text-align: right;	
	/*top:-4px;*/
	/*border:1px solid green;*/
		
} 
.clear {
	clear:right;
}
.floatLeft {
	float:left;	
}
.bold {
	font-weight: bold;
}
.noBorder
{
        border: none;
}
/*-----------------------------------------------------*/
.mainContent {			
	margin-left: 145px; /* Breite des Menues, sonst fließt der content unten um das Menue*/	
	_margin-left: 143px; /*IE fix*/
        _width:98%;
	/*		 TOP RIGHT BOTTOM LEFT*/
	padding: 0.1em 1em 1em 1em;
        _padding: 0.1em 0em 1em 0em;
	text-align: justify;			
	
	min-height: 400px;
	_height: 400px;	/*IE workaround*/	
	/*------normalisierung-----------*/
	font-size:0.7em;		
	letter-spacing: normal;
	line-height: normal;
		
	/*border: 1px solid blue;*/
}


/*------------------------------------------*/
.mainContent div#mainHeadInfo {		
	color: gray;
	font-size:0.8em;
	margin-bottom:1em;
	margin-top:1px;
	_margin-top:3px;
	padding-top:0px;
	}
.mainContent div#mainHeadInfo a {
	color: gray;
	text-decoration: none;	
	text-transform:lowercase;
}
.mainContent div#mainHeadInfo a:hover {	
	text-decoration: underline;	
}
.mainContent div#mainHeadInfo span.separator {
	background-image: url(img/?????????????????);
	background-repeat: no-repeat;
	padding: 0px 7px;
       _padding: 0px 6px;
	margin-left:2px;	
}

/*------------------------------------------------*/
.mainContent hr {				
	height: 0px;		
	margin:0.3em 0;
	/*padding: 1em 0em;*/ /*nicht verwenden auf hr*/
	text-align: left;
	border:none;	
	border-bottom:1px black solid;
	
}
.mainContent h1 {
	font-size: 1.25em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: black;			
	margin-bottom: 0.6em;	
	float:none;
	
	/*border-left:1.3em solid maroon;*/	
	padding-left:60px; /*breite des background images - damit nicht vom text überlagert wird */
	background-image: url(img/libelle4.png);
	background-repeat: no-repeat;		
	border-bottom:1px solid black;
}
.mainContent h3 {
	font-size: 1em;
	font-weight: bold;
	color: black;	
	letter-spacing: 0.3em;
	padding-top:0.7em;	
	/*margin-top:2em;*/	
	margin-bottom: 0.3em;	
}
.mainContent p , tbody, table{	
	margin:16px ;  /* siehe evtl. auch untergeordnete Klassen*/
	_margin:12px;
	padding: 0em;	
	
}
.mainContent p.bodytext{	
	margin: 0.2em 16px ;	
	padding: 0px;		
}

.mainContent ul {	
	clear:right;
	list-style-position: outside;	
	margin-left: 2em;
	padding:0.2em 1em;	
	float: none;
}
.mainContent li{	
	letter-spacing: 0.2em;
	list-style: none;
	padding: 0.2em 0em;	 
	_padding:0.2em 0.25em; /*nicht auf 0 setzen : IE bug!*/	
	/*border-left: 1.1em green solid;*/
	list-style-image: url(img/grenzstein.gif);	
}
.mainContent li li{
	list-style-image: url(img/???????????????????????????????????);		
	font-weight: lighter;
	font-style: italic;
	padding: 0.1em 0em;
	/*border-left: 1.1em maroon solid;*/
}
.mainContent a {		
	text-decoration: underline;	
	/*border-left: 1.1em green solid;*/
	/*padding-left: 0.5em;*/
	margin: 2em 0em;
	color:#111;
}
.mainContent i {	
	font-variant: small-caps;
	font-style: normal;	
}
.mainContent table {	
	/*width:100%;*/
        ....................
}
.mainContent td {
	font-size: 0.7em;
	padding-right:1em;	
}
.csc-sitemap csc-sitemap-level2 {
         padding-left: 1em;
         margin-left: 1em;

}

/*----------------- Bildanzeige --------------------------------------*/
p.leftImage {		
	float: left;			
	margin-top:0px;
	_margin-top:0px;
	margin-bottom:8px;	
	_margin-left:6px;
	padding:0px;	
	border: 1px solid gray;
}
p.leftImageNoBorder {		
	float: left;			
	margin-top:8px;
	_margin-top:5px;
	margin-bottom:8px;
	_margin-left:6px;	
	padding:0px;	
}
p.rightImage {		
	float: right;		
	margin-top:8px;
	_margin-top:5px;
	margin-bottom:8px;	
	_margin-right:6px;
	padding:0px;	
	border: 1px solid gray;
	
}
p.leftImage img , p.rightImage img{		
	clear: right;
	/*border-bottom:	1px solid gray;*/
}
p.leftImage i ,p.rightImage i{	


	text-align: right;	

	padding:0px 2px;
	margin:0px;
	display:block;	
	color: white;
	background-color: silver;
	font-size: smaller;	
	
	font-variant: normal;
	font-style: normal;
}
p.contact {	
	display:block;
	text-align: left;
	clear:right;	
	padding:0em 1.4em;		
	height:140px;
}
p.contact img {
	display: block;
	float: left;
	border:1px solid maroon;
	margin-right:1em;
}

/*------------------shadow test-------------------------------------*/
#bottom {
	width: 782px;
	height: 20px;	
	background-image: url(img/bottom.png);	
	background-repeat:no-repeat;
	margin-bottom: 10px;
}
/*Sitemap anpassen*/
.csc-sitemap {list-style-type: none;list-style-image: none;line-height: 3em;font-style: normal;}
.csc-sitemap ul {list-style-type: none;list-style-image: none;margin-left:10px;}
.csc-sitemap li {list-style-type: none;list-style-image: none;}
.csc-sitemap ul li {list-style-image: none;font-style: normal;}
.csc-sitemap ul li ul {margin-left:0;padding-left:0;}
.csc-sitemap ul li ul li {font-weight: normal;}