/***************************************/
/**** Styles für Anders-Heiraten.de ****/
/***************************************/

/**** Standard-Styles für die gesamte Webseite ****/
a img {	border: none; }
a { color: #666; text-decoration: none; }
a:hover {	text-decoration: underline; }
body { margin:0; padding:0; background-color:#e7e7e7; }
p {	margin: 0px 0px 10px;	padding: 0px; }
p.clear {clear:both;}

/**** Grundgerüst der gesamten Webseite ****/
#seitekomplett {
	width: 990px;
	position:relative;
	left:50%;
	right:50%;
	margin-top:5px;
	margin-left:-495px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	border:1px solid #e7e7e7;
	background-color:#fff;
}

/**** Kopf der Webseite ****/
#kopf {
	height:220px;
}
#kopf #bild {
	position:relative;
	top:20px;
	left:20px;
	width:89px;
}
#kopf #ueberschrift {
	position:absolute;
	top:20px;
	left:130px;
}
#kopf #ueberschrift h1 {
	font-size:20px;
	padding-bottom:10px;
	margin:0;
	color:#333;
}
#kopf #ueberschrift h2 {
	font-size:11px;
	padding:0;
	margin:0;
	color:#999;
}

/***** Meta-Navigation *****/
#kopf #metanavi {
	position: absolute;
	top: 20px;
	right: 10px;
	font-size:11px;
}
#kopf #metanavi #links { float:left; }
#kopf #metanavi #links a { color:#333; }
#kopf #metanavi #links a:hover { color:#666; }


/***** Haupt-Navigation *****/
#kopf .navigation {
	position: relative;
	top: 42px;
	left: 0px;
	width: 990px;
	height: 35px;
	margin:0;
}
/**** Hintergrundfarben Navigation ****/
#index #kopf .navigation { background-color:#5B718D; padding-left:0px; width:990px; }
#andersheiraten #kopf .navigation { background-color:#009900; padding-left:0px; width:990px; }
#geburtbeginn #kopf .navigation { background-color:#FF9999; padding-left:0px; width:990px; }
#meilensteine #kopf .navigation { background-color:#009900; padding-left:0px; width:990px; }
#abschiedtrauer #kopf .navigation { background-color:#663300; padding-left:0px; width:990px; }

#kopf .navigation .eins { margin-left:20px; }
#kopf .navigation a {
	height:15px;
	float: left;
	display:block;
	text-align:center;
	color: #fff;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	font-weight:bold;
}
#kopf .navigation a.active, #kopf .navigation a:hover {
	text-decoration: none;
	color:#fff;
}

/**** Linkfarben Navigation ****/
#index #kopf .navigation a.active, #andersheiraten #kopf .navigation a:hover { background-color:#5B718D; }
#andersheiraten #kopf .navigation a.active, #andersheiraten #kopf .navigation a:hover { background-color:#006600; }
#geburtbeginn #kopf .navigation a.active, #geburtbeginn #kopf .navigation a:hover { background-color:#FFCCCC; color:#999; }
#meilensteine #kopf .navigation a.active, #meilensteine #kopf .navigation a:hover { background-color:#006600; }
#abschiedtrauer #kopf .navigation a.active, #abschiedtrauer #kopf .navigation a:hover { background-color:#330000; }

/**** Linke Spalte, Submenü ****/
#linkeSpalte {
	float: left;
	width: 250px;
	background-color:#fff;
}
#linkeSpalte .navigation a {
	color: #333;
	display: block;
	height:22px;
	padding-top: 11px;
	padding-bottom: 5px;
	padding-left:30px;
}
#linkeSpalte .navigation a:hover, #linkeSpalte .navigation a.active {
	color: #666;
}
#linkeSpalte .navigation .secondLevel {
	padding-left:30px;
}
#linkeSpalte .banner {
  margin-left:30px;
  margin-top:10px;
}


/**** Mittlere Spalte ****/
#mittlereSpalte {
	float: left;
	width:738px;
	background-color:#fff;
	border-left:1px solid #e7e7e7;
	margin-bottom:10px;
}
/**** Mittlere Spalte: Inhaltsbereich ****/
#inhalt {
	position: relative;
	top: 0px;
	left: 0px;
	padding-top:0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#inhalt h1 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:10px;
	padding-bottom:7px;
	border-bottom: 1px solid #333;
}
#inhalt h2 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-left:0px;
	margin-right:0px;
	padding-top:10px;
	padding-bottom:10px;
}
#inhalt h3 {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	margin-left:28px;
	margin-right:31px;
	padding-top:10px;
	padding-bottom:10px;
}
#inhalt div.innen {
	margin-left:28px;
	margin-right:31px;
	margin-bottom:10px;
}

#inhalt img.links {
	float:left;
	margin-right:10px;
}
#inhalt img.rechts {
	float:right;
	margin-left:10px;
}

.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
	height:inherit;
	overflow:auto;
	padding-left:40px;
}

#inhalt td {
	padding-right:5px;
	vertical-align:top;
}
#geburtbeginn #inhalt span {
	font-weight:bold;
	font-size:14px;
}
#inhalt a.fett {
	font-weight:bold;
}
/**** Breadcrumb-Navigation ****/
#breadcrumb {
	font-size:10px;
	padding-bottom:10px;
	margin-left:28px;
	margin-right:31px;
}
#breadcrumb a {	color:#333; }
#breadcrumb a:hover {	color:#666; }

/*** Footer des Inhaltsbereiches ***/
#inhaltsfooter {
	text-align:left;
	color:#333;
	font-size:11px;
	margin-top:10px;
	margin-left:28px;
	margin-right:31px;
	margin-bottom:10px;
	padding-top:2px;
	border-top:1px solid #333;
}
#inhaltsfooter a { color:#333; }
#inhaltsfooter a:hover { color:#666; }

/**** Footer der Webseite ****/
#footer {
	clear: both;
/*	height:20px;*/
	padding-left:30px;
	padding-top:8px;
	color:#FFFFFF;
	font-size:10px;
	padding-bottom:8px;
}
#footer a {	color:#FFF; }

/**** Hintergrundfarben Footer ****/
#index #footer { background-color:#5B718D; }
#andersheiraten #footer { background-color:#009900; }
#geburtbeginn #footer { background-color:#FF9999; }
#meilensteine #footer { background-color:#009900; }
#abschiedtrauer #footer { background-color:#663300; }


/*** Bilderschau ***/

.innen .rgslideshow {
	background:#FFFFFF none repeat scroll 0 0;
	border-color:#fff;
	overflow:hidden;
	position:relative;
}

.contenttable {
  font-size:12px;
}