/**************** Einstellungen fuer das ganze Dokument wird an alle Unterobjekte vererbt ***************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Unterstützte Schriftarten */
	font-size: 12px; /* Schriftgrösse */
	background-color:#fffacd; /* Hintergrund aussen und ganz unten */
}

* {margin: 0px;padding: 0px;} /* Fuer alle Elemente gilt keine Innnen und Aussenabstand */

img { border: 0px; }

/* Wird gebraucht um das Umfließen andere Elemente zu beenden */
/* Ein mit clear formatiertes Element ist das Erste, dass nicht mehr neben anderen Elementen steht */
.clear{clear:both;}

#seite {
	text-align: center; /* Textausrichtung mittig - gilt fuer alle Element innerhalb der <div id=inhalt > sofern nicht überschrieben */
	width:...; /* ... heisst ganze breite wird ausgenutzt */	
	padding: 0px 10px 0px 10px; /* top right bottom left */
}

html { 
	overflow-y: scroll; /* Trick um die Horizontale Scrollbalken beim Internet Explorer auszuschalten */
}

a {
	outline: none;
}

/********************** LOGO ***************************/
#logo{ /* Falls der obere Balken laenger sein soll koennen die nächsten beiden Einstellungen angepasst werden */
	/* background-color:#8b1a1a; /* Hintergrund Spass mit Katzen */
	/* margin: 0px 30px 0px 30px; /* Definiert Aussenabstand */
	text-align: center;
}

#logo img{
	background-color:#8b1a1a; /* Hintergrund Bid Spass mit Katzen */
	border:0;
	/* Diese Farbe muss im Code direkt geaendert werden ansonsten wird es im Internet Explorer nicht richtig angezeigt*/
	/* style="background-color:#8b1a1a;" */

}
 
/********************** INHALT ***************************/
#inhalt {
	/*background-color:#fff8dc;/* Hintergrundfarbe */
	/*display:block; /* http://www.css4you.de/elemente.html#block */
	margin: 10px 10px 0px 10px; /* Abstand oben rechts und links */

}

#iframe {
	border: 1px solid #c2bdaa; /* Rahmenfarbe */
	width:900px; /* Einstellungen falls Javascript nicht aktiviert damit es nicht ganz so sch. aussieht */
	height:600px; /* dito */
}

.news td {
	padding: 3px 10px;
	border: 1px solid #FF0000;
}

/********************** Content - left ***************************/
#left {
	background-color: #ddd8c6;
	background-color:#fff8dc;
	border: 1px solid #c2bdaa;
	width:...;
	margin: 5px 3px 10px 28px;
	padding: 0px 0px 15px 0px;
	text-align:center
	/*display:inline;
	float:left;*/
}
.text{
	/*float:left;*/
	width: ...;
}
#left h2{
	font-size: 14px;
	font-weight: bolder;
	color: #4d4b4a;
	text-decoration: underline;
	margin: 20px 0px 10px 23px;
}
#left p{
	font-size: 11px;
	font-weight:lighter;
	color: #4d4b4a;
	margin: 6px 0px 0px 23px;
}
#left a{
	font-size: 11px;
	font-weight:bold;color: #4d4b4a;
}
#left a:hover{
	color:#000000;
}
.photos{float:right; }
.photos img{
	display:block; 
	padding: 20px 20px 0px 30px;
}
/********************** Fusszeile ***************************/
#footer, #footer a {
	background-color:#8b1a1a;
	width:...;
	text-align:center;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 10px;
	font-size: 10px;
	font-weight: bolder;
	color:#FFFFFF; /* Schriftfarbe copyright */

}
#footer a:hover{
	color:#000000;
}

/************************  MENU  *******************************/
.menuClass {position:relative; padding-top:2px;}
.menuClass a {display:block;white-space:nowrap;}
.menuClass div a {float:none;text-align:left;}
.menuClass div {visibility:hidden;position:absolute;}
.menuClass table {border-collapse:collapse;}		
			
/* Menu Links */
#menuId a {
	color:#000000;
	font-size:0.9em; /* Schriftgroesse */
	text-decoration:none;
	padding:5px 15px; /* Abstand zwischen den Menu Elementen */
	border-style:solid; /* Rahmenstaerke */
	border-color:#000000;
	border-width:1px 1px 1px 1px;
	border-right:0px; /* Kein Rahmen Rechts um den Doppelrahmen in der Mitte von zwei Elementen zu umgehen */					  /* Achtung beim letztes Element darf dies nicht gelten. class = lastMenuId aufrufen */
}

.lastMenuId { /* Rahmen wird beim letzten Element wieder normal angezeigt */
	border-right:1px solid #000000;
}

/* Ausgewaehltes div Element */
#menuId .activeMenu { 
	background-color:#efefef !important;
}

/* Aufklappendes Menu */
#menuId div	{
	background-color:#efefef;
	padding:5px;
	border-style:solid;
	border-width:0px 1px 1px 1px;
	border-color:#000000;
	margin-top:-1px;
}

/* Ausgewaehltes Element im aufklappenden Menu unterstreichen */
#menuId div a:hover {
	text-decoration:underline;
}
 
/* Links im aufklappendem Menu */
#menuId div a {		
	padding:2px 30px 2px 5px; /* Abstand von den Links */
	border-width:0px;
}

/********************** Inhalt ***************************/
