body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fefefe;
	background-image: url(../bilder/textur/punkte.jpg);
	background-repeat: repeat-x;
	background-position: left top; }
#inhalthome, #inhaltintern, #inhaltprodukte, #inhaltkontakt {
	background-image: url(../bilder/HintergrundHome.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	width: 930px;
	height: 520px;
	z-index: 2;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto; }
#inhalthome {
	background-color: #c1d751;
	background-image: url(../bilder/HintergrundHome.jpg);
	background-repeat: no-repeat;
	background-position: left top; }
#inhaltschatten {
	background-image: url(../bilder/hintergrund/schatteninhalt.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: 100px;
	left: 50%;
	width: 950px;
	height: 540px;
	z-index: 1;
	margin-left: -465px; }
#inhaltintern {
	background-color: #f1c562;
	background-image: url(../bilder/HintergrundIntern.jpg);
	background-repeat: no-repeat;
	background-position: left top; }
#inhaltprodukte {
	background-color: #8a5e9d;
	background-image: url(../bilder/HintergrundProdukte.jpg);
	background-repeat: no-repeat;
	background-position: left top; }
#inhaltkontakt {
	background-color: #f5f5f5;
	background-image: url(../bilder/HintergrundKontakt.jpg);
	background-repeat: no-repeat;
	background-position: left top; }
#inhaltkontakt #textfeld h1 {
	color: #7b9900;
	font-weight: bold; }
#inhaltkontakt #textfeld p {
	margin-top: 15px; }
#inhaltkontakt #textfeld p a {
	color: #1e1e1e;
	font-weight: bold;
	padding-top: 15px; }
#inhaltkontakt #textfeld p a:hover {
	color: #7b9900; }
h1#logo {
	background-image: url(../bilder/logo/logo3.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	top: 0;
	left: -120px;
	width: 166px;
	height: 138px;
	margin-left: -20px; }
h1#logo a {
	color: #3a3a3a;
	text-decoration: none;
	width: 166px;
	height: 138px;
	display: block; }
#textfeld {
	position: absolute;
	top: 160px;
	left: 546px;
	width: 385px;
	height: 200px;
	overflow: auto; }
#textfeld h1 {
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.4em;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px; }
#textfeld p {
	font-size: 0.7em;
	line-height: 1.4em;
	margin-top: 49px;
	margin-right: 20px;
	margin-left: 20px; }
#inhaltintern #textfeld p {
	font-size: 0.7em;
	line-height: 1.4em;
	margin-top: 32px;
	margin-right: 20px;
	margin-left: 20px; }
#inhaltprodukte {
	color: #fefdfc; }
#inhaltprodukte #textfeld p.ersterabsatz {
	font-size: 0.7em;
	line-height: 1.4em;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 20px; }
#inhaltprodukte #textfeld p {
	font-size: 0.7em;
	line-height: 1.4em;
	margin-top: 25px;
	margin-right: 20px;
	margin-left: 20px; }
/*Anfang hauptnav*/
ul#hauptnav {
	margin: 0 0 0;
	padding: 0;
	list-style-type: none; }
ul#hauptnav li { }
ul#hauptnav li a {
	color: #343333;
	font-size: 0.8em;
	text-decoration: none;
	position: relative; }
ul#hauptnav li a:hover {
	font-weight: bold; }
ul#hauptnav li#home a {
	line-height: 45px;
	background-image: url(../bilder/hauptnav/home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -45px;
	position: absolute;
	top: 262px;
	left: 69px;
	width: 66px;
	height: 92px; }
ul#hauptnav li#home a:hover {
	background-image: url(../bilder/hauptnav/homeover.jpg);
	background-repeat: no-repeat;
	background-position: left top; }
ul#hauptnav li#homeaktiv a {
	font-weight: bold;
	line-height: 45px;
	background-image: url(../bilder/hauptnav/homeover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -45px;
	position: absolute;
	top: 262px;
	left: 69px;
	width: 66px;
	height: 92px; }
ul#hauptnav li#intern a {
	line-height: 65px;
	background-image: url(../bilder/hauptnav/intern.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 45px;
	position: absolute;
	top: 354px;
	left: 245px;
	width: 66px;
	height: 91px; }
ul#hauptnav li#intern a:hover {
	background-image: url(../bilder/hauptnav/internover.jpg);
	background-repeat: no-repeat;
	background-position: left top; }
ul#hauptnav li#internaktiv a {
	font-weight: bold;
	line-height: 65px;
	background-image: url(../bilder/hauptnav/internover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 45px;
	position: absolute;
	top: 354px;
	left: 245px;
	width: 66px;
	height: 91px; }
ul#hauptnav li#produkte a {
	line-height: 35px;
	background-image: url(../bilder/hauptnav/produkte.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 60px;
	position: absolute;
	top: 460px;
	left: 121px;
	width: 64px;
	height: 60px; }
ul#hauptnav li#produkte a:hover {
	background-image: url(../bilder/hauptnav/produkteover.jpg);
	background-repeat: no-repeat;
	background-position: left top; }
ul#hauptnav li#produkteaktiv a {
	font-weight: bold;
	line-height: 35px;
	background-image: url(../bilder/hauptnav/produkteover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 60px;
	position: absolute;
	top: 460px;
	left: 121px;
	width: 64px;
	height: 60px; }
ul#hauptnav li#kontakt a {
	background-image: url(../bilder/hauptnav/kontakt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -55px;
	position: absolute;
	top: 436px;
	left: 74px;
	width: 46px;
	height: 49px; }
ul#hauptnav li#kontakt a:hover {
	background-image: url(../bilder/hauptnav/kontaktover.jpg);
	background-repeat: no-repeat;
	background-position: left top; }
ul#hauptnav li#kontaktaktiv a {
	font-weight: bold;
	background-image: url(../bilder/hauptnav/kontaktover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -55px;
	position: absolute;
	top: 436px;
	left: 74px;
	width: 46px;
	height: 49px; }
/*Ende hauptnav
*/
/*Anfang secnav*/
ul#secnav {
	margin: 0;
	padding: 0;
	list-style-type: none; }
ul#secnav li a {
	color: #343333;
	font-size: 0.6em;
	line-height: 0;
	text-decoration: none;
	position: relative;
	margin: 0;
	padding: 0; }
ul#secnav li a:hover {
	font-weight: bold; }
ul#secnav li#person a {
	line-height: 12px;
	background-image: url(../bilder/secnav/person.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 29px;
	position: absolute;
	top: 413px;
	left: 121px;
	width: 124px;
	height: 15px; }
ul#secnav li#person a:hover {
	background-image: url(../bilder/secnav/personover.jpg);
	background-repeat: no-repeat;
	background-position: left top; }
ul#secnav li#personaktiv a {
	font-weight: bold;
	line-height: 12px;
	background-image: url(../bilder/secnav/personover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 29px;
	position: absolute;
	top: 413px;
	left: 121px;
	width: 124px;
	height: 15px; }
ul#secnav li#idee a {
	line-height: 12px;
	background-image: url(../bilder/secnav/idee.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 29px;
	position: absolute;
	top: 427px;
	left: 121px;
	width: 124px;
	height: 14px; }
ul#secnav li#idee a:hover {
	background-image: url(../bilder/secnav/ideeover.jpg);
	background-repeat: no-repeat;
	background-position: left top; }
ul#secnav li#ideeaktiv a {
	font-weight: bold;
	line-height: 12px;
	background-image: url(../bilder/secnav/ideeover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 29px;
	position: absolute;
	top: 427px;
	left: 121px;
	width: 124px;
	height: 14px; }
ul#secnav li#grafik a {
	line-height: 12px;
	background-image: url(../bilder/secnav/grafik.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 29px;
	position: absolute;
	top: 413px;
	left: 121px;
	width: 124px;
	height: 15px; }
ul#secnav li#grafik a:hover {
	background-image: url(../bilder/secnav/grafikover.jpg);
	background-repeat: no-repeat;
	background-position: left top; }
ul#secnav li#grafikaktiv a {
	font-weight: bold;
	line-height: 12px;
	background-image: url(../bilder/secnav/grafikover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 29px;
	position: absolute;
	top: 413px;
	left: 121px;
	width: 124px;
	height: 15px; }
ul#secnav li#web a {
	line-height: 12px;
	background-image: url(../bilder/secnav/web.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 29px;
	position: absolute;
	top: 427px;
	left: 121px;
	width: 124px;
	height: 15px; }
ul#secnav li#web a:hover {
	background-image: url(../bilder/secnav/webover.jpg);
	background-repeat: no-repeat;
	background-position: left top; }
ul#secnav li#webaktiv a {
	font-weight: bold;
	line-height: 12px;
	background-image: url(../bilder/secnav/webover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 29px;
	position: absolute;
	top: 427px;
	left: 121px;
	width: 124px;
	height: 15px; }
/*Ende secnav*/
#navpraes {
	position: absolute;
	top: 105px;
	left: 154px;
	z-index: 200; }
#navpraes ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none; }
#navpraes ul li a {
	text-decoration: none;
	text-indent: -9000em;
	display: block;
	 }
#navpraes ul li {
	position: absolute;
}	 	
#navpraes ul#navpraesprim li a {
	background-repeat: no-repeat;
	background-position: left top;
	 }
#navpraes ul#navpraesprim li#ci {
	top: -35px;
	left: 5px;
 }
#navpraes ul#navpraesprim li#ci a {
	background-image: url(../bilder/cycle/nav_praes/ci.png);
	width: 90px;
	height: 98px; 
	 }
#navpraes ul#navpraesprim li#ci a:hover {
	background-image: url(../bilder/cycle/nav_praes/ci-hover.png);
	 }
#navpraes ul#navpraesprim li#ci a.aktiv {
	background-image: url(../bilder/cycle/nav_praes/ci-hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 90px;
	height: 98px; }
#navpraes ul#navpraesprim li#logos {
	top: 20px;
	left: 90px;
 }
#navpraes ul#navpraesprim li#logos a {
	background-image: url(../bilder/cycle/nav_praes/logo.png);
 	width: 90px;
	height: 98px;
 }
#navpraes ul#navpraesprim li#logos a:hover {
	background-image: url(../bilder/cycle/nav_praes/logo-hover.png);
 }
#navpraes ul#navpraesprim li#logos a.aktiv {
	background-image: url(../bilder/cycle/nav_praes/logo-hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 90px;
	height: 98px; }
#navpraes ul#navpraesprim li#kinderbuch {
	top: -155px;
	left: 392px;
 }
#navpraes ul#navpraesprim li#kinderbuch a {
	background-image: url(../bilder/cycle/nav_praes/kinderbuch.png);
 	width: 65px;
	height: 50px;
 }
#navpraes ul#navpraesprim li#kinderbuch a:hover {
	background-image: url(../bilder/cycle/nav_praes/kinderbuch-hover.png);
	width: 65px;
	height: 70px;
	margin-top: -25px; }
#navpraes ul#navpraesprim li#kinderbuch a.aktiv {
	background-image: url(../bilder/cycle/nav_praes/kinderbuch-hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 65px;
	height: 70px;
	margin-top: -25px; }
#navpraes ul#navpraesprim li#karikatur {
	top: -155px;
	left: 250px;
}
#navpraes ul#navpraesprim li#karikatur a {
	background-image: url(../bilder/cycle/nav_praes/karikatur.png);
 	width: 65px;
	height: 50px; 
 }
#navpraes ul#navpraesprim li#karikatur a:hover {
	background-image: url(../bilder/cycle/nav_praes/karikatur-hover.png);
	width: 65px;
	height: 70px;
	margin-top: -25px; }
#navpraes ul#navpraesprim li#karikatur a.aktiv {
	background-image: url(../bilder/cycle/nav_praes/karikatur-hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 65px;
	height: 70px;
	margin-top: -25px; }
#navpraes ul#navpraesprim li#zeichnung {
	top: -155px;
	left: 321px;
 }
#navpraes ul#navpraesprim li#zeichnung a  {
	background-image: url(../bilder/cycle/nav_praes/zeichnung.png);
	width: 65px;	
	height: 50px;
 }
#navpraes ul#navpraesprim li#zeichnung a:hover {
	background-image: url(../bilder/cycle/nav_praes/zeichnung-hover.png);
	width: 65px;
	height: 70px;
	margin-top: -25px; }
#navpraes ul#navpraesprim li#zeichnung a.aktiv {
	background-image: url(../bilder/cycle/nav_praes/zeichnung-hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 65px;
	height: 70px;
	margin-top: -25px; }
#kreismittelperson {
	background-image: url(../bilder/gesichts-animation.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: 153px;
	left: 226px;
	width: 150px;
	height: 110px; }
#kreismittelidee {
	background-image: url(../bilder/augen_animation-klein.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: 178px;
	left: 190px;
	width: 217px;
	height: 86px; }
#kreismittelprodukte {
	background-image: url(../bilder/produkte/mittlererKreis.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: 147px;
	left: 162px;
	width: 269px;
	height: 96px; }
#kreismittelproduktegrafik {
	background-image: url(../bilder/produkte/mittlererKreisGrafikover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: 147px;
	left: 162px;
	width: 269px;
	height: 96px; }
#kreismittelprodukteweb {
	background-image: url(../bilder/produkte/mittlererKreisWebover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: 147px;
	left: 162px;
	width: 269px;
	height: 96px; }
#fuss {
	text-align: right;
	position: relative;
	width: 930px;
	clear: both;
	margin-top: 14px;
	margin-right: auto;
	margin-left: auto; }
#fuss address {
	font-style: normal;
	padding-top: 5px; }
#fuss span span {
	color: #636262;
	font-size: 0.7em;
	font-weight: normal;
	padding-right: 0.4em;
	padding-left: 0.4em;
	border-right: 1px solid #c2c3c1;
	display: inline; }
#fuss span span.postal-code {
 	border-right-style: none;
 	padding-right: 0em;
 }
#fuss span span.locality {
 	padding-left: 0em;
 } 	
#fuss span span.url {
	border-right-style: none; }
#fuss span a {
	color: #282828;
	text-decoration: none; }
#fuss span a:hover span.email {
	color: #7e9812;
	text-decoration: none; }
#fuss span span.fn {
	color: #767575;
	font-weight: bold; }
#webmaster {
	text-align: center;
	position: relative;
	clear: both;
	text-align: right;
	width: 930px;
	margin-top: 7px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 6px; }
#webmaster a {
	color: #717171;
	font-size: 0.65em;
	text-decoration: none;
 }
#webmaster a:hover {
	color: #2b2b2b;
 }
body.logo #slider {
	background-image: url(../bilder/cycle/hinterlogos.jpg);
	 }
body.logo #slider ul#control, body.zeichnung #slider ul#control, body.karikatur #slider ul#control {
	background-image: url(../bilder/cycle/nav/Cyclenavlogos.png);
}
body.ci #slider {
	background-image: url(../bilder/cycle/hinterci.jpg);
}
body.kinderbuch #slider {
	background-image: url(../bilder/cycle/kinderbuch-leerkreis.jpg);
	height: 460px; }
body.kinderbuch #slider #slides img {
	margin-top: -5px; }
body.kinderbuch #slider ul#control {
	background-image: url(../bilder/cycle/nav/Cyclenavkinderbuch.png);
 }
body.kinderbuch #slides img.kb1 {
	width: 339px;
	height: 340px;
	padding-top: 25px;
	padding-left: 55px; }
body.kinderbuch #slides img.kb0 {
	padding-top: 165px;
	padding-left: 185px;
	width: 180px;
	height: 180px; }
body.kinderbuch #slides img.kb2 {
	padding-top: 25px;
	padding-left: 155px;
	width: 253px;
	height: 253px; }
body.kinderbuch #slides img.kb4 {
	padding-top: 95px;
	padding-left: 155px;
	width: 253px;
	height: 253px; }
body.kinderbuch #slides img.kb5 {
	padding-top: 95px;
	padding-left: 115px;
	width: 253px;
	height: 253px; }
body.kinderbuch #slides img.kb3 {
	padding-top: 25px;
	padding-left: 55px;
	width: 339px;
	height: 340px; }
body.kinderbuch #slides img.kb6 {
	padding-top: 185px;
	padding-left: 185px;
	width: 180px;
	height: 180px; }
body.kinderbuch #slides img.kb7 {
	width: 339px;
	height: 340px;
	padding-top: 25px;
	padding-left: 55px; }	
body.zeichnung #slider {
	background-image: url(../bilder/cycle/zeichnung-leerkreis.jpg);
	background-repeat: no-repeat;
	background-position: left top;
 }