/**
 * layout.css
 * @author 	Guido Essing, Hannover [ecomeback]
 * @version 	0003 - 20.11.2007 21:21:13MET
 */

* {
 	margin: 0;
  padding: 0;
}

html {
 	height: 100%;
	width: 100%;
  margin: 0 0 0 0;
}

body {
	margin: 0;
	padding: 0;
  font-size: 0.98em;
  font-family: 'Open Sans', verdana, geneva, lucida, arial, helvetica, sans-serif;
  text-align: center;
}

body:after{
  display:none;
  content: url("../img/icons/backhover.png");
  }

div.standardtop {
  width:100px;
  height:15px;
  position:relative;
  top:-11px;
  left:883px;
  color:#404040;
  font-weight:bold;
  font-size:10px;
  }

div.shorttop {
  left:742px;
  }

div.standardbottom {
  text-align:center;
  margin-left:737px;
  margin-top:3px;
  color:#404040;
  font-weight:bold;
  font-size:11px;
  }

div.shortbottom {
  margin-left:455px;
  }

body#default {
	background: #7f7f7f;
  color: #a6a6a6;
}

div.DO_banner {
  background:url('../img/banner.gif');
  width:95px;
  height:428px;
  }

a.blank,a.blank:link,a.blank:visited,a.blank:hover,a.blank:active {
  text-decoration:none;
  color:#404040;
  cursor:default;
  }

a.bottom,a.bottom:link,a.bottom:visited,a.bottom:active {
  text-decoration:none;
  color:#404040;
  }

a.bottom:hover {
  color:#5f5f5f;
  }

h4.topheader {
  padding:15px 6px;
  letter-spacing:1px;
  font-size: 15px;
  }

.fleft {
  float:left;
  }

.underline {
  text-decoration:underline;
  }

.invisible {
	display:none;
  }

.noscroll {
  overflow:hidden!important;
}

.u {
  text-decoration:underline;
}

/* ////////// C O N T E N T ////////// */

/* ////////// M E N Ü ////////// */

a.link {
  display:block;
  padding:30px 30px;
  color:#7f7f7f;
  font-size:15px;
  border-radius:7px;
  text-decoration:none;
  }

a.link:hover {
  background-color: rgba(88, 84, 82, 0.3);
  }

a.linkactive {
  background-color: rgba(88, 84, 82, 0.3);
  }

/* ////////// A R B E I T E N ////////// */

table.arbeiten {
	position:relative;
	top:-10px;
	left:0px;
	width:469px;
	height:100%;
  border-spacing:11px;
	background-color:#7f7f7f;
	}

/* Arbeiten Main */
td.bg {
	color:#404040;
	width:103px;
	height:142px;
	font-family: 'Open Sans', verdana, geneva;
	font-weight:bold;
	font-size:15px;
	padding:11px;
	box-sizing: border-box;
	}

td.bg1 {background-color:#7a8a7a;}
td.bg2 {background-color:#d0d0bf;}
td.bg3 {background-color:#b3b398;}
td.bg4 {background-color:#d0d0bf;}
td.bg5 {background-color:#fffff0;}
td.bg6 {background-color:#7a8a7a;}
td.bg7 {background-color:#fffff0;}
td.bg8 {background-color:#b3b398;}
td.bg9 {background-color:#29191f; color:#FFFFF0;}


td.bg2:hover, td.bg7:hover, td.bg9:hover, td.bg3:hover {
	cursor:pointer;
	text-decoration:underline;
	}

/* Arbeiten Sub */

td.bg-sub {
	color:#7f7f7f;
	width:142px;
	height:142px;
	font-family: 'Open Sans', verdana, geneva;
	font-weight:bold;
	font-size:15px;
	box-sizing: border-box;
  text-align:center;
  padding:30px 0;
	}

#bg4,
#ta2, #ta5, #ta7,
#le4,
#bi5,
#in4, #in8, #in9 {
	position: relative;
}

.arbeiten-hov {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	box-sizing: border-box;
	pointer-events: none;
	text-align: inherit;
	font: inherit;
	color: inherit;
}

table.arbeiten tr:nth-child(1) td.bg-sub:nth-child(1) {background: #404040 url("../img/icons/back.png") no-repeat center; cursor:pointer;}
table.arbeiten tr:nth-child(1) td.bg-sub:nth-child(1):hover {background: #404040 url("../img/icons/backhover.png") no-repeat center; cursor:pointer;}

/* Hintergründe Textile Arbeiten (#textile-arbeiten) */
table#textile-arbeiten tr:nth-child(1) td.bg-sub:nth-child(2) {background: #404040 url("") no-repeat center;}
table#textile-arbeiten tr:nth-child(1) td.bg-sub:nth-child(3) {background: #404040 url("../img/arbeiten/textile_arbeiten_1.jpg") no-repeat center; background-image: image-set(url("../img/arbeiten/textile_arbeiten_1.webp") type("image/webp"), url("../img/arbeiten/textile_arbeiten_1.jpg") type("image/jpeg")); cursor:pointer;}
table#textile-arbeiten tr:nth-child(2) td.bg-sub:nth-child(1) {background: #404040 url("../img/arbeiten/textile_arbeiten_2.jpg") no-repeat center; background-image: image-set(url("../img/arbeiten/textile_arbeiten_2.webp") type("image/webp"), url("../img/arbeiten/textile_arbeiten_2.jpg") type("image/jpeg")); cursor:pointer;}
table#textile-arbeiten tr:nth-child(2) td.bg-sub:nth-child(2) {background: #404040 url("") no-repeat center;}
table#textile-arbeiten tr:nth-child(2) td.bg-sub:nth-child(3) {background: #404040 url("") no-repeat center;}
table#textile-arbeiten tr:nth-child(3) td.bg-sub:nth-child(1) {background: #404040 url("") no-repeat center;}
table#textile-arbeiten tr:nth-child(3) td.bg-sub:nth-child(2) {background: #404040 url("../img/arbeiten/textile_arbeiten_3.jpg") no-repeat center; background-image: image-set(url("../img/arbeiten/textile_arbeiten_3.webp") type("image/webp"), url("../img/arbeiten/textile_arbeiten_3.jpg") type("image/jpeg")); cursor:pointer;}
table#textile-arbeiten tr:nth-child(3) td.bg-sub:nth-child(3) {background: #404040 url("../img/arbeiten/textile_arbeiten_4.jpg") no-repeat center; background-image: image-set(url("../img/arbeiten/textile_arbeiten_4.webp") type("image/webp"), url("../img/arbeiten/textile_arbeiten_4.jpg") type("image/jpeg")); cursor:pointer;}
/* Hintergründe Leuchtobjekte (#leuchtobjekte) */
table#leuchtobjekte tr:nth-child(1) td.bg-sub:nth-child(2) {background: #404040 url("../img/arbeiten/leuchtobjekt_0.jpg") no-repeat center; background-image: image-set(url("../img/arbeiten/leuchtobjekt_0.webp") type("image/webp"), url("../img/arbeiten/leuchtobjekt_0.jpg") type("image/jpeg")); cursor:pointer; position:absolute; width:295px; height:450px; z-index:1;}
table#leuchtobjekte tr:nth-child(1) td.bg-sub:nth-child(3) {background: #404040 url("") no-repeat center;}
table#leuchtobjekte tr:nth-child(2) td.bg-sub:nth-child(1) {background: #404040 url("") no-repeat center;}
table#leuchtobjekte tr:nth-child(2) td.bg-sub:nth-child(2) {background: #404040 url("") no-repeat center;}
table#leuchtobjekte tr:nth-child(2) td.bg-sub:nth-child(3) {background: #404040 url("") no-repeat center;}
table#leuchtobjekte tr:nth-child(3) td.bg-sub:nth-child(1) {background: #404040 url("") no-repeat center;}
table#leuchtobjekte tr:nth-child(3) td.bg-sub:nth-child(2) {background: #404040 url("") no-repeat center;}
table#leuchtobjekte tr:nth-child(3) td.bg-sub:nth-child(3) {background: #404040 url("") no-repeat center;}
/* Hintergründe Textile Arbeiten (#bilder) */
table#bilder tr:nth-child(1) td.bg-sub:nth-child(2) {background: #404040 url("../img/arbeiten/bild_1.jpg") no-repeat center; background-image: image-set(url("../img/arbeiten/bild_1.webp") type("image/webp"), url("../img/arbeiten/bild_1.jpg") type("image/jpeg")); cursor:pointer;}
table#bilder tr:nth-child(1) td.bg-sub:nth-child(3) {background: #404040 url("") no-repeat center;}
table#bilder tr:nth-child(2) td.bg-sub:nth-child(1) {background: #404040 url("../img/arbeiten/bild_2.jpg") no-repeat center; background-image: image-set(url("../img/arbeiten/bild_2.webp") type("image/webp"), url("../img/arbeiten/bild_2.jpg") type("image/jpeg")); cursor:pointer;}
table#bilder tr:nth-child(2) td.bg-sub:nth-child(2) {background: #404040 url("") no-repeat center;}
table#bilder tr:nth-child(2) td.bg-sub:nth-child(3) {background: #404040 url("../img/arbeiten/bild_3.jpg") no-repeat center; background-image: image-set(url("../img/arbeiten/bild_3.webp") type("image/webp"), url("../img/arbeiten/bild_3.jpg") type("image/jpeg")); cursor:pointer;}
table#bilder tr:nth-child(3) td.bg-sub:nth-child(1) {background: #404040 url("") no-repeat center;}
table#bilder tr:nth-child(3) td.bg-sub:nth-child(2) {background: #404040 url("../img/arbeiten/bild_4.jpg") no-repeat center; background-image: image-set(url("../img/arbeiten/bild_4.webp") type("image/webp"), url("../img/arbeiten/bild_4.jpg") type("image/jpeg")); cursor:pointer;}
table#bilder tr:nth-child(3) td.bg-sub:nth-child(3) {background: #404040 url("") no-repeat center;}
/* Hintergründe Textile Arbeiten (#installationen) */
table#installationen tr:nth-child(1) td.bg-sub:nth-child(2) {background: #404040 url("") no-repeat center;}
table#installationen tr:nth-child(1) td.bg-sub:nth-child(3) {background: #404040 url("../img/arbeiten/thumbs/installationen_1.jpg") no-repeat center; background-image: image-set(url("../img/arbeiten/thumbs/installationen_1.webp") type("image/webp"), url("../img/arbeiten/thumbs/installationen_1.jpg") type("image/jpeg")); cursor:pointer;}
table#installationen tr:nth-child(2) td.bg-sub:nth-child(1) {background: #404040 url("") no-repeat center;}
table#installationen tr:nth-child(2) td.bg-sub:nth-child(2) {background: #404040 url("") no-repeat center;}
table#installationen tr:nth-child(2) td.bg-sub:nth-child(3) {background: #404040 url("../img/arbeiten/thumbs/installationen_2.jpg") no-repeat center; background-image: image-set(url("../img/arbeiten/thumbs/installationen_2.webp") type("image/webp"), url("../img/arbeiten/thumbs/installationen_2.jpg") type("image/jpeg")); cursor:pointer;}
table#installationen tr:nth-child(3) td.bg-sub:nth-child(1) {background: #404040 url("../img/arbeiten/thumbs/installationen_3.jpg") no-repeat center; background-image: image-set(url("../img/arbeiten/thumbs/installationen_3.webp") type("image/webp"), url("../img/arbeiten/thumbs/installationen_3.jpg") type("image/jpeg")); cursor:pointer;}
table#installationen tr:nth-child(3) td.bg-sub:nth-child(2) {background: #404040 url("") no-repeat center;}
table#installationen tr:nth-child(3) td.bg-sub:nth-child(3) {background: #404040 url("") no-repeat center;}

/* ////////// V I T A ////////// */

img.vita {
  margin:13px 7px 0 7px;
  }

div.vita {
  width:auto;
  height:404px;
  overflow-y:scroll;
  overflow-x:hidden;
  padding:0 0 0 10px;
  font-family: 'Open Sans', verdana, geneva;
  font-weight:bold;
  position:relative;
  top:-7px;
  }

table.vita {
  margin-bottom:77px;
  font-family: 'Open Sans', verdana, geneva;
  font-weight:bold;
  font-size:14px;
  border-spacing:0 18px;
  }

table.vita tr td {
  vertical-align:top;
  }

table.vita tr td:nth-child(1) {width:115px;}

/* ////////// A K T U E L L E S ////////// */

div.aktuelles {
  width:602px;
  height:315px;
  overflow-y:auto;
  overflow-x:hidden;
  font-family: 'Open Sans', verdana, geneva;
  font-weight:bold;
  }

div.aktuelles2 {
  width:602px;
  height:85px;
  overflow:hidden;
  font-family: 'Open Sans', verdana, geneva;
  font-weight:bold;
  }

table.aktuelles_first {
  width:97%;
  font-size:14px;
  padding:6px 3px;
}

table.aktuelles {
  width:97%;
  font-size:14px;
  border-spacing:0 8px;
  padding:6px 0 6px 12px;
  border-radius:8px;
  }

table.hover:hover {
  background-color: rgba(140, 140, 140, 0.1);
  }

table.aktuelles td {
  vertical-align:top;
  }

table.aktuelles td:nth-child(1) {max-width:122px;}
table.aktuelles td:nth-child(3) {max-width:30px;}

table.aktuelles_sub {
  width:100%;
  font-size:12px;
  }

table.aktuelles_sub td:nth-child(1) {max-width:200px;}
table.aktuelles_sub td:nth-child(2) {max-width:140px;}
table.aktuelles_sub td:nth-child(3) {max-width:150px;}
table.aktuelles_sub td:nth-child(1) li:nth-child(1), table.aktuelles_sub td:nth-child(2) li:nth-child(1) {height:70px;}
table.aktuelles_sub img {width:15px; height:15px; padding:0 10px 0 0;}

/* ////////// B L O G ////////// */

div.articles-list div.panel-default {
	display:none;
  }

div.article-block {
  padding-top:10px;
  }

#cj-wrapper .media { margin-top: 15px; }
#cj-wrapper .media:first-child { margin-top: 0; }
#cj-wrapper .media,
#cj-wrapper .media-body { zoom: 1; overflow: hidden; }
#cj-wrapper .media-body { width: 10000px; }
#cj-wrapper .media-left,
#cj-wrapper .media-right,
#cj-wrapper .media-body { display: table-cell; vertical-align: top; }
#cj-wrapper .media-heading { margin-top: 0; margin-bottom: 5px; }
#cj-wrapper .text-muted { color: #777; }
#cj-wrapper .cj-article-info { margin-right: 2px; display: inline-block; }
#cj-wrapper .no-margin-top { margin-top: 0; }
#cj-wrapper .margin-bottom-10 { margin-bottom: 10px; }

a.new-post, button.btn {
  display:block;
  width:160px;
  padding: 7px 20px;
  text-transform:uppercase;
  font-weight:bold;
  font-size:11px;
  border:1px solid gray;
  letter-spacing:1px;
  }

a.new-post {
  position:relative;
  top:-55px;
  left:405px;
  }

form.form-horizontal button.btn-primary {
  position:relative;
  top:-60px;
  left:447px;
  }

a.new-post:hover {
  background-color: rgba(123, 123, 123, 0.3);
  }

ul.nav-tabs,
div#editor div.control-group:nth-child(2),
div#editor div.control-group:nth-child(3),
div#editor div.control-group:nth-child(4),
div.tab-content div.tab-pane:nth-child(2) div.control-group:nth-child(1) label#jform_created_by_alias-lbl,
div.tab-content div.tab-pane:nth-child(2) div.control-group:nth-child(1) div.controls,
div.tab-content div.tab-pane div#editor-xtd-buttons div.btn-toolbar,
div.tab-content div.tab-pane:nth-child(2) div.control-group:nth-child(2) div.control-label,
div.tab-content div.tab-pane:nth-child(2) div.control-group:nth-child(3),
div.tab-content div.tab-pane:nth-child(2) div.control-group:nth-child(4),
div.tab-content div.tab-pane:nth-child(2) div.control-group:nth-child(5),
div.tab-content div.tab-pane:nth-child(2) div.control-group:nth-child(6),
div.tab-content div.tab-pane:nth-child(2) div.control-group:nth-child(7),
div.tab-content div.tab-pane:nth-child(3),
div.tab-content div.tab-pane:nth-child(4),
div#cj-wrapper div.panel-body div.btn-group:nth-child(1) button.btn,
div.edit div#publishing {
  display:none;
  }

div#cke_jform_articletext, /*Editor-Breite */
div#jform_state_chzn /* Status */ {
  width:590px!important;
  }

div#editor div.control-group:nth-child(1) input, /* Titel */
div.form-page div.panel-default /*Rahmen um Speichern-Button */ {
  width:587px;
  margin-bottom:10px;
  }

div.cke_contents { /*Editor-Textfeld */
  max-height:200px!important;
  }

dl.article-info dd.published time {
  font-size:14px;
  line-height:26px;
  }

img.blogicon {
  width:20px;
  height:20px;
  position:relative;
  top:14px;
  left:-1px;
  float:left;
  }

#blogback {text-decoration:none;}
#blogback:hover {text-decoration:underline;}
#blogbackh4 {position:relative; left:8px; width:300px;}

div.contentarea div.item-page, div.contentarea div#cj-wrapper {
  padding-right:8px;
  }

/* ////////// K I N D E R  -  U N D   S C H U L P R O J E K T E ////////// */

table.kus {
	position:relative;
	top:-30px;
	left:0px;
	width:469px;
	height:100%;
  border-spacing:11px;
	background-color:#7f7f7f;
	}

td.bg-kus {
	width:142px;
	height:142px;
	box-sizing: border-box;
	}

td.bg-kus a {
  padding:62px 71px;
  }

table.kus tr:nth-child(1) td.bg-kus:nth-child(1) {background: url("../img/kus/thumbs/kus_1.jpg") no-repeat center; background-image: image-set(url("../img/kus/thumbs/kus_1.webp") type("image/webp"), url("../img/kus/thumbs/kus_1.jpg") type("image/jpeg"));}
table.kus tr:nth-child(1) td.bg-kus:nth-child(2) {background: url("../img/kus/thumbs/kus_2.jpg") no-repeat center; background-image: image-set(url("../img/kus/thumbs/kus_2.webp") type("image/webp"), url("../img/kus/thumbs/kus_2.jpg") type("image/jpeg"));}
table.kus tr:nth-child(1) td.bg-kus:nth-child(3) {background: url("../img/kus/thumbs/kus_3.jpg") no-repeat center; background-image: image-set(url("../img/kus/thumbs/kus_3.webp") type("image/webp"), url("../img/kus/thumbs/kus_3.jpg") type("image/jpeg"));}
table.kus tr:nth-child(2) td.bg-kus:nth-child(1) {background: url("../img/kus/thumbs/kus_4.jpg") no-repeat center; background-image: image-set(url("../img/kus/thumbs/kus_4.webp") type("image/webp"), url("../img/kus/thumbs/kus_4.jpg") type("image/jpeg"));}
table.kus tr:nth-child(2) td.bg-kus:nth-child(2) {background: url("../img/kus/thumbs/kus_5.jpg") no-repeat center; background-image: image-set(url("../img/kus/thumbs/kus_5.webp") type("image/webp"), url("../img/kus/thumbs/kus_5.jpg") type("image/jpeg"));}
table.kus tr:nth-child(2) td.bg-kus:nth-child(3) {background: url("../img/kus/thumbs/kus_6.jpg") no-repeat center; background-image: image-set(url("../img/kus/thumbs/kus_6.webp") type("image/webp"), url("../img/kus/thumbs/kus_6.jpg") type("image/jpeg"));}
table.kus tr:nth-child(3) td.bg-kus:nth-child(1) {background: url("../img/kus/thumbs/kus_7.jpg") no-repeat center; background-image: image-set(url("../img/kus/thumbs/kus_7.webp") type("image/webp"), url("../img/kus/thumbs/kus_7.jpg") type("image/jpeg"));}
table.kus tr:nth-child(3) td.bg-kus:nth-child(2) {background: url("../img/kus/thumbs/kus_8.jpg") no-repeat center; background-image: image-set(url("../img/kus/thumbs/kus_8.webp") type("image/webp"), url("../img/kus/thumbs/kus_8.jpg") type("image/jpeg"));}
table.kus tr:nth-child(3) td.bg-kus:nth-child(3) {background: url("../img/kus/thumbs/kus_9.jpg") no-repeat center; background-image: image-set(url("../img/kus/thumbs/kus_9.webp") type("image/webp"), url("../img/kus/thumbs/kus_9.jpg") type("image/jpeg"));}

/* ////////// I M P R E S S U M ////////// */

div.impressum {
  width:auto;
  height:408px;
  overflow-y:scroll;
  overflow-x:hidden;
  padding:0 0 0 7px;
  font-family: 'Open Sans', verdana, geneva;
  position:relative;
  top:-8px;
  }

span.discha {
  font-size:80%;
}

table.impressum {
  width:97%;
  font-size:13px;
  border-spacing:0 18px;
  }

table.impressum tr td {
  vertical-align:top;
  font-weight:bold;
  }

table.impressum tr td:nth-child(1) {width:125px;}
table.impressum tr td:nth-child(2) {width:230px;}

img.icon {
  width:14px;
  height:14px;
  position:relative;
  top:2px;
  }

/* ////////// D I V E R S E ////////// */


/* ////////// S C R O L L B A R ////////// */

::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
::-webkit-scrollbar-button {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-thumb {
  background: #7f7f7f;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #878787;
}
::-webkit-scrollbar-track {
  background: #404040;
  border-radius: 7px;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

/* ---------------------------------- */

.headerarea {
	height: 5em;
   	margin: 0;
   	padding: 0;
	background: #7f7f7f;
}

.mainarea {
	height: 28.5em;
   	margin: 0;
   	padding: 0;
	background: #404040;
}

.menuarea {
 	float: left;
   	width: 16em;
	height: 28.5em;
   	margin: 0;
   	padding: 0;
   	background-color: transparent;
	color:#404040;
	a.link:#404040;
	font-weight:bold;
  font-family: 'Open Sans', verdana, geneva;
	font-size:13px;
}

.bannerarea {
 	float: left;
   	width: 6em;
	height: 28.5em;
   	margin: 0;
   	padding: 0;
   	// background: transparent url('../img/banner.gif') 1em 1em no-repeat;
}

.contentarea {
 	float: right;
   	width: 39em;
	height: 28.5em;
   	margin: 0;
   	padding: 0;
	background: #404040;
	overflow: auto;
}

.footerarea {
 	text-align: right;
	height: 5em;
   	margin: 0;
  	padding: 0;
	background: #7f7f7f;
}

.footerarea .innerarea a {
         float: right;
         text-align: right;
         display: block;
         margin-top:7px;
       //  width: 80px; /*Breite des Bildes */
       //  height: 25px; /*H�he des Bildes */
       //  background: url('../images/home.jpg') right top no-repeat;
}

.footerarea .innerarea a span {
         display: none; /* Schrift ausblenden */
}


.innerarea {
	min-width: 62.3em;
	width: 62.3em;
   	margin: 0 auto;
   	padding: 0;
   	text-align: left;
}

/* ---------------------------------- */

.left {
	float: left;
}

.right {
	float: right;
}

.center {
 	text-align: center !important;
}

/* ---------------------------------- */

.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Beginn IE Mac hack \*/
.clearfix {
 	display: block;
}
/* End IE Mac hack */


/* ---------------------------------- */

a img, fieldset {
 	border: 0;
}

form {
 	margin: 0;
   	padding: 0;
}

form, input, textarea {
 	font-size: 1em;
}

/* ---------------------------------- */

.hidden {
	display: none;
}