body {
	margin: 0;
	padding: 0;
	color: #615E59;
	min-width: 1000px;
	font: 12px Arial, Helvetica, sans-serif;
	background: #E9E6DA url(/ui/img/bg-body.gif) repeat-x 0 0;
}

#index {
	margin: 0;
	padding: 0;
	color: #615E59;
	min-width: 1000px;
	font: 12px Arial, Helvetica, sans-serif;
	background: #E9E6DA url(/ui/img/bg-index.gif) repeat-x 0 0;
}

#intro {
	width: 700px;
	margin: 17px 0 0 0;
	padding: 0px;
	border: 1px solid #C3BB9A;
	background: #F1EEE1;
}

#intro * {
	margin: 10px;
}

input {
	font: 10px Arial, Helvetica, sans-serif;
	vertical-align: bottom;
}

form {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #9A3604;
}

a:hover {
	text-decoration: underline;
}

img {
	display: block;
	border: none;
}

/* header */

#header {
	height: 151px;
	position: relative;
	width: 1000px;
	overflow: hidden;
}

#header ul.add {
	width: 257px;
	height: 22px;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	left: 744px;
}

#header ul.add li {
	float: left;
}

#header ul.add li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 22px;
	background-image: url(/ui/img/text-add.gif);
	background-repeat: no-repeat;
}

#header ul.add li a.blog {
	width: 44px;
	background-position: 0 0;
}

#header ul.add li a.t-magazine {
	width: 112px;
	background-position: -44px 0;
}

#header ul.add li a.t-people {
	width: 101px;
	background-position: -156px 0;
}

#header ul.add li.active a.blog,#header ul.add li a.blog:hover {
	background-position: 0 -22px;
}

#header ul.add li.active a.t-magazine,#header ul.add li a.t-magazine:hover {
	background-position: -44px -22px;
}

#header ul.add li.active a.t-people,#header ul.add li a.t-people:hover {
	background-position: -156px -22px;
}

#header a.logo, #header a.t-tag {
	width: 395px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 40px;
	left: 12px;
	background: url(/ui/img/logo-mit-slogan-neu.gif);
	height: 45px;
}

#header a.t-tag {
	width: 86px;
	height: 20px;
	left: 633px;
	top: 102px;
	background: url(/ui/img/a-tuxamoon-t.gif);
}

/* maun navigation */

#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 29px;
	top: 94px;
}

#nav li {
	float: left;
}

#nav li a {
	text-decoration: none;
	color: #fff;
	padding: 0 13px;
	font-size: 18px;
	line-height: 35px;
	height: 35px;
	float: left;
	display: block;
}

#nav li a:hover,
#nav li.active a {
	background: #868688;
}

body.home a.home,
body.home a.home:hover,
body.gesellschaft a.gesellschaft,
body.gesellschaft a.gesellschaft:hover,
body.umwelt a.umwelt,
body.umwelt a.umwelt:hover,
body.soziales a.soziales,
body.soziales a.soziales:hover,
body.kultur a.kultur,
body.kultur a.kultur:hover,
body.service a.service,
body.service a.service:hover {
	background: #868688;
	cursor: text !important;
}

body.gesellschaft #nav li.gesellschaft ul,
body.umwelt #nav li.umwelt ul,
body.soziales #nav li.soziales ul,
body.kultur #nav li.kultur ul,
body.service #nav li.service ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	position: absolute;
	width: 550px;
	top: 35px;
	left: 0;
}

body.gesellschaft #nav li.gesellschaft ul li a,
body.kultur #nav li.kultur ul li a,
body.service #nav li.service ul li a,
body.bildungberuf #nav li.gesellschaftbildungberuf ul li a,
body.umwelt #nav li.gesellschaftumwelt ul li a,
body.innovation #nav li.gesellschaftinnovation ul li a,
body.mensch #nav li.gesellschaftmensch ul li a,
body.global #nav li.gesellschaftglobal ul li a,
body.kerzenhaendler #nav li.kulturkerzenhaendler ul li a,
body.musik #nav li.kulturmusik ul li a,
body.literatur #nav li.kulturliteratur ul li a,
body.kunst #nav li.kulturkunst ul li a,
body.comic #nav li.kulturcomic ul li a,
body.kulturpolitik #nav li.kulturkulturpolitik ul li a,
body.veranstaltungen #nav li.kulturveranstaltungen ul li a,
body.verschiedenes #nav li.kulturverschiedenes ul li a,
body.umwelt #nav li.umwelt ul li a,
body.auto #nav li.umweltauto ul li a,
body.verschiedenes #nav li.umweltverschiedenes ul li a,
body.soziales #nav li.soziales ul li a,
body.finanzen #nav li.sozialesfinanzen ul li a,
body.verschiedenes #nav li.sozialesverschiedenes ul li a,
body.newsletter #nav li.servicenewsletter ul li a,
body.kontakt #nav li.servicekontakt ul li a,
body.impressum #nav li.serviceimpressum ul li a {
	font-size: 10px;
	height: 22px;
	line-height: 22px;
	padding: 0 8px;
	text-transform: uppercase;
	background: none;
}

#nav li ul li a:hover,
body.auto #nav li ul li.gesellschaftauto a,
body.bildungberuf #nav li ul li.gesellschaftbildungberuf a,
body.umwelt #nav li ul li.gesellschaftumwelt a,
body.innovation #nav li ul li.gesellschaftinnovation a,
body.mensch #nav li ul li.gesellschaftmensch a,
body.global #nav li ul li.gesellschaftglobal a,
body.kerzenhaendler #nav li ul li.kulturkerzenhaendler a,
body.musik #nav li ul li.kulturmusik a,
body.literatur #nav li ul li.kulturliteratur a,
body.kunst #nav li ul li.kulturkunst a,
body.comic #nav li ul li.kulturcomic a,
body.kulturpolitik #nav li ul li.kulturkulturpolitik a,
body.veranstaltungen #nav li ul li.kulturveranstaltungen a,
body.verschiedenes #nav li ul li.kulturverschiedenes a,
body.auto #nav li ul li.umweltauto a,
body.verschiedenes #nav li ul li.umweltverschiedenes a,
body.finanzen #nav li ul li.sozialesfinanzen a,
body.verschiedenes #nav li ul li.sozialesverschiedenes a,
body.newsletter #nav li ul li.servicenewsletter a,
body.kontakt #nav li ul li.servicekontakt a,
body.impressum #nav li ul li.serviceimpressum a {
	background: #A7A7A9 !important;
}

body.bildungberuf a.gesellschaftbildungberuf,
body.umwelt a.gesellschaftumwelt,
body.innovation a.gesellschaftinnovation,
body.mensch a.gesellschaftmensch,
body.global a.gesellschaftglobal,
body.kerzenhaendler a.kulturkerzenhaendler,
body.musik a.kulturmusik,
body.literatur a.kulturliteratur,
body.kunst a.kulturkunst,
body.comic a.kulturcomic,
body.kulturpolitik a.kulturkulturpolitik,
body.veranstaltungen a.kulturveranstaltungen,
body.newsletter a.servicenewsletter,
body.kontakt a.servicekontakt,
body.impressum a.serviceimpressum,
body.bildungberuf a.gesellschaftbildungberuf:hover,
body.umwelt a.gesellschaftumwelt:hover,
body.innovation a.gesellschaftinnovation:hover,
body.mensch a.gesellschaftmensch:hover,
body.global a.gesellschaftglobal:hover,
body.kerzenhaendler a.kulturkerzenhaendler:hover,
body.musik a.kulturmusik:hover,
body.literatur a.kulturliteratur:hover,
body.kunst a.kulturkunst:hover,
body.comic a.kulturcomic:hover,
body.kulturpolitik a.kulturkulturpolitik:hover,
body.veranstaltungen a.kulturveranstaltungen:hover,
body.verschiedenes a.kulturverschiedenes:hover,
body.auto a.umweltauto:hover,
body.verschiedenes a.umweltverschiedenes:hover,
body.finanzen a.sozialesfinanzen:hover,
body.verschiedenes a.sozialesverschiedenes:hover,
body.newsletter a.servicenewsletter:hover,
body.kontakt a.servicekontakt:hover,
body.impressum a.serviceimpressum:hover {
	background: #A7A7A9;
	cursor: text !important;
}

#nav li ul {
	display: none;
}

/* main */

#pagewidth {
	width: 1000px;
	overflow: hidden;
}

#main {
	width: 1000px;
	float: left;
	background: url(/ui/img/bg-main.gif);
}

#main #content {
	width: 744px;
	float: left;
	overflow: hidden;
}

.top-box {
	height: 185px;
	padding: 24px 0 0 0;
	overflow: hidden;
	position: relative;
}

.top-box a.image {
	float: left;
	margin: 0 0 0 29px;
	padding: 3px;
	border: 1px solid #E9E6DA;
}

.top-box .text {
	width: 482px;
	float: right;
}

.top-box .text h1 {
	color: #9A3604;
	font-size: 21px;
	font-weight: normal;
	margin: 12px 0 0 0;
}

.top-box .text p {
	line-height: 24px;
	background: url(/ui/img/bg-home-line.gif);
	color: #7E7A64;
	margin: 11px 25px 0 0;
}

#main-content {
	padding: 7px 0 20px 29px;
	width: 715px;
}

ul.list {
	margin: 0;
	width: 700px;
	overflow: hidden;
	padding: 12px 0 21px 0;
	border-bottom: 1px solid #C3BB9A;
	list-style: none;
}

ul.list.last {
	border: none;
}

ul.list li {
	float: left;
	width: 350px;
}

ul.list li a {
	font-weight: bold;
}

ul.list li .image {
	float: left;
	padding: 4px;
	margin: 0 8px 0 0;
	background: #fff;
	border: 1px solid #C3BB9A;
}

ul.list li h2 {
	margin: 0 9px 0 0;
	font-size: 12px;
}

ul.list li p {
	margin: 4px 9px 0 0;
}

.bootom-box {
	overflow: hidden;
	width: 700px;
	padding: 12px 0 0 0;
}

.bootom-box.middle {
	border-bottom: 1px solid #C3BB9A;
	padding: 12px 0 20px 0;
}

.bootom-box .image {
	float: left;
	padding: 4px;
	margin: 0 25px 0 0;
	border: 1px solid #C3BB9A;
	background: #fff;
}

.bootom-box h2 {
	color: #9A3604;
	font-size: 21px;
	font-weight: normal;
	margin: 0;
}

.bootom-box h2 a {
	font-weight: normal;
}

.bootom-box a {
	font-weight: bold;
}

.bootom-box p {
	margin: 11px 0 6px 0;
}

.bootom-nav {
	width: 700px;
	margin: 0px 0 0 0;
	padding: 0;
	height: 13px;
	letter-spacing: 1px;
	list-style: none;
	font: 8px/13px  Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #C3BB9A;
	border-top: 0px solid #C3BB9A;
	background: #F1EEE1;
}

.bootom-nav a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 100px;
	height: 5px;
	margin: 4px 0 0 0;
	background: url(/ui/img/a-prev.gif);
}

.bootom-nav li.next a {
	background: url(/ui/img/a-next.gif);
	margin: 4px 3px 0 0;
}

.bootom-nav li {
	float: left;
}

.bootom-nav li.next {
	float: right;
}

#main #right {
	float: right;
	width: 254px;
	position: relative;
	z-index: 100;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: -78px 0 0 0;
	background: #F5F4F2;
}

#main #right h3 {
	background: #F1EEE1;
	height: 29px;
	margin: 0;
	border-bottom: 1px solid #D2D2B7;
	border-top: 1px solid #D2D2B7;
	font-size: 13px;
	color: #9A3604;
	padding: 0 0 0 20px;
	line-height: 29px;
}

#main #right .banner {
	margin: 24px auto;
	border: 1px solid #BCBCAC;
	display: block;
	width: 150px;
}

#main #right p {
	margin: 0 14px 0 14px;
	line-height: 16px;
	color: #73503E;
	font-size: 11px; position:relative;}

#main #right p img,
#main #right p a img,
#main #right p img.center,
#main #right p a img.center {
	max-width:226px;
	overflow:hidden; margin:14px auto 10px auto;}

#main #right p img.left,
#main #right p a img.left {margin:14px auto 10px 0;}

#main #right p img.right,
#main #right p a img.right {margin:14px 0 10px auto;}

ul.category-list {
	margin: 0;
	padding: 10px 0 25px 13px;
	list-style: none;
}

ul.category-list li {
	padding: 4px 0 0 0;
}

ul.category-list li a {
	padding: 0 0 0 20px;
	color: #DDDDDD;
	text-decoration: underline;
	background: url(/ui/img/bullet.gif) no-repeat left;
}

ul.category-list li a:hover {
	text-decoration: none;
}

ul.category-list li span {
	color: #006699;
}

#main #right form {
	padding: 10px 0 18px 13px;
}

#main #right form label {
	color: #7E7A64;
	display: block;
	padding: 0 25px 15px 0;
}

#main #right form input.txt {
	width: 120px;
	height: 13px;
	padding: 1px 0 0 4px;
	border: 1px solid #939291;
}

#main #right form p {
	margin: 6px 0 0 0;
	color: #777776;}

#main #right form p strong {
	padding: 0 0 0 19px;
	background: url(/ui/img/bg-safe.gif) no-repeat left;
}

#footer {
	font-size: 11px;
	width: 100%;
	padding: 30px 0 25px 0;
	background: #51473D url(/ui/img/bg-footer.gif) repeat-x 0 0;
}

#footer p {
	margin: 14px 0 0 0;
	width: 745px;
	color: #7C7C7C;
	text-align: center;
}

#footer ul {
	margin: 0;
	padding: 0 0 0 199px;
	width: 546px;
	overflow: hidden;
	list-style: none;
}

#footer ul li {
	float: left;
	padding: 0 9px 0 0;
	margin: 0 8px 0 0;
	background: url(/ui/img/divider-foo.gif) no-repeat right;
}

#footer ul li.last {
	background: none;
}

#footer ul li a {
	text-decoration: none;
	color: #CDD0B7;
}

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

/* book page */

.amazon-book {
	width: 147px;
	height: 259px;
	float: right;
	display: inline;
	margin: 10px 15px 0 20px;
	background: #F1EEE1;
	padding: 12px 0 0 19px;
	border-bottom: 1px solid #C3BB9A;
	border-top: 1px solid #C3BB9A;
}

.amazon-book div.frame {
	border: 1px solid #C3BB9A;
	padding: 3px;
	background: #fff;
}

.amazon-book div.frame {
	width: 120px;
	height: 240px;
}

.amazon-book div.frame * {
	background: #F1EEE1;
}

.text-book p {
	margin: 0;
	line-height: 1.8;
	padding: 11px 15px 0 55px;
}

ul.quick-l {
	margin: 27px 0 0 0;
	padding: 0;
	list-style: none;
	width: 700px;
	height: 22px;
	background: #F1EEE1;
	border-bottom: 1px solid #C3BB9A;
	border-top: 1px solid #C3BB9A;
}

ul.quick-l li {
	float: left;
}

ul.quick-l li a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	margin: 3px 10px 0 0;
}

ul.quick-l li a.bookmarken {
	width: 77px;
	height: 5px;
	margin: 9px 10px 0 3px;
	background: url(/ui/img/bookmarken.gif);
}

ul.quick-l li.print {
	float: right;
	margin: 0 2px 0 0;
}

ul.quick-l li.print a {
	width: 72px;
	margin: 4px 0 0 0;
	height: 14px;
	background: url(/ui/img/a-print.gif);
}

ul.bootom-opt {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 700px;
	height: 13px;
	background: #F1EEE1;
	border-bottom: 1px solid #C3BB9A;
}

ul.photo-600-opt {
	margin: -5px 0 0 0;
	padding: 0;
	list-style: none;
	width: 700px;
	border-bottom: 1px solid #C3BB9A;
}
	
div.flex
	{margin: 18px 19px 10px 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	float: left;}

ul.photo-flex-opt {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #C3BB9A;
}
ul.photo-row-opt {
	margin: 0 15px 0 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #C3BB9A;
}

ul.photo-600-opt li {
	margin: 0 0 0 0;
	padding: 0px 40px 5px 19px;
	font-size: 11px;
}

ul.photo-flex-opt li {
	margin: 0 0 0 0;
	padding: 5px 12px 5px 19px;
	font-size: 11px;
}
ul.photo-row-opt li {
	margin: -5px 0 0 0;
	padding: 0px 12px 5px 19px;
	font-size: 11px;
}

ul.bootom-opt li {
	float: left;
}

ul.bootom-opt li.zuruck {
	float: right;
}

ul.bootom-opt li a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 5px;
	margin: 4px 0 0 0;
}

ul.bootom-opt li.nach-oben a {
	width: 70px;
	background: url(/ui/img/text-nach-oben.gif);
}

ul.bootom-opt li.zuruck a {
	width: 133px;
	background: url(/ui/img/text-zuruck.gif);
}

/* book top-box */

.top-box .book {
	width: 178px;
	float: left;
}

.top-box .description {
	float: right;
	width: 566px;
}

.top-box .book img {
	margin: 0 auto;
	padding: 3px;
	border: 1px solid #E9E6DA;
}

.top-box .description em {
	color: #77746A;
	font-style: normal;
}

.top-box .description h1 {
	color: #9A3604;
	font-size: 21px;
	font-weight: normal;
	margin: 5px 0 0 0;
}

.top-box .description strong {
	display: block;
	margin: 5px 0 0 0;
	font-weight: normal;
}

.top-box .description h2 {
	margin: 46px 0 0 0;
	font-size: 17px;
}

.top-box .description span {
	font-size: 11px;
	display: block;
	margin: 5px 0 0 0;
}

ul.photo {
	margin: 21px 0 10px 0;
	padding: 12px 0 11px 19px;
	width: 681px;
	overflow: hidden;
	list-style: none;
	background: #F1EEE1;
	border-bottom: 1px solid #C3BB9A;
	border-top: 1px solid #C3BB9A;
}

ul.photo li {
	float: left;
	margin: 0 19px 0 0;
}

ul.photo li a {
	padding: 3px;
	display: block;
	background: #fff;
	border: 1px solid #C3BB9A;
}

div.enlarge {
	width: 262px;
	float: left;
}

.enlarge .image {
	margin: 0 auto;
	padding: 3px;
	border: 1px solid #E9E6DA;
	overflow: hidden;
}
.description-photo
{
margin:0 16px 0 0;
}

.description-photo h1 {
	color: #9A3604;
	font-size: 21px;
	font-weight: normal;
	margin: 5px 0 0 0;
}

.description-photo em {
	color: #77746A;
	font-style: normal;
}

.description-photo strong {
	font-weight: normal;
	display: block;
	margin: 12px 0 0 0;
}

.description-photo p {
	margin: 32px 0 0 0;
}

div.enlarge a.enlarge {
	text-indent: -9999px;
	overflow: hidden;
	width: 66px;
	float: left;
	height: 10px;
	margin: 7px 0 0 33px;
	background: url(/ui/img/a-enlarge.gif);
}

div.cdenlarge {
	width: 210px;
	float: left;
}

.cdenlarge .image {
	margin: 0 auto;
	padding: 3px;
	border: 1px solid #E9E6DA;
	overflow: hidden;
}

div.cdenlarge a.cdenlarge {
	text-indent: -9999px;
	overflow: hidden;
	width: 66px;
	float: left;
	height: 10px;
	margin: 7px 0 0 33px;
	background: url(/ui/img/a-enlarge.gif);
}

a.copy {
	font-size: 10px;
	color: #968B78;
	position: absolute;
	bottom: 10px;
	right: 16px;
}

blockquote {
	margin: 16px 20px 10px 0;
	padding: 12px 19px 11px 19px;
	width: 220px;
	font-weight: bold;
	line-height: 1.3;
	overflow: hidden;
	background: #F1EEE1 url(/ui/img/quotleft.gif) left top no-repeat;
	border-bottom: 1px solid #C3BB9A;
	border-top: 1px solid #C3BB9A;
	float: left;
}

ul.photo-600 {
	margin: 21px 0 10px 0;
	padding: 12px 0 11px 19px;
	width: 681px;
	overflow: hidden;
	list-style: none;
	background: #F1EEE1;
	border-bottom: 1px solid #C3BB9A;
	border-top: 1px solid #C3BB9A;
}

ul.photo-600 li {
	float: right;
	margin: 0 19px 0 0;
}

ul.photo-600 li a {
	float: right;
	padding: 3px;
	display: block;
	background: #fff;
	border: 1px solid #C3BB9A;
}

ul.photo-flex {
	margin: 0;
	padding: 12px 0 11px 19px;
	overflow: hidden;
	list-style: none;
	background: #F1EEE1;
	border-bottom: 1px solid #C3BB9A;
	border-top: 1px solid #C3BB9A;
}

ul.photo-flex li {
	float: left;
	margin: 0 19px 0 0;
}

ul.photo-flex li a {
	padding: 3px;
	display: block;
	background: #fff;
	border: 1px solid #C3BB9A;
}

/* popup */

body#popup {
	background: #E9E6DA url(/ui/img/bg-popup.gif) repeat-x 0 0;
	width: 934px;
	height: 594px;
	margin: 0;
	padding: 0;
	position: relative;
	min-width: 934px;
}

body#popup .top {
	height: 49px;
	overflow: hidden;
	position: relative;
}

body#popup .top h1,
body#popup .top a.fenster-schlissen {
	position: absolute;
	top: 8px;
	left: 14px;
	width: 251px;
	display: block;
	margin: 0;
	overflow: hidden;
	text-indent: -9999px;
	height: 22px;
	background: url(/ui/img/logo2.gif);
}

body#popup .top a.fenster-schlissen {
	width: 117px;
	height: 11px;
	left: 808px;
	top: 11px;
	background: url(/ui/img/a-fenster-schlissen.gif);
}

body#popup .middle {
	width: 903px;
	padding: 0 19px 0 12px;
	overflow: hidden;
	position: relative;
}

body#popup .middle img {
	padding: 3px;
	float: left;
	background: #fff;
	margin: 0 10px 0 0;
	border: 1px solid #C3BB9A;
}
	
img.border {
	padding: 3px;
	background: #fff;
	border: 1px solid #C3BB9A;
}
	
img.noborder {
	padding: 0px;
	border: none;
}

body#popup .middle p {
	margin: 0 0 0 0;
	position: absolute;
	bottom: 17px;
	right: 10px;
	width: 190px;
}

body#popup .middle h2 {
	clear: both;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 12px;
}

body#popup .foo {
	height: 30px;
	background: url(/ui/img/bg-foo.gif);
	overflow: hidden;
	position: absolute;
	top: 564px;
	left: 0;
	width: 934px;
	line-height: 26px;
}

body#popup .foo p {
	margin: 0 0 0 13px;
	font-size: 10px;
}

body#popup .foo a {
	color: #615E52;
}

body#popup .foo ul {
	font-size: 11px;
	margin: 0;
	padding: 0 22px 0 0;
	list-style: none;
	float: right;
}

body#popup .foo ul li {
	float: left;
	margin: 0 6px 0 0;
}

body#popup .foo ul a {
	font-weight: bold;
}

sup {
	font: 8px verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

span.uppercase {
	text-transform: uppercase !important;
}