/*
Theme Name: Blau Weiss
Theme URI: http://reneopitz.net/
Description: Online Portfolio René Opitz.
Version: 1.0
Author: Rene Opitz
Author URI: http://reneopitz.net/
Tags: blau orange grey white color, fixed width, two columns, portfolio
*/

/* struktur */
html {
	padding: 0;
	margin: 0;
  }
body {
	position: relative;
	padding: 0;
	margin: 0;
  background: transparent url('images/bgbody.gif') top left repeat;
	color: #555555;
	font-size: 62.5%; /* Resets 1em to 10px */
  font-family: 'Arial', Verdana, Sans-Serif;
	text-align: center;
  z-index: 0;
  }
#bgmenu {
  position: absolute;
  top: 290px;
  left: 0px;
	width: 100%;
  height: 40px;
  padding: 0;
  margin: 0;
	background-color: #444444;
  z-index: 1;
  }
#menu {
  position: absolute;
  top: 0px;
  left: 0px;
	width: 0px;
  height: 0px;
  }
#bgheader {
  position: absolute;
  top: 0px;
  left: 0px;
	width: 100%;
  height: 290px;
  padding: 0;
  margin: 0;
	/*background-color: #8DC8CE;*/
  background: transparent url('images/bgheader.jpg') top left repeat-x;
  border-bottom: 1px solid #7BAFB4;
  z-index: 2;
  }
#main {
	position: relative;
  padding: 0;
	margin: 0 auto;
	width: 842px;
  border: 0 none;
  overflow: visible;
  z-index: 2;
  }
/* themeswitcher */
#tswrapper {
  position: absolute;
  top: 430px;
  right: 0px;
	width: 85px;
  z-index: 100;
  }	
a#change {
	display: block;
  width: 55px;
  height: 30px;
  padding: 10px 0 0 30px;
  font-family: 'Arial', Verdana, Sans-Serif;
  font-size: 8px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  color: #DDDDDD;
  background: transparent url('images/bgchange1.png') 0 0 no-repeat;
  cursor: pointer;
  }
a#change:hover { color: #FFFFFF; }
#themeswitcher {
	display: block;
  width: 63px;
  height: 184px;
  padding: 5px 11px;
  background: transparent url('images/bgchange2.png') 0 0 no-repeat;
  }	
.theme1, .theme2 {
  float: left;
  width: 63px;
  height: 48px;
  padding: 0;
  margin: 5px 0;
  }	
.theme1 {	background: transparent url('images/bgartikel1.png') 0 0; }	
a.change1 {
	display: block;
  width: 63px;
  height: 48px;
  cursor: pointer;
  }	
a.change1:hover {
	display: block;
  width: 63px;
  height: 48px;
	background: transparent url('images/bgartikel2.png') 0 0;
  }	
/* schrift */
h1, h2, h3, strong {
  font-family: 'Georgia', 'Times', Serif;
  font-style: italic;
  text-align: left;
  color: #69C3CC;
	}
h1 {
  font-size: 2em;
  padding: 0;
  margin: 0 0 10px 0;
	}
#sidebar h1 {
  color: #BBBBBB;
  font-size: 1.8em;
  text-shadow: 0px 0px 2px #BBBBBB;
	}
h2 {
  font-size: 1.9em;
  padding: 0;
  margin: 0 0 10px 0;
  text-shadow: 0px 0px 3px #CCCCEE;
	}
h3 {
  font-size: 1.6em;
  margin: 10px 0;
  text-shadow: 0px 0px 2px #CCCCEE;
  }
strong { color: #666666; text-shadow: 0px 0px 3px #CCCCCC; }
p {
  font-family: 'Arial', Verdana, Sans-Serif;
  font-size: 1.4em;
  line-height: 1.5em;
  text-align: left;
  color: #777777;
  padding: 5px 0;
  margin: 0;
  }
#sidebar p {
  font-size: 1.1em;
  line-height: 1.3em;
  }
.line, .line1 {
  float: left;
  width: 100%;
  border-bottom: 1px solid #F3F3F3;
  }
.line1 { border-top: 1px solid #F3F3F3; }
.line:hover, .line1:hover {
  color: #555555;
  background-color: #F6F6F6;
  }
small {
  float: left;
  font-size: 0.9em;
  color: #777777;
  }
.orange, .orange1 { color: #FFA22E; }
.lefty {
  float: left;
  width: 235px;
  margin: 10px 20px 10px 0;
  }
.righty {
  float: left;
  width: 235px;
  margin: 10px 0;
  }
.lefty h3, .righty h3 { margin: 0 0 10px 0; }
.okay, .okay1 {
  padding: 5px 5px 5px 35px;
  background: transparent url('images/okay.gif') 5px 5px no-repeat;
  border-bottom: 1px solid #F6F6F6;
  }
.okay1 { border-top: 1px solid #F6F6F6; }
.okay:hover, .okay1:hover { background: #F9F9F9 url('images/okay.gif') 5px 5px no-repeat; }
.sidebar1 .okay, .sidebar1 .okay1 {
  background: transparent url('images/okay1.gif') 5px 3px no-repeat;
  border-bottom: 1px solid #F3F3F3;
  }
.sidebar1 .okay1 { border-top: 1px solid #F3F3F3; }
.sidebar1 .okay:hover, .sidebar1 .okay1:hover { background: #F6F6F6 url('images/okay1.gif') 5px 3px no-repeat; }
.float { float: left; }
.trenn, .trenn1 {
  width: 490px;
  height: 10px;
  padding: 5px 0;
  margin: 0 0 50px 0;
  font-size: 0.9em;
  text-align: right;
  border-bottom: 1px solid #F3F3F3;
  }
.trenn1 { float: left; }
.trenn2 {
  float: left;
  width: 490px;
  height: 50px;
  border-top: 1px solid #F3F3F3;
  }
.trennap {
  float: left;
  width: 490px;
  padding: 15px 0 5px 0;
  margin: 20px 0 0;
  border-top: 1px solid #F3F3F3;
  }
/* tabelle */
.table {
  margin: 0 0 5px 0;
  font-size: 1.1em;
  text-align: left;
  color: #666666;
  }
.table td.t1 {
  width: 120px;
  padding: 0 10px 5px 0;
  vertical-align: text-top;
  }
.table td.t2 {
  width: 130px;
  padding: 0 10px 5px 0;
  vertical-align: text-top;
  }
.table td.t3 {
  width: 210px;
  padding: 0 0 5px 0;
  vertical-align: text-top;
  }
/* links */
a.none:link, a.none:visited {
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  outline: none;
  }
a.none:hover, a.none:active {
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  outline: none;
  }
.entry a, .entry a:link, .entry a:visited {
  color: #555555;
  text-decoration: none;
  }
.entry a:hover, .entry a:active {
  color: #555555;
  text-decoration: none;
  }
.entry a.link, a.link {
  padding: 0 9px 0 2px;
  text-decoration: none;
  background: transparent url('images/raus.gif') center right no-repeat;
  }
a.oben {
  padding: 0 9px 0 2px;
  text-decoration: none;
  background: transparent url('images/oben.gif') center right no-repeat;
  }
a.unten {
  padding: 0 9px 0 2px;
  text-decoration: none;
  background: transparent url('images/unten.gif') center right no-repeat;
  }
.entry a.link:link, .entry a.link:visited, a.link:link, a.link:visited, a.oben:link, a.oben:visited, a.unten:link, a.unten:visited {
  outline: none;
  color: #555555;
  }
.entry a.link:hover, .entry a.link:active, a.link:hover, a.link:active, a.oben:hover, a.oben:active, a.unten:hover, a.unten:active {
  color: #555555;
  background-color: #FFFBBD;
  }
.entryfo a, ol.commentlist a,  #respond a {
  padding: 0 2px;
  font-style: italic;
  text-decoration: none;
  }
.entryfo a:link, .entryfo a:visited, ol.commentlist a:link, ol.commentlist a:visited, #respond a:link, #respond a:visited {
  outline: none;
  color: #555555;
  }
.entryfo a:hover, .entryfo a:active, ol.commentlist a:hover, ol.commentlist a:active, #respond a:hover, #respond a:active {
  color: #555555;
  background-color: #FFFBBD;
  }
#sidebar ul li .bildlist a {
  display: inline-block;
  width: 175px;
  padding: 0 0 5px 0;
  font-weight: bold;
  text-decoration: none;
  }
.entryfo1 a {
  padding: 0;
  font-style: italic;
  text-decoration: none;
  }
.entryfo1 a:link, .entryfo1  a:visited { color: #69C3CC; }
.entryfo1 a:hover, .entryfo1 a:active { color: #888888; }
/* navigation */
#paging {
  float: left;
  width: 490px;
  height: 30px;
  list-style: none;
  padding: 0 0 20px;
  }
#paging li {
  float: left;
  height: 30px;
  text-align: center;
  }
#paging li.prev, #paging li.next { width: 80px; }
#paging li.pages {
  width: 330px;
  margin: 0;
  }
#paging li.pages a, #paging li.prev a, #paging li.next a {
  display: inline-block;
  width: auto;
  height: 30px;
  padding: 0 11px 0 11px;
  margin: 0 5px;
  font-size: 12px;
  font-style: italic;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
  color: #666666;
  background-color: #f3f3f3;
  border: 1px solid #eeeeee;
  }
#paging li.prev a, #paging li.next a {
  width: 60px;
  padding: 0 10px;
  margin: 0;
  background-color: #fffa8d;
  border: 1px solid #ffe800;
  }
#paging li.pages a.active, #paging li.pages a:hover, #paging li.prev a:hover, #paging li.next a:hover { background-color: #fedbbe; border: 1px solid #ffc897; }
#paging li.pages a.active { background-color: #fedbbe; border: 1px solid #ffc897; }
#navisingle a {
  float: left;
  position:relative;
  display: inline-block;
  width: auto;
  height: 30px;
  padding: 0 8px 0 11px;
  margin: 0 5px;
  font-size: 12px;
  font-style: italic;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
  color: #666666;
  background: transparent url(images/btn_left1.png) top left no-repeat;
  border: 0 none;
  }
#navisingle a:hover { background: transparent url(images/btn_left1.png) bottom left no-repeat; }
#navisingle a span {
  position:absolute;
  right: -3px;
  top: 0px;
  width: 3px;
  height:30px;
  background: url(images/btn_right1.png) top left no-repeat;
  }
#navisingle a:hover span { background: url(images/btn_right1.png) bottom left no-repeat; }
/* infofeld */  
.info, .info1, .info2 {
  position: relative;
  display: block;
  padding: 10px;
  font-size: 1.2em;
  font-style: italic;
  text-align: center;
  color: #666666;
  background-color: #FFDBC1;
  border: 1px solid #FFC69C;
  overflow: hidden;
  z-index: 5;
  }
.info { margin: 0 0 20px 0; }
.info1 {
  float: left;
  width: 428px;
  margin: 0 0 10px 0;
  }
.info2 {
  margin: 0 0 40px 0;
  clear: both;
  }
/* links rund */
a.rounded, .lefty a.rounded, .righty a.rounded {
  position: relative;
  display: inline-block;
  width: auto;
  height: 30px;
  padding: 0 12px 0 15px;
  font-size: 12px;
  font-style: italic;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
  color: #666666;
  background: transparent url('images/btn_left.png') top left no-repeat;
  border: 0 none;
  }
a.rounded:hover, .lefty a.rounded:hover, .righty a.rounded:hover { background-position: bottom left; }
a.rounded span, .lefty a.rounded span, .righty a.rounded span {
  position: absolute;
  right: -3px;
  top: 0px;
  width: 3px;
  height: 30px;
  background: transparent url('images/btn_right.png') top left no-repeat;
  }
a.rounded:hover span, .lefty a.rounded:hover span, .righty a.rounded:hover span { background-position: bottom left; }
/* menuleiste oben */
#menuleiste {
  position: relative;
  float: left;
  width: 842px;
  height: 38px;
  padding: 0;
  margin: 0;
  z-index: 4;
  }
/* menu */
.lavaLamp {
  position: relative;
  float: left;
  height: 40px;
  width: 600px;
  padding: 0;
  margin: -2px 0 0 0;
  background: transparent url('images/bglava.gif') top left no-repeat;
  }
.lavaLamp li {
  float: left;
  list-style: none;
  }
.lavaLamp li.back {
  background-color: #8DC8CE;
  width: 9px;
  height: 40px;
  z-index: 8;
  position: absolute;
  border-right: 1px solid #AAEAF0;
  border-bottom: 1px solid #7BAFB4;
  overflow: hidden;
  }
.lavaLamp li.back .left {
  background-color: #8DC8CE;
  width: 10px;
  height: 40px;
  margin-right: 0px;  
  border-left: 1px solid #7BAFB4;
  border-bottom: 1px solid #7BAFB4;
  z-index: 10;
  }
.lavaLamp li a {
  position: relative;
  top: 0;
  display: block;
  float: left;
  height: 30px;
  margin: auto 0;
  padding: 8px 12px 0 12px;    
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  color: #F9F9F9;
  outline: none;
  z-index: 10;
  }
.lavaLamp li a:link, .lavaLamp li a:visited {
  color: #F9F9F9;
  text-shadow:  0px 1px 1px #666666;
  border: 0 none;
  }
.lavaLamp li a:active, .lavaLamp li a:hover {
  color: #FFFFFF;
  text-shadow:  0px 1px 1px #658e93;
  border: 0 none;
  }
/* header */
#header {
  position: relative;
  float: left;
  width: 842px;
  height: 292px;
  padding: 0;
  margin: 0;
  z-index: 5;
  }
#logo {
  position: absolute;
  top: 26px;
  left: -20px;
  width: 450px;
  height: 130px;
  padding: 0;
  margin: 0;
  z-index: 4;
  }
/* slider */
#sliderbg {
  position: absolute;
  top: 1px;
  right: -50px;
  width: 410px;
  height: 350px;
  padding: 0;
  margin: 0;
  background: transparent url('images/sliderbg.png') top left no-repeat;
  z-index: 3;
  }
#slider {
  position: absolute;
  top: 21px;
  right: -10px;
  width: 349px;
  height: 256px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  z-index: 5;
  }	
#slider ul, #slider li{
  float: left;
  clear: both;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; 
  }
#slider ul li a.none {
  display: block;
  width: 349px;
  height: 256px;
  overflow: hidden; 
  border: 0 none;
  }
#slider ul li a.none img {
  display: block;
  width: 349px;
  border: 0 none;
  }	
#prevBtn, #nextBtn { 
  display: block;
  position: absolute;
  top: 272px;
  width: 45px;
  height: 45px;
  z-index: 6;
  }	
#prevBtn { right: 255px; }	
#nextBtn { right: 295px; }														
#prevBtn a, #nextBtn a {  
  display: block;
  width: 45px;
  height: 45px;
  outline: none;
  }	
#prevBtn a { background: transparent url('images/buttonli.png') top left no-repeat;	}	
#nextBtn a { background: transparent url('images/buttonre.png') top left no-repeat;	}	
#prevBtn a:hover, #nextBtn a:hover { background-position: bottom left; }
#statusbild {
  position: absolute;
  bottom: -58px;
  right: -35px;
  width: 115px;
  height: 115px;
  padding: 0;
  margin: 0;
  z-index: 8;
  }
a.status {
  display: block;
  height: 115px;
  width: 115px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  outline: none;
  }
a.status:link, a.status:visited { background: transparent url('images/status1.png') top left no-repeat; }
/* content */
#main1 {
  float: left;
  width: 802px;
  padding: 0 19px;
  margin: 0;
  border: 1px solid #EEEEEE;
  border-top: 0 none;
  background-color: #FFFFFF;
  }
#main1fo {
  position: relative;
  float: left;
  width: 842px;
  height: 70px;
  padding: 0;
  margin: 0;
  z-index: 3;
  }
#content {
  position: relative;
  float: left;
  width: 490px;
  padding: 40px 0;
  margin: 0;
  z-index: 4;
  }
/* beitrag */
.beitrag {
  position: relative;
  float: left;
  width: 490px;
  padding: 0;
  margin: 0 0 50px 0;
  border-bottom: 1px solid #F3F3F3;
  z-index: 6;
  }
.beitrag h2 {
  position: relative;
  float: left;
  display: inline;
  margin-bottom: 0;
  }
.beitrag h2 a, .beitrag h2 a:link, .beitrag h2 a:visited {
  color: #69C3CC; 
  text-decoration: none;
  }
.beitrag h2 a:hover, .beitrag h2 a:active { color: #777777; }
.beitrag h2 .kommentarzahl {
  position: absolute;
  top: -25px;
  right: -25px;
  } 
.beitrag h2 .kommentarzahl a {
  display: block;
  width: 30px;
  height: 25px;
  padding: 5px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  border: 0 none;
  background: transparent url('images/kommentar.gif') bottom left no-repeat;
  }
.beitrag h2 .kommentarzahl a:hover { background-position: top left; }

.beitrag h2#single { width: 490px; }
.datum, .entryfo, .entryfo1 {
  float: left;
  width: 490px;
  height: 15px;
  padding: 5px 0 0 0;
  font-size: 0.9em;
  color: #777777;
 }
.datum {
  position: relative;
  padding: 1px 0 4px 0;
  margin: 0 0 20px 0;
  color: #777777;
  text-align: left;
  text-shadow: 0px 0px 2px #CCCCEE;
  border-bottom: 1px solid #F3F3F3;
  }
.entry, .entry1, .entry2 { float: left; }
.entry {
  width: 490px;
  padding: 0 0 10px 0;
 }
.entry1, .entry2 {
  width: 487px;
  padding: 0 3px 20px 0;
  text-align: right;
  }
.entry2 { margin: -20px 0 0 0; }
#content .beitrag .entry a img, #content .beitrag .entry img, #content .beitrag .entry a img, #content .beitrag .entry img {
  float: left;
  margin: 5px 10px 10px 0;
  padding: 6px 6px 20px 6px;
  background-color: #F9F9F9;
  border: 1px solid #F3F3F3;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  }
#content .beitrag .entry a img:hover { border: 1px solid #FFC69C; }
#content .beitrag .entry #malen img.bild {
  float: left;
  width: 110px;
  height: 110px;
  padding: 0;
  margin: 0 10px 10px 0;
  border: 0 none;
  background: none;
  }
#content .beitrag .entry a img.imgtfe { margin: 8px 10px 10px 0; }
/* zitat */
blockquote {
  display: block;
  width: 468px;
  padding: 5px 10px;
  margin: 10px 0;
  background-color: #FFF99A;
  border: 1px solid #FFE646;
  }
blockquote p {
  color: #555555;
  font-style: italic;
  }
/* arbeitsproben */
#content .beitrag .entry ul.ap {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  }
#content .beitrag .entry ul.ap li {
  position: relative;
  display: block;
  float: left;
  padding: 0;
  margin: 10px 10px 0 0;
  }
#content .beitrag .entry ul.ap li a {
  display: block;
  width: 110px;
  height: 122px;
  overflow: hidden;
  }
#content .beitrag .entry ul.ap li .ap1 { width: 230px; }
#content .beitrag .entry ul.ap li a img {
  position: absolute;
  top: 0px;
  left: 0px;
  float: none;
  width: 98px;
  padding: 5px 5px 15px 5px;
  margin: 0;
  background-color: #F9F9F9;
  border: 1px solid #F3F3F3;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  }
#content .beitrag .entry ul.ap li a:hover img { border: 1px solid #FFC69C; }
#content .beitrag .entry ul.ap li span {
  display: block;
  width: 103px;
  padding: 5px;
  margin: 0 0 0 115px;
  background-color: #FAFAFA;
  border: 1px solid #F6F6F6;
  }
/* ref startseite */
#ref ul {
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 0;  
  }
#ref ul li {
  float: left;
  list-style-type: none;
  }

#ref ul li a img {
  position: relative;
  margin-bottom: 5px !important;
  z-index: 2;
  }
#ref ul li a img:hover {
  -moz-transform: scale(1.10,1.10);
  -webkit-transform: scale(1.10,1.10);
  -o-transform: scale(1.10,1.10);
  transform: scale(1.10,1.10);
  box-shadow: 0 0 2px #cccccc;
  z-index: 100;
  }

#neu {
  position: absolute;
  top: -40px;
  right: -40px;
  width: 115px;
  height: 115px;
  padding: 0;
  margin: 0;
  z-index: 8;
  background: transparent url('images/neu-im-blog.png') top left no-repeat;
  }
/* kommentareliste */
ol.commentlist {
  display: block;
  width: 490px;
  padding: 0;
  margin: 0 0 40px 0;
  list-style-type: none;
  }
.commentlist li {
  position: relative;
  width: 490px;
  padding: 20px 0 0 0;
  margin: 0 0 10px 0;
  list-style-type: none;
  background: transparent url('images/ecke1.gif') top left no-repeat;
  color: #555555;
  font-style: italic;
  text-align: left;
  }
.commentlist li div {
  width: 398px;
  padding: 10px 20px 30px 70px;
  margin: 0;
  background-color: #F9F9F9;
  border: 1px solid #F9F9F9;
  border-top: 0 none;
  overflow: hidden;
  }
.commentlist li div.comment-author, .commentlist li div.reply {
  width: 398px;
  padding: 0;
  margin: 0;
  background: none;
  border: 0 none;
  }
.commentlist li div.comment-meta {
  position: absolute;
  bottom: 10px;
  left: 70px; 
  width: 398px;
  padding: 0;
  margin: 0;
  background: none;
  border: 0 none;
  text-align: right;
  }
 .avatar {
  position: absolute;
  top: 32px;
  left: 15px;
  padding: 3px 3px 7px 3px;
  background-color: #FFFFFF;
  border: 1px solid #F3F3F3;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  }
/*kommentarformular*/
#commentform, .beitragtab {
  position: relative;
  float: left;
  width: 448px;
  padding: 20px 20px 10px;
  margin: 0 0 40px 0;
  border: 1px solid #EEEEEE;
  background-color: #F9F9F9;
  }
.beitragtab { border-top: 0 none; }
#commentform div {
  display: block;
  float: left;
  width: 448px;
  margin: 0 0 10px 0;
  height: 40px;
  text-align: left;
  }
.inputfeld1, .textfeld, .textfeld1, .textfeld2, #s, .inputfeld, select {
  float: left;
  height: 20px;
  border-top: 10px solid #F3F3F3;
  border-left: 10px solid #F3F3F3;
  border-right: 10px solid #F3F3F3;
  border-bottom: 10px solid #F3F3F3;
  background: #F3F3F3;
  font-family: 'Arial', Verdana, Sans-Serif;
  font-size: 14px;
  line-height: 100%;
  font-weight: bold;
  text-decoration: none;
  color: #CCCCCC;
  }
.inputfeld1 {
  width: 278px;
  height: 20px;
  padding: 0;
  margin: 0 10px 0 0;
  }
.textfeld1, .textfeld2 {
  width: 426px;
  height: 180px;
  padding: 0;
  margin: 0 0 20px 0;
  }
/* sociable */
div.ilsb-parent { 
  position: absolute;
  bottom: 0px;
  right: 0px;
  text-align: left;
  z-index: 100;
  }
div.ilsb-parent a.ilsb { 
  display: block;
  padding: 0 5px 0 30px;
  background-color: transparent;
  text-decoration: none;
  color: #666;
  }
div.ilsb-parent a.ilsb-share { background-image: none; }  
div.ilsb-child { border-top: 1px solid #F6F6F6; }
div.ilsb-child a.ilsb { 
  display: block;
  padding: 3px 5px 3px 30px;
  border: 1px solid #FAFAFA;
  border-bottom: 1px solid #F6F6F6;
  background-color: #FAFAFA;
  background-position: 5px 50%;
  text-decoration: none;
  }
div.ilsb-child a.ilsb:active, div.ilsb-child a.ilsb:hover { 
  color: #333;
  background-color: #FFF99A;
  border: 1px solid #FFE646;
  }
/* Sidebar */
#sidebar {
  float: left;
  width: 290px;
  padding: 0;
  margin: 0 0 30px 20px;
  }
.sidebar1, .sidebar2, .sidebar3, #erreichbar, #tagcloud, #rss, #kontakt {
  float: left;
  width: 250px;
  padding: 20px;
  margin: 0 0 10px 0;
  text-align: left;
  border: 1px solid #EEEEEE;
  background-color: #FAFAFA;
  }
#sidebar .sidebar3, #erreichbar {
  border: 1px solid #111111;
  background-color: #444444;
  }
#sidebar .sidebar3 h1, #sidebar .sidebar3 p strong, #erreichbar h1, #erreichbar p strong { 
  color: #69C3CC;
  text-shadow: 0 0 3px #111111;
  }
#sidebar .sidebar3 p { color: #EEEEEE; }
#erreichbar p.line, #erreichbar p.line1 { 
  color: #EEEEEE;
  border-bottom: 1px solid #555555;
  }
#erreichbar p.line1 { border-top: 1px solid #555555; }
#erreichbar p.line:hover, #erreichbar p.line1:hover { 
  color: #EEEEEE;
  background-color: #3C3C3C;
  }
#erreichbar p.line a, #erreichbar p.line1 a { color: #DDDDDD; }
#erreichbar p.line a:hover, #erreichbar p.line1 a:hover { color: #333333; }

.sidebarmenu {
  float: left;
  width: 292px;
  padding: 0;
  margin: 0 0 2px 0;
  text-align: left;
  }
#down { margin: 0 0 10px 0 !important; }
.sidebarmenu a.sidebarmenuakt, .sidebarmenu a.sidebarmenunor {
  position: relative;
  display: inline-block;
  float: left;
  width: 250px;
  height: 10px;
  padding: 20px;
  margin: 0;
  text-align: left;
  font-size: 12px;
  text-align: left;
  font-style: italic;
  text-decoration: none;
  line-height: 10px;
  color: #666666;
  background-color: #EEEEEE;
  border: 1px solid #E6E6E6;
  }
.sidebarmenu a.sidebarmenuakt {
  background-color: #FFDBC1;
  border: 1px solid #FFC69C;
  }
.sidebarmenu a.sidebarmenunor:hover, .sidebarmenu a.sidebarmenuakt:hover {
  background-color: #FFF99A;
  border: 1px solid #FFE646;
  }
.sidebarmenu a.sidebarmenuakt span, .sidebarmenu a.sidebarmenunor span {
  position: absolute;
  left: -10px;
  top: 0px;
  width: 10px;
  height: 50px;
  }
.sidebarmenu a.sidebarmenunor span { background: transparent url('images/sidbarmenunor.png') top left no-repeat; }
.sidebarmenu a.sidebarmenuakt span { background: transparent url('images/sidbarmenuakt.png') top left no-repeat; }
.sidebarmenu a.sidebarmenunor:hover span, .sidebarmenu a.sidebarmenuakt:hover span { background-position: bottom left; }
/* Sidebar recent */
#sidebar ul {
  width: 250px;
  padding: 0;
  margin: 0;
  list-style: none;
  }
#sidebar ul li.artikel {
  position: relative;
  float: left;
  width: 250px;
  height: 120px;
  padding: 0;
  margin: 0 0 10px 0;
  list-style: none;
  border: 0 none;
  border-bottom: 1px solid #E3E3E3;
  background: none;
  overflow: hidden;
  z-index: 1;
  }
#sidebar ul li.artikel img.artikelbild {
  width: 236px;
  padding: 6px;
  margin: 0;
  background-color: #FFFFFF;
  border: 1px solid #F3F3F3;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  }
#sidebar ul li.artikel .artikeltitel {
  position: absolute;
  bottom: 0px;
  left: 0px; 
  width: 250px;
  z-index: 99;
  }
#sidebar ul li.artikel .artikeltitel:hover {
  position: absolute;
  bottom: 0px;
  left: 0px; 
  width: 250px;
  z-index: 99;
  }
#sidebar ul li.artikel .artikeltitel a {
  display: block;
  padding: 10px;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
  background: transparent url('images/bgartikel1png') 0 0;
  }
#sidebar ul li.artikel .artikeltitel a:link, #sidebar ul li.artikel .artikeltitel a:visited {
  color: #FFFFFF;
  background: transparent url('images/bgartikel1.png') 0 0;
  text-shadow: 1px 1px 1px #333333;
  }
#sidebar ul li.artikel:hover .artikeltitel a, #sidebar ul li.artikel .artikeltitel a:hover, #sidebar ul li.artikel .artikeltitel a:active {
  color: #FFFFFF;
  background: transparent url('images/bgartikel1.png') 0 0;
  text-shadow: 1px 1px 1px #333333;
  }
#sidebar ul li.artikel:hover img.artikelbild, #sidebar ul li.artikel img.artikelbild:hover { border: 1px solid #FFC69C; }
#sidebar ul li {
  position: relative;
  float: left;
  width: 175px;
  height: 100%;
  padding: 10px 10px 27px 64px;
  margin: 25px 0 0 0;
  list-style: none;
  background-color: #F3F3F3;
  border: 1px solid #F3F3F3;
  }
#sidebar ul li .ecke {
  position: absolute;
  top: -20px;
  left: 0px;
  width: 250px;
  height: 20px;
  background: transparent url('images/ecke.gif') 0 0 no-repeat;
  }
#sidebar ul li .avatar {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 32px;
  height: 32px;
  padding: 3px 3px 7px 3px;
  background-color: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  }
#sidebar ul li .bildlist {
  float: left;
  width: 175px;
  padding: 0;
  margin: 0;
  }
#sidebar ul li .bildlist a, #sidebar ul li .bildlist a:link, #sidebar ul li .bildlist a:visited {
  display: inline-block;
  padding: 0;
  margin: 0 0 5px 0;
  font-weight: bold;
  text-decoration: none;
  color: #666666;
  }
#sidebar ul li .bildlist a:hover, #sidebar ul li .bildlist a:active {
  color: #555555;
  background-color: #FFFBBD;
  }
#sidebar ul li .bildlist .wp-smiley {
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0 2px;
  border: 0 none;
  }
/* Stichwörter */
#tagcloud a {
  padding: 5px 8px;
  margin: 0 2px 0 0;
  font-weight: bold;
  line-height: 220%;
  text-decoration: none;
  background-color: #F3F3F3;
  white-space: nowrap;
  }
#tagcloud a:link, #tagcloud a:visited {
  outline: none;
  color: #CCCCCC;
  }
#tagcloud a:hover, #tagcloud a:active {
  color: #CCCCCC;
  background-color: #EEEEEE;
  }
/* netzwerk */
#sidebar ul#netzwerk, #sidebar ul#netzwerk li.linkcat ul.xoxo {
  width: 250px;
  padding: 0;
  margin: 0;
  list-style: none;
  }
#sidebar ul#netzwerk li.linkcat ul.xoxo { border-top: 1px solid #F3F3F3; }
#sidebar ul#netzwerk li.linkcat, #sidebar ul#netzwerk li.linkcat ul.xoxo li {
  float: left;
  width: 250px;
  padding: 0;
  margin: 0;
  list-style: none;
  border: 0 none;
  background: none;
  }
#sidebar ul#netzwerk li.linkcat ul.xoxo li {
  padding: 5px 0;
  border-bottom: 1px solid #F3F3F3;
  }
#sidebar ul#netzwerk li.linkcat ul.xoxo li:hover {
  color: #555555;
  background-color: #F6F6F6;
  }

#sidebar ul#netzwerk li.linkcat ul.xoxo li a {
  padding: 0 9px 0 2px;
  text-decoration: none;
  color: #777777;
  background: transparent url('images/raus.gif') center right no-repeat;
  }
#sidebar ul#netzwerk li.linkcat ul.xoxo li a:hover, #sidebar ul#netzwerk li.linkcat ul.xoxo li a:active {
  color: #555555;
  background-color: #FFFBBD;
  }
/* Search */
#searchform {
  position: relative;
  float: left;
  width: 250px;
  padding: 20px;
  margin: 0 0 10px 0;
  border: 1px solid #EEEEEE;
  background-color: #FAFAFA;
  border-top: 0 none;
  }
#s {
  width: 176px;
  height: 20px;
  padding: 0;
  margin: 0 10px 0 0;
  }
#searchsubmit {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: transparent url('images/lupe.gif') top left no-repeat;
  border: 0 none;
  }
#searchsubmit:hover { background-position: bottom left; }
/* formularfeld */
#tabs {
  float: left;
  margin-top: 30px;
  }
ul#tabs-nav {
  float: left;
  width: 485px;
  height: 31px;
  padding: 0 0 0 5px;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #EEEEEE;
  }
ul#tabs-nav li { 
  display: block;
  float: left;
  }
ul#tabs-nav li a:focus { outline: none; }
ul#tabs-nav li a {
  float: left;
  display: inline-block;
  width: auto;
  height: 30px;
  padding: 0 20px;
  margin: 0 2px 0 0;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
  color: #AAAAAA;
  background-color: #F3F3F3;
  border: 1px solid #E3E3E3;
  border-bottom: 1px solid #EEEEEE;
  }
ul#tabs-nav li a:hover, ul#tabs-nav li a.selected {
  height: 31px;
  color: #666666;
  border: 1px solid #EEEEEE;
  border-bottom: 0 none;
  }
ul#tabs-nav li#w a:hover, ul#tabs-nav li#w a.selected, ul#tabs-nav li#g a:hover, ul#tabs-nav li#g a.selected, ul#tabs-nav li#f a:hover, ul#tabs-nav li#f a.selected {
  background-color: #F9F9F9;
  }
.inputfeld {
  width: 228px;
  height: 20px;
  padding: 0;
  margin: 0 0 10px 0;
  }
.textfeld {
  width: 228px;
  height: 180px;
  padding: 0;
  margin: 0 0 10px 0;
  }
.anfrageform {
  position: relative;
  float: left;
  width: 448px;
  padding: 0;
  margin: 0;
  background: none;
  overflow: hidden;
  z-index: 5;
  }
.textfeld2 { height: 400px; }
select {
  display: block;
  width: 300px;
  height: 40px;
  padding: 10px;
  margin: 0 0 10px 0;
  border-width: 1px;
  }
option { padding: 5px; }
.inputfeld:hover, .inputfeld1:hover, .textfeld:hover, .textfeld1:hover, .textfeld2:hover, #s:hover, select:hover { border-color: #EEEEEE; background-color: #EEEEEE; }
.anfrageform p, .anfrageform h3, .anfrageform small, .anfrageform .trenn, .anfrageform strong.orange, .anfrageform .inputfeld, .anfrageform .inputfeld1, .anfrageform .textfeld, .anfrageform .textfeld2, .anfrageform select { float: left; }
.anfrageform p, .anfrageform h3, .anfrageform .trenn, .anfrageform small { width: 446px; }
.anfrageform .inputfeld1 { margin: 0 0 10px 0; }
.anfrageform small { text-align: left; }
.anfrageform .trenn { height: 1px; margin-bottom: 20px; }
.anfrageform strong.orange1 { float: none; }
.anfrageform img {
  vertical-align: sub;
  margin: 0 10px;
  } 
.anfrageform strong.orange {
  margin: 0 0 0 5px;
  font-size: 2.4em;
  }
.senden1 {
  display: block;
  float: right;
  width: 112px;
  height: 30px;
  padding: 0 13px 0 14px;
  font-family: 'Arial', Verdana, Sans-Serif;
  font-size: 12px;
  font-style: italic;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
  color: #666666;
  cursor: pointer;
  background: transparent url('images/btn_s.png') 0 0 no-repeat;
  border: 0 none;
  }
.leeren, .anfrage {
  display: block;
  float: right;
  height: 30px;
  padding: 0 13px 0 35px;
  margin: 20px 0 10px 20px;
  font-family: 'Arial', Verdana, Sans-Serif;
  font-size: 12px;
  font-style: italic;
  text-align: left;
  text-decoration: none;
  line-height: 30px;
  color: #666666;
  cursor: pointer;
  background: transparent url('images/btn_s.png') 0 0 no-repeat;
  border: 0 none;
  }
.leeren {
  width: 140px;
  background: transparent url('images/btn_l.png') 0 0 no-repeat;
  }
.anfrage {
  width: 160px;
  background: transparent url('images/btn_a.png') 0 0 no-repeat;
  }
.senden1:hover, .leeren:hover, .anfrage:hover { background-position: bottom left; }
/* kalender */
#wp-calendar {
  width: 248px;
  font-size: 13px;
  line-height: 100%;
  }
#wp-calendar caption {
  padding: 5px 0 10px 2px;
  font-size: 16px;
  font-family: 'Georgia','Times',Serif;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  text-shadow: 0 0 3px #CCCCCC;
  color: #666666;
  }
#wp-calendar th {
  padding: 5px 0;
  text-align: center;
  font-weight: bold;
  color: #FAFAFA;
  background: #DDDDDD;
  border: 0 none;
  }
#wp-calendar td {
  padding: 5px 0;
  text-align: center;
  font-weight: bold;
  color: #CCCCCC;
  border: 1px solid #FAFAFA;
  background: #F3F3F3;
  }
td#today {
  color: #666666;
  background-color: #FFF99A;
  border: 1px solid #FFE646;
  }
#wp-calendar td.pad {
  background: none;
  border: 0 none;
  }
#wp-calendar a {
  font-weight: bold;
  text-decoration: none;
  }
#wp-calendar a:visited, #wp-calendar a:link {
  outline: none;
  color: #666666;
  }
#wp-calendar a:hover, #wp-calendar a:active {
  color: #555555;
  background-color: #FFFBBD;
  }
/* footermenu */
#bgfootermenuwrapper {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 0;
  margin: 0;
  z-index: 100;
  overflow: hidden;
  }
#bgfootermenu {
  display: block;
  float: left;
  width: 100%;
  height: 40px;
  padding: 0;
  margin: 0;
  background: transparent url('images/bgmenu1.gif') 0 0 repeat-x;
  }
#bgfootermenu1 {
  float: left;
  width: 100%;
  height: 20px;
  padding: 0;
  margin: 0;
  }
#footerbutton {
  width: 100%;
  height: 20px;
  padding: 0;
  margin: 0 auto;
  }
a#top {
  display: block;
  position: absolute;
  top: -1px;
  right: 332px;
  width: 60px;
  height: 16px;
  padding: 4px 0 0 0;
  margin: 0;
  font-family: 'Arial', Verdana, Sans-Serif;
  font-size: 8px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #999999;
  background-color: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-top: 1px solid #FFFFFF;
  outline: none;
  z-index: 10;
  }
a#top:hover { color: #444444; }
#footerbutton a#openclose {
  display: block;
  float: right;
  width: 60px;
  height: 14px;
  padding: 6px 0 0 0;
  margin: 0;
  font-family: 'Arial', Verdana, Sans-Serif;
  font-size: 8px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #D6D6D6;
  background-color: #444444;
  outline: none;
  }
#footerbutton a#openclose:hover, #footerbutton a#openclose:active { color: #FFFFFF; }
#footermenu {
  width: 900px;
  height: 40px;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
  }
#footerinfo {
  position: relative;
  float: right;
  width: 300px;
  height: 40px;
  padding: 0;
  margin: 0 40px 0 0;
  background: transparent url('images/footerinfo.gif') 0 0 no-repeat;
  }
a.footer1 {
  display: block;
  float: right;
  height: 40px;
  width: 66px;
  overflow: hidden;
  outline: none;
  }
a.footer1:link, a.footer1:visited { background: transparent url('images/w3c.gif') 0 0 no-repeat; }
a.footer1:hover, a.footer1:active { background-position: bottom left; }
a.footer2 {
  display: block;
  float: right;
  height: 40px;
  width: 66px;
  overflow: hidden;
  outline: none;
  }
a.footer2:link, a.footer2:visited { background: transparent url('images/css.gif') 0 0 no-repeat; }
a.footer2:hover, a.footer2:active { background-position: bottom left; }
a.footer3 {
  display: block;
  float: right;
  height: 40px;
  width: 50px;
  overflow: hidden;
  outline: none;
  }
a.footer3:link, a.footer3:visited { background: transparent url('images/wordpress.gif') 0 0 no-repeat; }
a.footer3:hover, a.footer3:active { background-position: bottom left; }
ul#footerlinks {
  float: left;
  height: 40px;
  padding: 0;
  margin: 0 0 0 40px;
  text-align: left;
  list-style: none;
  }
ul#footerlinks li {
  float: left;
  list-style: none;
  }
ul#footerlinks li a {
  display: block;
  height: 20px;
  padding: 13px 10px 8px 8px;
  font-family: 'Arial', Verdana, Sans-Serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  background: transparent url('images/trenn.gif') right center no-repeat;
  color: #999999;
  outline: none;
  }
ul#footerlinks li a:hover, ul#footerlinks li a:active {
  color: #EEEEEE;
  background: transparent url('images/trenn.gif') right center no-repeat;
  }
ul#footerlinks li a#footerlinks1 { background: none; }



#paging li.pages a, #paging li.prev a, #paging li.next a, #content .beitrag .entry ul.ap li span, td#today { -moz-border-radius: 4px; border-radius: 4px;  }
.sidebar1 ul.comm li, .commentlist li div { -moz-border-radius: 20px; border-radius: 20px; }
.inputfeld1, .textfeld, .textfeld1, .textfeld2, #s, .inputfeld, select, blockquote, .sidebar1, .sidebar2, .sidebar3, #erreichbar, #tagcloud, #rss, #kontakt, #commentform, #wp-calendar th, #wp-calendar td, .info, .info1, .info2, .sidebarmenu a.sidebarmenuakt, .sidebarmenu a.sidebarmenunor, #tagcloud a, #tooltip, ul#leistungtab-nav, ul#leistungtab-nav li a { -moz-border-radius: 10px; border-radius: 10px; }
#searchform, .beitragtab, #main1 { -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }
a#change, a#openclose { -moz-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; }
a#top { -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }

#content .beitrag .entry a img, #content .beitrag .entry img { -moz-border-radius: 4px; border-radius: 4px; }
#sidebar ul li.artikel img.artikelbild { -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

ul#tabs-nav li#w a, ul#tabs-nav li#g a,  ul#tabs-nav li#f a { -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }

/* leistungen */
#leistungtab {
  float: left;
  margin: 0;
  padding: 0;
  }
ul#leistungtab-nav {
  float: left;
  width: 473px;
  padding: 15px 0 0 15px !important;
  margin: 28px 0 12px;
  list-style: none;
  text-align: center;
  background-color: #FAFAFA;
  border: 1px solid #EEEEEE;
  }
ul#leistungtab-nav li { 
  display: block;
  float: left;
  }
ul#leistungtab-nav li a:focus { outline: none; }
ul#leistungtab-nav li a {
  float: left;
  display: inline-block;
  width: auto;
  height: 30px;
  padding: 0 15px 0 10px;
  margin: 0 15px 15px 0;
  font-size: 12px;
  font-style: italic;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
  color: #999999;
  background-color: #EEEEEE;
  border: 1px solid #E3E3E3;
  background:  #EEEEEE url('images/raus.gif')right no-repeat;
  background-position: 95% 50%;
  }
ul#leistungtab-nav li a:hover {
  color: #666666;
  background:  #FFF99A url('images/unten.gif') no-repeat;
  border: 1px solid #FFE646;
  background-position: 95% 50%;
  }
ul#leistungtab-nav li a.selected {
  color: #FFFFFF;
  font-size: 1.2em;
  font-weight: normal;
  font-style: italic;
  text-shadow: 0 0 3px #000000;
  border: 1px solid #666666;
  background:  #888888 url('images/unten.gif') no-repeat;
  background-position: 95% 50%;
  }
.ltab {
  position: relative;
  float: left;
  width: 490px;
  padding: 20px 0 10px;
  margin: 0;
  }
#leistungtab p.trenn1 { display: none !important; }

span.img_wrapper {
  position: relative;
  float: left;
  display: inline-block;
  margin: 0 10px 15px 0;
  padding: 0 14px 28px 0;
}
span.img_wrapper img, span.img_wrapper img.img_grayscale {
  top: 0;
  left: 0;
}