/* DESIGN UND LAYOUT BERND RITTINGHAUSEN */
/* DIE GESAMTHEIT DIESES CSS IST UHRHEBERRECHTLICH GESCHUETZT! */
/* -------------------------------------------------- */
/* WEBSITE: www.rittinghausen.com */
/* ERSTELLT: 02. Dezember 2005 */
/* GEAENDERT: BRIMG100 --- */
/* ENTWICKLER: BRIMG100 */
/* -------------------------------------------------- */

/* Basis ---------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(images/gr_hgtop.gif);
	background-repeat: repeat-x;
/*	background-position: 0px 2px; */
	color: #333333;
	}

/* Hauptstruktur ---------------------------------------- */
#topnavi,
#content {
	margin: 0 auto; /* fuer Browser noetig, die sich im standard compliant Modus befinden (z.B. IE) */
	position: relative; /* fuer Safari noetig */
	text-align: left;
	}

#topnavi,
#content,
#footer {
	width: 770px;
	}

#content {
	margin-top: 30px;
	background: url(images/hg_polygon7.gif) no-repeat;
	}

#contentmaximum {
	margin: 30px 12px 0 97px;
	text-align: left;
	font-size: 1.1em;
	}

#footer {
	margin: 0 auto;
	text-align: right;
	height: 3em;
	}

/* Substruktur ---------------------------------------- */
div.impressumleft {
	position: relative;
	float: left;
	margin-left: 20px;
	}

div.impressumright {
	position: relative;
	margin-left: 45%;
	margin-right: 12px;
	padding-left: 10px;
	border-left: 1px solid #999;
	}

div.spaltelinks {
	float: left;
	position: relative;
	margin-left: 12px;
	margin-right: 7px;
	width: 78px;
	}

div.spaltemitte {
	position: relative;
	margin-left: 97px;
	margin-right: 189px;
	padding-right: 24px;
	font-size: 1.1em;
	border-right: 1px solid #999;
	/* Breite wird automatisch durch Gesamt-Contentbreite festgelegt */
	}

div.spalterechts {
	position: relative;
	float: right;
	margin-right: 12px;
	margin-left: 7px;
	width: 160px;
	font-size: 1em;
	}

div.spalterechts p {
	text-align: left;
	}

div.c_kontakt_block {
	margin: 0 0 40px 0;
	width: 240px;
	}

#spaltelinksform {
	margin-left: 97px;
	margin-right: 50%;
	font-size: 1.1em;
	/* Breite wird automatisch durch Gesamt-Contentbreite festgelegt */
	}

#spalterechtsform {
	float: right;
	position: relative;
	margin-top: 0px;
	margin-right: 12px;
	width:	40%;
	}

.copyright {
	float: left;
	font-size: 0.9em;
	color: #909090;
	}

/* --- Beginn - Formatierungen Startseite -- */
#startcontainer, #starthead, #startcontent, #startfooter, #startnavigation {
	width: 764px;
	}

#startcontainer {
	margin: 3em auto 1em auto;
	padding: 0;
	text-align: center;
	background: #fff url(images/hg_intro2009.jpg) no-repeat center;
	color: #fff;
	height: 620px;
	}

#starthead {
	margin: 0;
	padding: 0;
	text-align: left;
	height: 132px;
	}

#startcontent {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	text-align: center;
	background: url(images/hg_introschrank2007.jpg) no-repeat center;
	height: 438px;
	}

#startfooter {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff url(images/hg_introfooter2007.jpg) no-repeat center;
	height: 50px;
	}

#startcontentleft {
	position: absolute;
	margin-top: 80px;
	margin-left: 10px;
	text-align: left;
	width: 220px;
	}

#startcontentright {
	position: absolute;
	margin-top: 80px;
	margin-left: 544px;
	text-align: left;
	width: 210px;
	}

#startnavigation {
	padding-top: 111px;
	}

ol#startlist,
ul#startlist {
	margin: 1em 0 0 0;
	padding: 0;
	list-style-type: none;
	}

ol#startlist li,
ul#startlist li {
	background-image: url(images/bt_pfeilquadrat_intro_blue.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	/* width: 165px; */
	/* height: 2em; */
	border-bottom: none;
	margin: 0;
	padding-left: 14px;
	padding-bottom: 0.65em;
	display: block;
	font-size: 1.1em;
	text-align: left;
	/* letter-spacing: 0.4em; */
	color: #fff;
	}

ol#startlist li ol,
ul#startlist li ul {
	margin: 1em 0 0 0;
	padding: 0;
	list-style-type: none;
	}

ol#startlist li ol li
ul#startlist li ul li {
	background-image: url(images/ic_absatzmarke.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	/* width: 165px; */
	/* height: 2em; */
	border-bottom: none;
	margin: 0;
	padding-left: 10px;
	padding-bottom: 0.65em;
	display: block;
	text-align: left;
	}

ol#startlist a,
ul#startlist a {
	text-decoration: none;
	font-size: 1em;
	color: #fff;
	}

ol#startlist a:hover,
ol#startlist a:hover {
	color: #FF6600;
	}

h1.startkeyfeature	{
	padding-top: 0;
	font-size: 1.2em;
	letter-spacing: 0.1em;
/*	text-shadow: 2px 2px 4px #123006; */
	text-shadow: 2px 2px 4px #19476E;
	color: #fff;
	}

#newsticker {
	margin-left: 530px;
	width: 210px;
	height: 80px;
	}

.newstickercontent {
	padding-top: 7px;
	margin-left: 45px;
	text-align: left;
	color: #fff
	}
/* --- Ende - Formatierungen Startseite --- */

/* Ueberschriften ---------------------------------------- */
h1, h2, p {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	}

h1 {
	font: 1.6em/1.6 Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #444;
	}

h1.keyfeature	{
	padding-top: 0;
	letter-spacing: 0.1em;
	text-shadow: 2px 2px 4px #aaa;
	}

h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #444;
	}

h3 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font: 1.1em/1.2 Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #DEF2FF;
	}

.headline1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #999999;
	line-height: 1.4em;
	}

.headline2 {
	font-size: 0.9em;
	color: #999999;
	line-height: 1.2em;
	}

.headline3 { /* wird in Fotogalerie verwendet */
	font-family: Verdana, Helvetiva, Arial;
	font-size: 0.9em;
	font-weight: bold;
	color: #999999;
	line-height: 1.2em;
	}

/* Listen ---------------------------------------- */
#list ol,
#list ul {
	margin: 1em 0 0 0;
	padding: 0;
	list-style-type: none;
	}

#list ol li,
#list ul li {
	background-image: url(images/bt_pfeilquadrat.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	/* width: 165px; */
	/* height: 2em; */
	border-bottom: none;
	margin: 0;
	padding-left: 14px;
	padding-bottom: 0.65em;
	display: block;
	text-align: left;
	/* letter-spacing: 0.4em; */
	}

#list ol li ol,
#list ul li ul {
	margin: 1em 0 0 0;
	padding: 0;
	list-style-type: none;
	}

#list ol li ol li
#list ul li ul li {
	background-image: url(images/ic_absatzmarke.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	/* width: 165px; */
	/* height: 2em; */
	border-bottom: none;
	margin: 0;
	padding-left: 10px;
	padding-bottom: 0.65em;
	display: block;
	text-align: left;
	}

#list a {
	text-decoration: underline;
	font-size: 1em;
	}

#list a:hover {
	color: orange;
	}

#listright ul {
	margin: 1em 0 0 0;
	padding: 0;
	list-style-type: none;
	}

#listright li {
	background-image: url(images/ic_absatzmarke.gif);
	background-repeat: no-repeat;
	border-bottom: none;
	margin: 0;
	padding-left: 10px;
	padding-bottom: 0.65em;
	display: block;
	text-align: left;
	}

#listright a {
	text-decoration: underline;
	font-size: 1em;
	color: #999;
	}

#listright a:hover {
	color: #333;
	}

/* --- Beginn - Rollover fuer Referenzen --- */
#changeimgref ul {
	margin: 0;
	padding: 0;
	/* background-color: orange; */
	float: left; /* ermoeglicht Hintergrundfarbe */
	width: 300px;
	}

#changeimgref ul li {
	display: inline;
	}

#changeimgref ul li a {
	float: left; /* entfernt Zwischenabstaende zw. Menuepunkten */
	padding: 0;
	}


/* TabellenStruktur ---------------------------------------- */
table, td {
	font-size: 1em;
	}
	
/* Navigation ---------------------------------------- */
#navibottom {
	text-align: right;
	margin-right: 10px;
	font-size: 1em;
	font-weight: normal;
	color: #333;
	}

#navibottom a:link,
#navibottom a:visited,
#navibottom a:hover,
#navibottom a:active {
	font-size: 1em;
	font-weight: normal;
	}

#navibottom a:link,
#navibottom a:visited {
	color: #666;
	text-decoration: underline;
	}

#navibottom a:hover,
#navibottom a:active {
	color: #333333;
	}

#navibottom a:hover {
	text-decoration: none;
	}

#navibottom a:active {
	text-decoration: underline;
	}

/* Forms ---------------------------------------- */
input {
	font-size: 1em;
	color: #000000;
	border: 1px solid;
	border-color: #666666;
	}

/* Links ---------------------------------------- */
/* stets Reihenfolge link->visited->hover->active */
a:link { /* IE NS */
	font-family: Verdana, Helvetiva, Arial;
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
	}
	
a:visited {
	font-family: Verdana, Helvetiva, Arial;
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
	}
	
a:hover {
	font-family: Verdana, Helvetiva, Arial;
	font-size: 1em;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	}
	
a:active {
	font-family: Verdana, Helvetiva, Arial;
	font-size: 1em;
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
	}
	
a.none:link { /* Contentlinks ohne Unterstreichung, Kategorie 1 */
	font-family: Verdana, Helvetiva, Arial;
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	}
	
a.none:visited {
	font-family: Verdana, Helvetiva, Arial;
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	text-decoration: none;	
	}

a.none:hover { /* IE not NS */
	font-family: Verdana, Helvetiva, Arial;
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
	}
	
a.none:active {
	font-family: Verdana, Helvetiva, Arial;
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	}

a.bttxt:link { /* Buttontextlink */
	font-family: Verdana, Helvetiva, Arial;
	font-size: 1.1em;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	}

a.bttxt:visited {
	font-family: Verdana, Helvetiva, Arial;
	font-size: 1.1em;
	font-weight: normal;
	color: #999999;
	text-decoration: underline;	
	}

a.bttxt:hover { /* IE not NS */
	font-family: Verdana, Helvetiva, Arial;
	font-size: 1.1em;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
	}

a.bttxt:active {
	font-family: Verdana, Helvetiva, Arial;
	font-size: 1.1em;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	}

a.subcontent:link { /* Buttontextlink Spalte rechts */
	font-family: Verdana, Helvetiva, Arial;
	font-size: 1em;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	}

a.subcontent:visited {
	font-family: Verdana, Helvetiva, Arial;
	font-size: 1em;
	font-weight: normal;
	color: #999999;
	text-decoration: underline;	
	}

a.subcontent:hover { /* IE not NS */
	font-family: Verdana, Helvetiva, Arial;
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
	}

a.subcontent:active {
	font-family: Verdana, Helvetiva, Arial;
	font-size: 1em;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	}
	
.btback a,
.btback a:link,
.btback a:hover,
.btback a:active {
	font-size: 1em;
	}

/* Sonstige ---------------------------------------- */
/* --- BEGINN - PIWIK --- */
iframe#iframedatenschutz {
	margin: 0;
	padding: 0;
	height: auto;
	width: 99%;
}
/* --- ENDE - PIWIK --- */

p {
	text-align: justify;
	}

div#startcontentleft p {
	text-align: left;
	font-size: 11px;
	}

div.newstickercontent p {
	padding-top: 0;
	line-height: 1.2em;
	text-align: left;
	color: #DEF2FF;
	}

div.newstickercontent a {
	padding-left: 12px;
	background: url(images/bt_orangequadratpfeil.gif) no-repeat 0 4;
	color: #DEF2FF;
	}

.formfieldbenennung {
	 font-size: 1em;
	}

.topmenu {
	font-size: 0.9em;
	color: #999999;
	}

.vorwortrechtsbuendig,
.vorwortlinksbuendig {
	font-size: 1em;
	line-height: 1em;
	vertical-align: top;
	padding-top: 0.35em;
	}

.vorwortrechtsbuendig {
	text-align: right;
	padding-right: 7px;
	}

.vorwortlinksbuendig {
	text-align: left;
	padding-left: 0px;
	}

#imgrefplatzhalter {
	text-align: right;
	}

textarea.biszumrand {
	width: 100%;
	}

fieldset {
	margin-bottom: 1em;
	}

.noborder {
	border: none;
	}

.clearfloat {
	display: table;
	width: 100%;
	}