/*################################
      html elemente
################################*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	color: #4C4949;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image:url(../img/hg-textsite.jpg);
	background-repeat:repeat;
}
.preview { /* body-angaben für admin-preview */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
img {
	border: 0px;
}
p, h1, h2, h3 {
	font-size: 14px;
	display: inline;
}
a {
	color: #4C4949;
	text-decoration:underline;
	
}
a:hover {
	color:#F00 !important;
}
/*################################
      custom elemente
################################*/
.inv {
	width: 0px;
	height: 0px;
	visibility: hidden;
	overflow: hidden;
}
.topanker {
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#head {
	margin-top: 20px;
	background-position: 272px;
	height: 62px;
	width: 100%;
	background-image: url(../img/hg.jpg);
	background-repeat: repeat-x;
}

#head #logo{
	width: 400px;
	float: left;
}
#head #druckversion {
	float: right;
	text-align: right;
	color: #BEBDB6;
	width: 120px;
	margin-right: 30px;
}
#head #druckversion #printer {
	margin-right: 2px;
	margin-left: 6px;
	vertical-align:bottom;
	/*margin-bottom: 2px;*/
}
#head #druckversion a {
	color: #BEBDB6;
	text-decoration: none;
}
#head #druckversion a:hover {
	color:#F00; /*: #C00808;*/
	/*text-decoration: underline;*/
}
#foot {
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 100%;
	height: 40px;
	background-image: url(../img/hg2.jpg);
	background-repeat: repeat-x;
}
#aricenter {
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	width: 884px;
}
#content {
	clear: both;
	margin-top: 32px;
}
#printcontent {
	width: 96%;
	padding-top: 20px;
	padding-left: 2%;
	padding-right: 2%;
}
.leftcol {
	float: left;
	width: 204px;
	margin-right:2px;
	vertical-align: top;
	overflow: hidden;
}
.rightcol {
	overflow: hidden;
	vertical-align: top;
	width: 616px;
	/*
	margin-right: 10px;
	*/
	margin-left: 30px;
	float: left;
}
#topspace {
	clear: both;
	height: 30px;
}
.clearcols {
	clear: both;
	height: 1px;
	width: 100%;
	margin: 0px;
	line-height: 0px;
	font-size: 1px;
}
#newsticker {
	margin-left: 12px;
	margin-top: 12px;
	border-top: 1px solid #000;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
}
#newsticker hr{
	height: 1px;
	border: none;
	border-bottom: 1px dashed #000;
	margin-top: 8px;
	margin-bottom: 8px;
}
#newsticker hr.newstickerlinks{
	height: 1px;
	border: none;
	border-bottom: 1px solid #000;
	margin-top: 10px;
	margin-bottom: 10px;
}
.navigation {
	width: 100%;
}
#navis {
	margin-left: 12px;
}
#navi1 {
	margin-top: 0px;
	color:#333;
}
#navi2 {
	margin-top: 10px;
}
#navi3 {
	margin-top: 4px;
}
#navi4 {
	margin-top: 4px;
}
#naviflash {
	margin-top: 10px;
}

.navspace {
	clear: both;
	height: 6px;
}
.navline {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border-top: 1px solid #D2D1CC;
	/*border-bottom: 1px solid #D2D1CC;*/
}
.navlist {
	text-align: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.navlist li {
	display: block;
	float: left; /*ie-fix vertikale listenabstände*/
	width: 100%; /*ie-fix vertikale listenabstände*/
}
.navlist li a {
	color: #000000;	
	padding-left: 12px;	
	/*padding-right: 20px;*/
	padding-top: 1px;
	padding-bottom: 1px;
	display: block;
	text-decoration: none;
	height: 1%; /*ie-fix display: block;*/	
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
.navlist li a:hover {
	color:#F00; /*: #C00808;*/
	/*background-color: #F0F2F4;*/
}
.navlist .flashlink{
	background-image:url(../img/stern.gif);
	background-position: 0px 3px;
	margin-left: 12px;
}
.navlist .textlink{
	background-image:url(../img/navilist1.gif);
	background-position: 0px 1px;
	margin-left: 12px;
}
.navlist .level0{
}
.navlist .level0active{
	color:#F00; /*: #C00808;*/
	font-weight: bold;
}
.navlist .level1first{
	/*background-image:url(../img/navilist2-inactive.gif);*/
	margin-left: 34px;
}
.navlist .level1{
	margin-left: 34px;
}
.navlist .level1activefirst{
	/*
	background-image:url(../img/navilist2-active.gif);*/
	margin-left: 34px;
	color:#F00; /*: #C00808;*/
}
.navlist .level1active{
	margin-left: 34px;
	color:#F00; /*: #C00808;*/
}
.navlist .level2first{
	margin-left: 48px;
}
.navlist .level2{
	margin-left: 48px;
}
.navlist .level2activefirst{
	margin-left: 48px;
	color:#F00; /*: #C00808;*/
}
.navlist .level2active{
	margin-left: 48px;
	color:#F00; /*: #C00808;*/
}

.navlist .level02{
}
.navlist .level02active{
	color: #F00; /*: #C00808;*/
}
.navlist .level12{
	margin-left: 34px;
}
.navlist .level12active{
	margin-left: 34px;
	color:#F00; /*: #C00808;*/
}
.navlist .level22{
	margin-left: 48px;
}
.navlist .level22active{
	margin-left: 48px;
	color:#F00; /*: #C00808;*/
}

#contentblock {
	width: 100%;
	overflow: hidden;
}
.rootstr {
	color: #A9B5B1;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
.rootstr:hover{
	color:#F00; /*: #C00808;*/
}

.chapterblock {
}
.brdrs{
	border: 0px dashed #D2D1CC;
}
.brdrc{
	width:100%;
	/*height:1%;
	overflow:hidden;*/
}
.contentchapters {
	margin-bottom: 30px;
	width: 100%;
}
.colmain {
	width:100%;
	float:left;/**/
	overflow:hidden;
	vertical-align: top;
}
#printcontent .colmain {
	width: 100%;
}
.colmarg {
	width:250px;
	float:right;
	overflow:hidden;
	/*overflow:hidden;*/
	display: inline;
	vertical-align: top;
}
.coltop {
	clear:both;
	width:100%;
	overflow:hidden;
}
.colbottom {
	clear:both;
	width:100%;
	overflow:hidden;
}
#printcontent .colmarg img {
	/*width: 90%;
	height: 90%;*/
}
.contentseperator {
	border-top: 1px solid #666;	
	height: 12px;
	overflow:hidden;
}
.chapnofloat {
	clear:both;
	width:100%;
	/*overflow:hidden;*/
}
.contentfoot { /*z.zt. nicht verwendet*/
	clear:both;
	border-top: 1px solid #D2D1CC;
	padding-top: 12px;
	padding-bottom: 12px;
	width: 100%;
}
.chapabst {
	clear:both;
	padding-top: 12px;
	width: 100%;
}
.chapbabst {
	clear:both;
	height: 12px;
	width: 100%;
}
.chapline {
	clear:both;
	border-top: 1px dashed #D2D1CC;
	padding-top: 12px;
	width: 100%;
}
.chapterimg {
	width: 100%;
	text-align: right;
	background-color: #E9E9E9;
	margin-bottom: 10px;
}
.imgnorm {
	width: 100%;
	padding-bottom: 10px;
	text-align: center;
}
.imgtop {
	padding-bottom: 10px;
	overflow: hidden;
}
.imgmidtop {
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}
.imgbottom {
	overflow: hidden;
	padding-top: 12px;
}
.imgmidbottom {
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
}
.imgleft {
	overflow: hidden;
	padding-bottom: 20px;
	padding-right: 30px;
	float: left;
}
.imgright {
	overflow: hidden;
	padding-bottom: 20px;
	padding-left: 30px;
	float: right;
}
.imgthumbleft {
	overflow: hidden;
	padding-right: 30px;
	float: left;
}
.imgthumbright {
	overflow: hidden;
	padding-left: 30px;
	float: right;
}
.imgthumbtop {
	overflow: hidden;
	padding-bottom: 10px;
}
.projectimages {	
}
.projectaudiofiles {	
}
#printcontent .projectaudiofiles {	
	display: none;
}
.projectimgscol {
	text-align: right;
	padding-left: 30px;
	padding-bottom: 20px;
	width: 210px;
	float: right;
}
.projectimgsrow {
	text-align: right;
	padding-left: 30px;
	padding-bottom: 10px;
	width: 210px;
	float: right;
	/*height: 100%;*/
}
.imgsubtitle {
	color: #999999;
	font-size: 10px;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;	
	padding-top: 8px;
	padding-left: 2px;	
	padding-right: 2px;	
	padding-bottom: 10px;	
}
.ariprojects {
	width: 100%;
}
.ariprojectsleftcol {
	/*
	width: 400px;
	float: left;
	*/
	clear:both;
}
.ariprojectsrightcol {
}
.projectimg {
}
.textblock {
	clear: both;
	color: #666666;
	text-align:left;
	/*margin-top: 20px;*/
	width: 100%;
}
.textblock a.link {
	/*color: #BEBDB6;*/
	color: #6F0C0C;
}
.textblock a.link:hover {
	color: #C00808;
}
.textblock a.filelink {
	color: #6F0C0C;
	/*text-decoration: none;*/
}
.textblock a.filelink:hover {
	/*color: #C00808;*/
	text-decoration: underline;
}
.textblock h1 {
	/*color:#000000;*/
	font-size: 10px;
	font-weight: bold;
}
.textblock h2 {
	font-size: 12px;
	font-weight: bold;
}
.textblock .toplink {
	margin-top: 12px;
	margin-bottom: 12px;
	color: #BEBDB6;
	text-align: right;
}
.textblock .toplink .toppfeil {
	vertical-align:bottom;
	margin-left: 6px;
	margin-bottom: 2px;
}
.textblock .toplink a {
	color: #BEBDB6;
	text-decoration: none;
}
.textblock .toplink a:hover {
	color:#F00; /*: #C00808;*/
	/*text-decoration: underline;*/
}
.galleryall {
	margin-top: 3px;
	width: 100%;
}
.galleryclear {
	clear: both;
}
.galleryrow {
	clear: both;
	width: 100%;
}
.gallerythumbsframe {
	width: 33%;
	margin-bottom: 10px;
	float:left;
	overflow: hidden;
}
.gallerythumbsframem {
	width: 34%;
	margin-bottom: 10px;
	float:left;
	overflow: hidden;
}
.galleryimgsubtitle {
	color: #999999;
	/*border: 1px solid #BBBBBB;*/
	font-size: 10px;
	text-align: left;
	overflow:visible;
}
.galleryimgsubtitle a {
	color: #666;
	text-decoration:none;
	display:block;
	padding-top: 4px;	
	padding-bottom: 4px;
	min-height: 40px;
}
.projectlinkl {
	background-color:none;
	overflow:hidden;
	height: 1%;
}
.projectlinkm {
	background-color:none;
	overflow:hidden;
	height: 1%;
	margin-right:auto;
	margin-left:auto;
}
.projectlinkr {
	background-color:none;
	overflow:hidden;
	height: 1%;
	float:right;
}
.thumb1{
	margin-right:2.5%;
}
.thumb2{
	margin-right:1.5%; margin-left:1%;
}
.thumb3{
	margin-left:1.5%; margin-right:1%;
}
.projectlinkl:hover, .projectlinkm:hover, .projectlinkr:hover {
	background-color:#F0F0F0;
}
.showgallerynavi {	
	margin-left: auto;	
	margin-right: auto;	
}
.showgallerynavi .link {
	color: #666666;
	text-decoration:none;
}
.showgallerynavi .link:hover {
	color:#F00; /*: #C00808;*/
}
.showgalleryimgrow {	
	padding-top: 20px;
	clear: both;
	width: 100%;
	text-align: center;
}
.showgalleryimg {		
	margin-left: auto;	
	margin-right: auto;
}
.showgalleryimgsubtitle {
	text-align: left;
	color: #999999;
	font-size: 10px;	
	margin-top: 10px;	
}
/*################################
      druckversion
################################*/

.printseperator {
	border-top: 1px #000 solid;
	/*width: 100%;*/
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 10px;
}
#printfoot {
	/*width: 100%;*/
	color: #000;
	font-size: 100%;
	margin-bottom: 30px;
	padding-top: 10px;
}
.printpageurl {
	color: #000;
}
/*################################
      standard-plugins
################################*/

/*########## sitemap [zur zeit nicht benutzt] ##########*/

.textblock .sitemaplink {
	/*color: #BEBDB6;*/
	color: #666666;
	text-decoration: underline;
}
.textblock .sitemapfolderlink {
	/*color: #BEBDB6;*/
	color: #666666;
	text-decoration: underline;
}
.textblock .sitemaprubric {
	/*color: #BEBDB6;*/
	color: #666666;
	text-decoration: underline;
}
.textblock .sitemaplist {
	list-style:none;
	padding-top: 2px;
	padding-bottom: 6px;
}
.textblock .sitemaplist li {
	padding-top: 1px;
	padding-bottom: 1px;
}
/*################################
      ARI PROJECTS
################################*/

.ariprtitle {
	color: #000;
	font-weight: bold;
}
.aripryearloc {
	color: #993300;
	font-weight: bold;
}
.ariprdescription {
	color: #000;
}

/*################################
      editmode
################################*/

.editexit {
	width: 9px;
	height: 9px;
	position:absolute;
	margin-top: 11px;
	margin-left: 5px;
	z-index: 99;
}

/*------------- Menü EDIT-Buttons -------------*/

.navlist li .editnav {
	width: 9px;
	height: 9px;
	margin-left: -8px;
	position:absolute;
}
.navlist li .editnav a{
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
}
/*------------- Chapter / Page EDIT-Buttons -------------*/
.editchapter {
	width: 9px;
	height: 9px;
	position:absolute;
	margin-top: 4px;
	margin-left:-14px;
	clear:both;
	z-index:0;
}
.editpage {
	width: 9px;
	height: 9px;
	position:absolute;
	margin-top: -10px;
	margin-left:0px;
}
/*------------- Image-File EDIT-Buttons -------------*/

.editimgfile {
	width: 9px;
	height: 9px;
	position:absolute;
	margin-top: 1px;
	margin-left: 1px;
}
.editpiimgfile {
	width: 9px;
	height: 9px;
	position:fixed;
	left: 235px;
	top: 118px;
	z-index: 99;
}
/*------------- Image-File EDIT-Buttons -------------*/

.editgallery {
	width: 9px;
	height: 9px;
	position:absolute;
	margin-top: -10px;
	margin-left: 0px;/**/
}