/* ------------------------------------------- */
/* --------------- Rhea ---------------------- */
/* ------------------------------------------- */


/* Tags */

body { 
	background:#313131; 
	margin:40px 0 0 0;
	padding:0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	/*color:#900;*/
	letter-spacing:3px;
	margin:10px 0 0 0;
	padding:0;
}

h2 {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	/*color:#000;*/
	margin:5px 0 0 0;
	padding:0;
}

h3 {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:5px 0px 0px 0px;
}
	
p {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:5px 0px 0px 0px;
	
}

#spalte ul {
	margin:1.8em 0em 0.5em 1.5em;
	padding:0;
	list-style:square;
}

#spalte li {
	margin-top:.9em
}
	
a, a:link {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#900;
}

a:active, a:visited {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#900;
}

a:hover {
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

img {
	border:none;
}

#spalte {
	width:750px;
	
	min-height:550px;
	height:auto !important;  /* für moderne Browser */
	height:550px;  /*für den IE */
	
	/*background-color:#bbb;*/
	

	margin:0 0 0px; 0;
	padding: 0;
	float:left;
	text-align:normal;
	
}
#spalte p {
	margin-left:210px;
	width:520px;
	line-height:1.8em;
}

.li {
	text-align:left;
}

#spalte img {	
	margin:0 0 0 0;
	border:none;
	float:left;
}

#spalte h1 img , #spalte h2 img , #spalte p img {	
	margin:-10px 10px 000px -5px;
	border:none;
	float:left;
}

#spalte div {
	clear:left;
	margin-right:0px;
	padding-left:0px;
}

#spalte h1{
	clear:left;
	margin-right:0px;
	padding-left:5px;
}

#spalte h2 {
	padding-top:.9em;
	margin-left:210px;
}
#spalte ul {
	margin-left:230px;
	margin-top:0;
	padding-top:0;
	text-align:left;
}
#spalte table {
	margin-top:0.9em;
	margin-left:5px;
	width:540px;
}

#spalte table td {
	margin:0;
	padding:0;
	width:270px;
}

#inhalt {
background-color:#f00;
}
#rubrik {
	width:745px;
	
	min-height:550px;
	height:auto !important;  /* für moderne Browser */
	height:550px;  /*für den IE */
	
	
	background-color:#bbb;
	
	margin:0 0 00px 0;
	padding:0;
	float:left;
	text-align:normal;
	
}

/* Bereiche */

#container {
	width:955px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0;	
}

#header {
	margin:0;
	padding:0;
	width:760px;
	height:4px;
	/*background:url(/aughterlony/aughterlony.com/pics/logo.png) left no-repeat;*/
	/*background-color:#313131;*/
}

#logo {
	float:left;
	margin-left:0;
	width:205px;
	letter-spacing:3px;
	/*text-transform: uppercase;*/
	font-weight:bold;
}

#metanav {
	width:740px;
	height:15px;
	/*background-color:#313131;*/
	color:#bbb;
	text-align:left;
	padding-bottom:0px;
	padding-right:20px;
}

#metanav a:link, #metanav a:active, #metanav a:visited {
	font:11px Verdana, Arial, Helvetica, sans-serif ;
	font-weight:normal;
	color:#bbb;
	padding:0 3px 0 3px;;
	text-decoration:none;
}

#metanav a.aktiv {
	color:#bbb;
	padding:0 3px 0 3px;
	/*text-decoration:underline;*/
}

#metanav a:hover {
	padding:0 3px 0 3px;
	text-decoration:underline;
	font-weight:bold;
}

#navigation a:hover {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#navigation {
	float:right;
	/*background-color:#313131;*/
	color:#bbb;
	width:200px;
}

#navigation ul {
	width:200px;
	padding:4px 0 0 0;
	margin:0;
}
  
#navigation ul li {
	list-style:none;

}

#navigation ul a {
	display:block;
	
	font-weight:normal;
	text-decoration:none;
}

#navigation ul li {
	border-top:1px solid #bbb;
	padding-top:3px;
	margin-top:10px;
}

#navigation ul ul  {
	margin:0;
        padding:0;
}

#navigation ul ul li {
	border-top:none;
	margin-top:0;
}

#navigation .last {
	border-bottom:1px solid #bbb;
}

#navigation ul a:link, #navigation ul a:visited {
	/*color:#900;*/
	color:#bbb;
	
}

#navigation ul a:hover, #navigation ul a:active, #navigation ul a.aktiv  {
	/* noch leer*/
}

#navigation ul a:hover {
	text-decoration:underline;
	font-weight:bold;
}

ul li a {	
	margin-left: 10px;
	margin-right:0;
	font-weight:normal;
}

ul ul li a {	
	margin-left: 30px;
	margin-right:0;
	font-weight:normal;
}

ul ul li {
	border:none;
}

ul ul a:link, ul ul a:visited {
	color:#900;  
}

ul ul a:hover, ul ul a:active {
	text-decoration:underline;
}

td, th {
        vertical-align: top;
}

#metanav a.aktiv, ul#nav a.aktiv {
	color:#bbb;
	font-weight:bold;
	/*text-decoration:underline;*/
}

#navigation h1 {
	padding-top:22px;
	padding-left:10px;
}

#navigation h2 {
	padding-top:5px;
	padding-left:10px;
}

#navigation p {
	padding-left:30px;
}

#inhalt {
	text-align:left;
}

#footer {
	clear:both;
	width:955px;

	/*background-color:#313131;*/
	padding-top:0px;
	text-align:left; 
}

#footer a:link, #footer a:visited, #footer a:active, #footer p {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#bbb;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

/* Intro */

.intro a, .intro a:link, .intro a:active, .intro a:visited {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
}

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

.abschnitt {
	clear:both;
}

/* Hintergrundbilder */
body.home {
	background-color:#313131;
}

body.news {
	background-color:#342322;
}

body.works {
	background-color:#36332A;
}

body.bios {
	background-color:#29312E;
}

body.communication {
	background-color:#342A2F;
}

body.friends {
	background-color:#313131;
}