/* CSS Rotaract Homeapge */ 

html {
height: 100%; /* Eingefügt, damit Rand bei zu wenig Inhalt nicht abgeschnitten wird */
}

body {		
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;			 	/* Trick (?) damit Zentrierung auch bei IE funktioniert*/ 		
	text-align:center; 		/* Trick (?) damit Zentrierung auch bei IE funktioniert*/ 		
	background-color:#FFF9F0;
	margin:0;		
	padding:0;
	height: 100%; 			/* Eingefügt, damit Rand bei zu wenig Inhalt nicht abgeschnitten wird */	
	}

td {
	font-size:70%;
	}

.unsichtbar {
	position: absolute;
	top: -7000px;
	left: -7000px;
	height: 1px;
	width: 1px;
	}

label,th {
	font-size:11px;
	}

h1 {
	font-size:140%;
	margin:0px;
	}

h2 {
	font-size:120%;
	margin:4px;}

h3 {
	font-size:110%; 
	margin:0px 0px 4px 0px;
	}

h5 {
	font-size:100%; 
	margin:0px; }

img  { border:0px; } /*definiert den umfassenden Container*/	

#seitemittig {
    width:790px;
	margin: auto; /*margin: auto bewirkt die Zentrierung*/                               
 	text-align:left; /*damit text-align: center von body wieder aufgehoben wird (?)*/     
	position:relative; /*wichtig für absolute Positionierung der Spalten*/        
	/* padding-bottom:10px; /*weggemacht, da sonst immer ein Stück unten fehlt */
	background-image: url("images/bg_RAC.jpg");
	
	/*ab hier neu eingefügt, damit Rand nicht bei zu wenig Inhalt aufhört */
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */ 
	
	
	}


/* ---------------- BANNER OBEN -------------------*/
#header {
	height:170px;
	margin:0px 0px 0px 15px;
	}

/* ---------------- SERVICEMENÜ -------------------*/
						

#servicemenue_container {
	margin:0px 0 10px 15px;		/*width:450px; ist wichtig für Opera, sonst funktioniert das vertikale Menü nicht*/	
	height:31px;	
	width: 770px;	
	font-size:100%;	
	padding-top:0px; /*mit margin-top funktioniert es bei IE irgendwie nicht*/	
	background-color:#ECECEC;
	}

#servicemenue { /*Auszeichnung für ul, damit Liste keine Abstände ringsherum hat*/	
	margin:0px;	
	padding:0px;
	}

#servicemenue li{	
	display: inline;	
	list-style-type:none;
	}


#servicemenue a{	
	border-right:1px solid #FFFFFF;	
	color:#000000;	
	float:left;	/*;anscheinend der TRICK, damit es auch in IE 5.0 und IE 5.5 funktioniert :-)*/		
	padding:8px 15px 8px 15px; /*wichtig für IE6, dass diese Angaben hier und nicht unter a:link stehen; wird sonst nicht angewendet*/
	}


#servicemenue a:link, a:visited {
	font-weight:bold;
	text-decoration:none; }
	
#servicemenue a:hover {
	color:#C81219;
	}
	
	
#servicemenue2 { /*Auszeichnung für ul, damit Liste keine Abstände ringsherum hat*/	
	margin:0px 0px 0px 0px;
	padding:0px; }
	
/* #service<a href="rotaract.css"></a> */

#menue2 li{		
	display: inline;
	list-style-type:none; 
	}
	
#servicemenue2 a{
	color:#000000;
	float:left; /*;anscheinend der TRICK, damit es auch in IE 5.0 und IE 5.5 funktioniert :-)*/		
	padding:8px 15px 8px 15px; /*wichtig für IE6, dass diese Angaben hier und nicht unter a:link stehen; wird sonst nicht angewendet*/}
	
#servicemenue2 a:link, a:visited {
	font-weight:bold;
	text-decoration:none;
	}
	
#servicemenue2 a:hover {
	color:#C81219;}
	
/* ---------------- NAVIGATION -------------------*/	

/*Platzierung des Containers im Seitenaufbau*/

#hauptmenue{
	width:143px;	
	float:left;
	margin:0px;
	padding:20px 0px 10px 23px;
	position:relative;
	display: inline;

	}

/*******Navigation 1. Ebene*/

.hauptmenue_1_ebene {		
	list-style-type:none;
	margin:0 0 3px 0;
	padding:0;
	}

.hauptmenue_1_ebene a {
	display: block; /* so würde bei IE zwar das padding-left dargestellt werden, wird aber auch ein Abstand zwischen den li-Elementen eingefügt*/	
	padding:3px 3px 3px 8px;		
	width:139px; /* 143 Breite der Rubrikbreite abzüglich des paddings*/
	border-bottom: 2px solid #FFF9F0;		
	background-color:#ECECEC;		
	font-weight:bold;
	}

.hauptmenue_1_ebene a:link, a:visited {	
	color:#333333;
	text-decoration:none;
	}

.hauptmenue_1_ebene a:hover {
	 color:#C81219;	 
	}

#hauptmenue_1_ebene_current {
	color:#C81219;
	}
	
.menuepunkte {
	font-size:130%;
	}
	
#container_inhalt2_home{
	margin-top:230px;
	line-height:110%;
	font-size:100%;}
	
/* ---------------- NAVIGATION HOME -------------------*/

#container_navigation_home{
	margin-top:30px;
	line-height:110%;
	font-size:100%;
	}
	
.navbox_home{
	float:left;
	width:150px;
	margin:5px 10px 5px 0;
	}
	
.navbox_home p{	
	margin:0px;
	padding:5px 5px 0 10px;
	background-color:#ECECEC;
	height:6em;
	 }
	 
.navbox_home a {
	display: block;
	padding:4px 0px 4px 11px;
	width:auto; /*139px*/	
	border-bottom: 0px solid #FFF9F0;
	}
	
.navbox_home a:link {
	color:#FFFFFF;		
	text-decoration:none;
	font-size:100%;
	}
	
.navbox_home a:visited{	
	color:#FFFFFF;
	text-decoration:none;
	font-size:100%;}
	
.navbox_home a:hover {
	font-weight:bold;
	}	
	
/*Hintergrundbilder für die Rubrikenüberschriften*/
	
#homepage_banner {	
	height:100px;
	background-image: url("images/banner.jpg");
	background-repeat:no-repeat;}
	
#lernen_home {		
	height:23px;
	background-image: url("images/lernen.jpg");	
	background-repeat:no-repeat;}
	
#helfen_home {
	height:23px;
	background-image: url("images/helfen.jpg");
	background-repeat:no-repeat;}
	
#feiern_home {		
	height:23px;
	background-image: url("images/feiern.jpg");	
	background-repeat:no-repeat;}	
	
/*Listenformatierung*/

.hauptnavigation_home {
	list-style-type:none;
	margin:0;
	padding:0; }
	
.link {
	background-color:#C20000; text-decoration:none  
	}

.projekte_home {
	background-color:#C20000;
	}

.aktuell_home {
	background-color:#D5DDB9;
}

.forum_home {
	background-color:#CFD3B7;
}

.verein_home {
	background-color:#CBCDB7;
}

.hauptnavigation_home a:link, a:visited {
		color:#333333;
		text-decoration:none;
}

.hauptnavigation_home a:hover {
		font-weight:bold;
}

/* ---------------- HAUPTINHALT ------------------- 

*//*******Platzierung des Containers im Seitenaufbau*/

#hauptbereich {
		width:410px;
		display:inline; /*wichtig für IE*/	
		line-height:135%;
		float:left;
		position:relative;
		margin: 20px 0px 350px 20px;
	                }

#hauptbereich a:hover {
	 color:#C81219;	 
	}




/******* Foto auf der Überblicksseite*******/

#foto{
	float:right;
	width: 144px;  /*Breite des Blocks entspricht hier der Breite des Fotos* zzgl. 2 Pixel wg. Rahmen um Foto*/	
	margin: 3px 0 3px 15px;  /*Abstand zum Text am linken und unteren Rand des Blocks*/
	}

#foto img{
	border-width:thin;
	border-color:#666666;
	border-style:solid;
}

#foto span{
			padding:3px 0 0 2px;
		display:block;
		font-size:90%;
		margin:0px;
		}

a.foto:link{
	                border-width:thin;
		border-color:#666666;
		border-style:solid;
                                }

/******* Allgemeine Formatierungen für den Hauptbereich *******/

#hauptbereich p{
		margin:0 0 15px 0;
}

#hauptbereich h2{
		margin:0 0 10px 0;
}

#hauptbereich p a:visited, a:link{
		text-decoration:underline;
		color:#333333;
}

#formular{
		margin:5px 0 0 0;
		background-color:#DEECBB;
		padding:10px;
		border:1px dotted #435416;
}

#formular p{
		margin:0 0 5px 0;
}

#formular form{
		margin:0;
		padding:0;
}

#formular input{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:100%;
		width:16em;
		padding:2px;
		}

#formular textarea{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:100%;
		padding:2px;
 		}

#formular input.abschicken{
		width: auto;
		background-color:#FFFFFF;
		border-top: 1px solid #BFDA78;
		border-right: 1px solid #435416;
		border-bottom: 1px solid #435416;
		border-left: 1px solid #BFDA78;
}

/******** Hauptbereich für die Home *******/

#hauptbereich_home {
		width:555px;
		display:inline; /*wichtig für IE*/		
		float:left;
		margin: 20px 20px 20px 40px;
		}

#hauptbereich_home h1{
		margin:5px 0 7px 0px;
		font-size:130%;
}

#hauptbereich_home p {
		margin:0 0 7px 0;
		font-size:110%;
		line-height:130%;
}

/******* Zusatzformatierungen zu Aktuelle Infos*******/		
 /* Box zur Anmeldung beim Abo für Infoletter und Newsletter*/.
 
 infoabo {
		margin-top:30px;
		background-color:#FEEAD8;
		border:#FF6600 1px dotted;
		padding:5px;
}

#infoabo p{
		font-weight:bold;
		font-size:100%;
}

#infoabo a{
		text-decoration:underline;
}

/* Zusatzformatierung für H3 für die HL-Balken bei termine, news, presse links */
h3 p{
		clear:left;
}

.terminedatum {
		background-color:#FF6600;
		color:#FFFFFF;
		padding:1px 0 2px 3px;
		margin:0px 0 8px 0;
		width:90px;
		font-size:8pt;
		float:left;
		font-weight:normal;
		height:auto;
}

.termineheadline {
		background-color:#FF6600;
		color:#FFFFFF;
		padding:1px 0 2px 7px;
		font-weight:bold;
 		margin:0px 0 8px 100px;
		width:auto;
}

.newsdatum {
		background-color:#CC5200;
		color:#FFFFFF;
		padding:1px 0 2px 3px;
		margin:0px 0 8px 0;
		width:90px;
		font-size:8pt;
		float:left;
		font-weight:normal;
		height:auto;
}

.newsheadline {
		background-color:#CC5200;
		color:#FFFFFF;
		padding:1px 0 2px 7px;
		font-weight:bold;
 		margin:0px 0 8px 95px;
		width:auto;
}

.pressedatum {
		background-color:#D5DDB9;
		color:#000000;
		padding:1px 0 2px 3px;
		margin:0px 0 8px 0;
		width:90px;
		font-size:8pt;
		float:left;
		font-weight:normal;
		height:auto;
}

.presseheadline {
		background-color:#D5DDB9;
		color:#000000;
		padding:1px 0 2px 7px;
		font-weight:normal;
 		margin:0px 0 8px 0px;
		width:auto;
		text-decoration:underline;
}

 .pressecatheadline {
		background-color:#D5DDB9;
		color:#000000;
		padding:1px 0 2px 7px;
		font-weight:normal;
 		margin:0px 100px 8px 0px;
		width:auto;
		text-decoration:underline;
}

.linkheadline {
		background-color:#D5DDB9;
		color:#000000;
		padding:1px 0 2px 7px;
		font-weight:bold;
 		margin:0px 0 8px 0px;
		width:auto;
}

/*----------------- SITEMAP ----------------*/.sitemapebene1{
		margin:10px 0 10px 0;
		padding:0;
		font-weight:bold;
		font-size:110%;
		line-height:100%;
}

.sitemapebene1 a:visited, a:link{
		text-decoration:underline;
}

.sitemapebene1 a:hover{
	font-weight:bold;
}

.sitemapebene2{
		margin:0 0 20px 50px;
		padding:0;
		font-weight:normal;
		font-size:90%;
		line-height:200%;
}

.sitemapebene2 a:visited, a:link{
		text-decoration:underline;
}

.sitemapebene2 a:hover{
	font-weight:bold;
}

.sitemapebene3{
		margin:0 0 20px 100px;
		padding:0;
		font-weight:normal;
		font-size:90%;
		line-height:200%;
}

.sitemapebene3 a:visited, a:link{
		text-decoration:underline;
}

.sitemapebene3 a:hover{
		font-weight:bold;
}

.sitemapebene4{
		margin:0 0 20px 150px;
		padding:0;
		font-weight:normal;
		font-size:90%;
		line-height:200%;
}

.sitemapebene4 a:visited, a:link{
		text-decoration:underline;
}

.sitemapebene4 a:hover{
		font-weight:bold;
}

.sitemapebene5{
		margin:0 0 20px 200px;
		padding:0;
		font-weight:normal;
		font-size:90%;
		line-height:200%;
}

.sitemapebene5 a:visited, a:link{
		text-decoration:underline;
}

.sitemapebene5 a:hover{
		font-weight:bold;
}

/* ---------------- MITGLIEDERVERZEICHNIS -------------------*/
.mitgliederrubrik td{
		padding:3px 6px 3px 0px;
		vertical-align:top;
}

.mitgliederprofil td{
		padding:2px 6px 2px 0px;
		vertical-align:top;
}

.mitgliederformular td{
		padding:2px 2px 2px 0px;
		vertical-align:top;
}

.drucken{
		font-weight:normal;
}

#formularmitglieder{
		margin:5px 0 0 0;
		background-color:#DEECBB;
		padding:5px;
		border:1px dotted #435416;
}

#formularmitglieder form{
		margin:0;
		padding:0;
}

/* ---------------- AKTUELLE INFORMATIONEN RECHTE SPALTE -------------------*/	
/*Platzierung des Containers im Seitenaufbau*/

#informationen {
		width:160px;
		float:left;
		/*margin:0 0 0 0px; für Abstand zum Hauptbereich bei normaler Positionierung*/		
		font-size:90%;
		/*margin-left:8px; für IE 5*/      
		position:relative;
		margin: -11px 0px 0px 14px;
 }

#informationen2 {
		width:160px;
		float:left;
		/*margin:0 0 0 27px;  für Abstand zum Hauptbereich bei normaler Positionierung*/	
		font-size:90%; 
		/*margin-left:8px;  für IE 5*/
		position:absolute;
		top:200px;
		left:610px;  /*770 - 160 width*/
		padding-bottom:10px;
}

/* Hintergrundgrafiken für Rubriken*/

#aktuelle_termine {
		margin:0;
		height:22px;
		background-image: url("bilder/box_termine.gif");
		background-repeat:no-repeat;
}

#aktuelle_news {
		margin:0;
		height:22px;
		background-image: url("bilder/box_news.gif");
		background-repeat:no-repeat;
}

#aktuelle_projekte {
		margin:0;
		height:22px;
		background-image: url("bilder/box_projekte.gif");
		background-repeat:no-repeat;
}

/* Listen- und Linkformatierungen*/
	
#informationen ul {
		list-style-type:none;
		margin:0;
 		padding:5px;
}

#informationen li {
				margin-bottom:5px;
}

#informationen a {
			padding-bottom:10px;
			margin:0;
			padding:0;
}

#informationen a:link, a:visited {
			text-decoration:none;
			color:#333333;
			margin:0;
			}

#informationen a:hover {
			text-decoration:underline;
			margin:0;

}

/*Rahmen Informationsboxen*/

#box_termine {
			border:#FF6600 1px solid;
			padding:2px 0 0 3px;
			width:155px;
			margin:0 0 10px 0;
			background-color:#FEEAD8;
}

#box_termine span {
			font-weight: bold;
}

#box_news {
			border:#CC5200 1px solid;
			padding:2px 0 0 3px;
			width:155px;
			margin:0 0 10px 0;
			background-color:#FAE8D8;
}

#box_news span {
			font-weight: bold;
}

#box_projekte {
			border:#9B3E00 1px solid;
			padding:2px 0px 0 3px;
			width:155px;
			margin:0px 0px 10px 0px;
			background-color:#F5E6D8;
}

#box_projekte span {
			font-weight: bold;
}

#box_projekte p {
			margin:5px 3px 8px 5px;
}

.newsfooter{
		text-align:right;
		margin:-5px 8px 3px 0;
		}

.newsfooter a:link, a:visited {
		color:#333333;
		text-decoration:none;
}

.newsfooter a:hover {
		text-decoration:underline;
		}

.projektfooter{
			text-align:right;
			margin:-5px 8px 3px 0;
			color:#333333;
		}

.projektfooter a:link {
			color:#333333;
			font-weight: bold;
			text-decoration:none;
}

.projektfooter a:visited {
				color:#333333;
			font-weight: bold;
			text-decoration:none;
}

.projektfooter a:hover {
			text-decoration:underline;
			font-weight: bold;
		}

/* ---------------- FUSSZEILE UNTEN -------------------*/

#fusszeile{
		clear:both;  /*Textfluss der vorangehenden Abschnitte wird beendet - ein mit clear ausgezeichnetes Element wird		unter einem mit float formatierten Element angeordnet*/		text-align:center;
		padding:5px 0 10px 0;
		color:#666666;
		font-size:90%;
		border-top:1px solid #98E238;
		position:relative;
}

#fusszeile a:link{
	     color:#666;
}

#adresse {
		color:#000000;
		padding:6px 2px 8px 8px;

}

#adresse p{
	margin:0px;
}

#adresse a:link {
			color:#000000;
}

/* ---------------- Klassen -------------------*/

.aktiv{
			text-decoration:underline;
}

.tx-guestbook-form-textarea {
	font-size:12px;
}

input, select, textarea {
	color:#000000;
	background-color:#FFF8EF;
	border: 1px solid #000000;
	padding: 1px;
	font-family:verdana;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;



margin-bottom : 1px;
}

/* Formatierungsangaben für Filelinks-Anzeige "Layout 1" (Links mit Dateisymbol) */

table.csc-uploads csc-uploads-1 {
	vertical-align: top;
}

tr.tr-even {
	vertical-align: top;
}

td.csc-uploads-icon {
	vertical-align: top;
}

td.csc-uploads-fileName {
	vertical-align: top;

}