/* Processed by Shaun Inman's CSS-SSC :: http://www.shauninman.com/plete/css-ssc/ */
/* background-color: #AF9256; */
  /*background-color: #663300; */

  /* presse.css ggf. in der index.php includiert */
  /***********************************************/
  html, body {
    height: 100%;
}

body {
  margin:0;
  padding:0;
  background: #AF9256 url("../img/bgnd_body.gif") repeat-y center top;
  font: 12px Georgia, Verdana, Tahoma, Arial, sans-serif;
  /*text-align:center;  */
  }

/* Kopfbereich mit Banner und ueberlagertem Hintergrundbild ***************** */
#head {
  color: fontColorHead;
  background: #663300 url("../img/bgnd_top.gif") repeat-y center top;
  border-bottom:3px solid #660000;
  font-size:14px;
  text-align:center;
  padding:0px;
  }

#head_bkgnd {
  position: relative;
  background-color: #996633;
  width: 798px;
  height: 180px;
  margin-left: auto;
  margin-right: auto;
  text-align:left;
  padding-top:5px;
  border-left: 1px solid #663300;
  border-right: 1px solid #663300;

  background-image:url(../img/BANNER_HELL.gif);
  background-repeat:no-repeat;
  background-position: 0px 0px;
  }

* html #head_bkgnd {
  width: 800px;
  w\idth: 800px;
  }

#head_bkgnd #cntr {
  font-family: Tahoma,Arial,sans-serif;
  color: #663300;
  font-size: 11px;
  position: absolute;
  bottom: 0.2em;
  right: 0.8em;
}


#head_bkgnd #mplayer {
  font-family: Tahoma,Arial,sans-serif;
  color: #663300;
  font-size: 11px;
  position: absolute;
  bottom: 0.2em;
  left: 0.8em;
}

/* Container-Boxen ********************************************************** */

#containerContent {
  position: relative;
  
  margin: 0 auto;
  /* border: 1px solid red; */
  }

#content {
  min-height: 100%;
  height: 100%;
  _height: 100%;
  background-color: #F0F0D9;
  border-left: 1px solid #7D683D;
  border-right: 1px solid #7D683D;
  color: #660000;
  /* height: 900px; */
  padding:0px;
  padding-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 798px;
  /*border: 1px solid red;*/
  }

* html #content {
  width: 800px;
  w\idth: 800px;
  }
  
#content #linkbar {}

/* LINKS *************************** */
a {
  color:#663300;
  }
a.an {

  }
a:link {
  color:#663300;
  background-color:transparent;
  text-decoration:none;
  }
a:visited {
  color:#663300;
  text-decoration:none;
  }
a:active {
  color:#000000;
  text-decoration:underline;
  }
a:hover{
  text-decoration: underline overline;
  /*border: 1px solid #AA5522;*/
  }
a[name]:hover {
  text-decoration: inherit;
  color: inherit;
  background: inherit;
  background-color:#F0F0D9;
  }

/* SONSTIGES *********************** */
img {
  border-width:0;
  }

.monospace {
  /* font-family: "courier new", courier, monospace; */
  font-family: Tahoma,Arial,sans-serif;
  line-height: 2em;
  font-size: 10px;
  }

/* *** Navigationsleiste **************************************************** */

#navigation  {
  font-family: Tahoma,Arial,sans-serif;
  font-size:12px;
  margin-bottom:35px;
  border: 0px solid red;
  }

#navigation td {
  /* background-image:url("img/button_mid.gif"); */
  color: white;
  }

#navigation tr {
  background-image: url("../img/button_mid_1.gif");
  background-repeat:repeat-x;
  }


#navigation #btnLeft {
  background-image: url("../img/button_left_1.gif");
  background-repeat:no-repeat;
  width: 18px;
  height: 30px;
  /*
  width: 23px;
  height: 37px;
  */
  }

#navigation #btnRight {
  background-image: url("../img/button_right_1.gif");
  background-repeat:no-repeat;
  width: 20px;
  /*
  width: 23px;
  */
  }


#navigation a {
  color:#F0F0D9;
  }
#navigation a.an {

  }
#navigation a:link {
  background-color:transparent;
  text-decoration:none;
  }
#navigation a:visited {
  text-decoration:none;
  }
#navigation a:active {
  color:#000000;
  text-decoration:underline;
  }
#navigation a:hover{
  text-decoration: underline;
  /*border: 1px solid #AA5522;*/
  }

#navigation #active {
  font-style: italic;
  font-weight: bold;
  }



/* *** Hauptbereich ********************************************************* */
#tblLayout {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;

  /* http://wellstyled.com/css-underscore-hack.html
  min-height: 100%;
  height: auto;
  _height: 100%;
  */
}

#main {
  font-size:14px;
  text-align:justify;
  margin: 0 auto;
  margin-bottom:3em;
  width: 85%;
  /*height:500px;*/
  /* border: 1px solid red; */
  }

#main a:before {
  /* content:"\00BB  "; */
  }
#main a {
  color: #663300;
  font-weight:bold;
  }
#main a:link {
  color: #663300;
  text-decoration:none;
  border-bottom: 1px dotted #AF9256;
  }
#main a:visited {
  color: #660000;
  text-decoration:none;
  border-bottom: 1px dotted #AF9256;
  }
#main a:active {
  color: #663300;
  text-decoration:underline;
  }
#main a:hover{
  color: #660000;
  background-color: #D7C9AB;
  }


#main h1, #main h2, #main h3, #main h4 {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  background-color: transparent;
  font-variant: small-caps;
  letter-spacing: .1em;
  line-height: 1em;
  }
  
#main h4 {
  width: 80%;
  }

#main #designlinks {
  color: #D7C9AB;
}

#main #designlinks a, a:link, a:visited, a:hover {
  color: #D7C9AB;
}

/* *** Fussbereich ********************************************************** */

#footer {
  /*border-top:1px solid #C7C9CB;*/
  margin: 0 auto;
  /*
  margin: 50%;
  left:-400px;  
  */  
  border-left: 1px solid #7D683D;
  border-right: 1px solid #7D683D;

  color: #F0F0D9;
  background-color: #663300;
  background:#663300 url("../img/footer.gif") repeat-x center bottom;
  
  text-align: center;
  font-size:11px;

  padding-top: 2px;
  padding-bottom: 2px;
  /*border: 1px solid red;*/
  
  width: 798px;
  }

* html #footer {
  width: 800px;
  w\idth: 800px;
  }

#footer a:link, #footer a:visited {
  color: #F0F0D9;
  text-decoration:none;
  border-bottom: 1px dotted #F0F0D9;
  font-weight: normal;
  }

#footer a:hover{
  color: #663300;
  background-color: #F0F0D9;
  text-decoration: none;
  }

#footer a:before {
  content:"";
  }

/* scrollover *************************************************************** */
a.scrollover {
  /* Default Colour/Styles here */
  color: #663300;
}
a.scrollover em:first-line {
  /* Rollover Colour/Styles here */
  color: #660000;
}



/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_three */

.menu3 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(../img/pro_three/three_0.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu3 li {float:left;}
.menu3 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu3 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu3 li.current a {color:#fff; background:url(../img/pro_three/three_2.gif);}
.menu3 li.current a b {background:url(../img/pro_three/three_2.gif) no-repeat right top;}
.menu3 li a:hover {color:#fff; background:#000 url(../img/pro_three/three_1.gif);}
.menu3 li a:hover b {background:url(../img/pro_three/three_1.gif) no-repeat right top;}
.menu3 li.current a:hover {color:#fff; background:#000 url(../img/pro_three/three_2.gif); cursor:default;}
.menu3 li.current a:hover b {background:url(../img/pro_three/three_2.gif) no-repeat right top;}

/* img-shadow *********************************************************** */

.img-shadow {
float:right;
background: url(../img/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}

/* presseberichte *********************************************************** */
.pressezitat {
  color: #7D4B38;
  font-style: italic;
  text-align: right;
  margin: 1em;
}
#bilder {
  text-align: left;
}


/* 	
	 Modern - Singapore Template v.9 (www.sgal.org)
	   by Ross Howard (www.abitcloser.com)													
*/

/* Layout */
													/* For editing and customisation read these notes */
#bilder {
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;		/* Set the font here to effect entire template */
}

#bilder #container_sp {
	width: 100%; 									/* This is the page width, if you want a full-screen/liquid layout use 'auto' */
	border-right: 4px solid #E3E3CC; 				/* If you use full-screen/liquid layout you probably want to set all borders to 'none' */
	border-left: 1px solid #E3E3CC;
	border-top: 1px solid #E3E3CC;
	border-bottom: 4px solid #E3E3CC;
	margin: 24px auto 0 auto;
	background-color: #FFF;
}

#bilder #header_sp {
	border-right: 1px solid #D7C9AB;
}

#bilder #options {
	text-align: right;
	float: right;
	margin: 6px 0 0 0;
}

#bilder #main-nav {
	border-right: 1px solid #D7C9AB;
	padding-top: 12px;
	margin: 0 0 0 26px;
	font-size: 11px;
	color: #999;
}

#bilder #content_sp {
  border-right: 1px solid #D7C9AB;
	border-bottom: 1px solid #D7C9AB;
	border-top: 1px solid #FFF;
}

#bilder #footer_sp {
	width: 90%;
	margin: 16px auto 0 auto;
	padding: 0 0 16px 0;
	text-align: center;
}

/* Page Elements */

#bilder .crumb {
	font-size: 11px;
	line-height: 16px;
	color: #999;
	padding: 20px 0 16px 26px;
}

#bilder .gallery {
	border: 1px solid #D7C9AB;
	margin: 18px 24px 24px 24px;
	padding: 12px;
	background-color: #F0F0D9;
}

#bilder .album {
	border: 1px solid #D7C9AB;
	margin: 18px 24px 32px 24px;
	padding: 22px 0 0 0;
	background-color: #F0F0D9;
	clear: both;
	text-align: center;
}

#bilder .image {
	margin: 0px 24px 24px 24px; /* margin: 0px 24px 24px 24px; */
	padding: 0;
	text-align: center;
}

#bilder .image a, #bilder .image a:visited {
	border-bottom: none;
}

#bilder .image img {
	padding: 5px;
	background-color: #F0F0D9;
	border: 1px solid #E3E3CC;
	border-right:  1px solid #D7C9AB;
	border-bottom:  1px solid #D7C9AB;
}

#bilder .preview {
	text-align: center;
	margin: 28px 0 24px 0;
}

#bilder .blaettern_oben {
	text-align: center;
	padding: 12px 0 1px 0;
}
#bilder .blaettern_oben p {
	color: #999;
}
#bilder .blaettern_oben a {
	border: none;
}

#bilder .foot {
	clear: both;	
}


/* Typography */

/* reset octopussy styles */
#bilder h1, #bilder h2, #bilder h3, #bilder h4 {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  background-color: transparent;
  letter-spacing: 100%;
  line-height: 100%;

  border: none;
  font-variant: normal;
  text-align: left;
}

#bilder h2 {
	font-size: 32px;
	line-height: 32px;
	font-weight: normal;
	margin: 0 200px 0 24px;
	color: #7D4B38; /* #555 */
	padding-bottom: 10px;
}

#bilder h3 {
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	margin: 4px 0 6px 130px;
	padding: 0;
	color: #7D4B38; /* #555 */
}

#bilder h4 {
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	margin: 0 0 0 26px;
	color: #666;
	padding: 0;
}

#bilder p {
	font-size: 11px;
	line-height: 16px;
	color: #666;
	margin: 6px 16px 4px 16px;
}

#bilder .gallery p {
	border: none;
	margin: 0 0 4px 130px;
}

#bilder .gallery p.count {
	color: #AAA;
}

#bilder .preview p {
	color: #999;
}

#bilder #footer_sp p {
	color: #AAA;
	text-align: center;
}

#bilder p.links {
	margin: 24px 0 -38px 24px;
	padding: 0 0 6px 0;
}

#bilder p.tab {
	line-height: 16px;
	text-align: right;
	margin: -16px 32px 0 24px;
	padding: 0 0 0 0;
	clear: both;
}

#bilder p.tab a{
	margin-left: 6px;
}

#bilder a, #bilder a:visited {
	color: #660000;
	text-decoration: none;
	border-bottom: none;
}

#bilder a:hover {
	text-decoration: underline;
	background-color: transparent;
}

/* Links and Thumbnails */

#bilder .album a {
	width: 116px;									/* This equals template.ini 'thumb_width_album' + padding and borders of inside img */
	height: 116px;									/* This equals template.ini 'thumb_height_album' + padding and borders of inside img */
	float: left;
	text-align: center;
	margin: 0 19px 20px 19px;	
	text-decoration: none;
	border-bottom: none;
}

#bilder .album a:hover {
	text-decoration: none;
	background-color: transparent;
}

#bilder .album a img {
	background-color: #FFF;
	padding: 8px;									/* 16px x 2 = 32px																	*/
	border: 1px solid #E3E3CC;							/* 1px x 2 = 2px 		= 34px														*/
}

#bilder .gallery a img {
	background-color: #FFF;
	padding: 16px;
	border: 1px solid #E3E3CC;;
	float: left;
	margin: 0 -150px 0 0;
}

#bilder img.sgThumbnailAlbum {
  padding: 0px;
}

#bilder a:hover img.sgThumbnailAlbum, #bilder a:hover img.sgThumbGallery {
	border: 1px solid #D7C9AB;
	text-decoration: none;
}

#bilder .preview a {
	border: none;
}

#bilder .preview a img {
	border: 1px solid #D7C9AB;
	color: #D7C9AB;
	margin: 0 4px 0 4px;
	padding: 2px;
}

#bilder img.sgThumbnailPreviewCurrent {
	opacity: .6;
}

#bilder .preview a:hover img, #bilder .preview a:hover img.sgThumbnailPreviewCurrent{
	border: 1px solid #660000;
	opacity: 1;
}

/* Details */

#bilder dl {
	font-size: 11px;
	line-height: 16px;
	color: #999;
	margin: 12px 64px 24px 64px;
	padding: 0;
	text-align: center;
}

#bilder dt {
	display: inline;
	margin: 0 4px 0 0;
	padding: 0;
	color: #666;
	
}

#bilder dd {
	display: inline;
	margin: 0;
	padding: 0;
}

/* Forms */

#bilder #options form{
	border: none;
	margin: 0 0 0 12px;
	padding: 0 12px 0 0;
	font-size: 10px;
	display: inline;
}

#bilder input {
	font-size: 10px;
	margin: 12px 0 0 0;
}

#bilder select{
	font-size: 10px;
	color: #666;
}


#gaestebuch {
  margin: 0 auto;
  margin-top: 1em;
  margin-bottom: 1em;
  }

#gaestebuch a:before {
  content:"";
  }
  
#gaestebuch a:link, #gaestebuch a:visited {
  text-decoration:none;
  border-bottom: 0px none;
  }

#gaestebuch a:hover{
  background-color: transparent;
  text-decoration: none;
  border-bottom: 1px dotted #660000;
  }


/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ** */

#gaestebuch #eintraege {
  width: 550px;
  margin: 0 auto;
  }
  
#gaestebuch #eintraege .seite_aktiv {
  /* color: #996633; */
  font-size: 1.1em;
  font-weight: bold;
  }
#gaestebuch #eintraege .eintrag {
  width: 100%;
  /* background-color: #F0F0D9; */
  /* border: 1px solid #996633; */
  background-color: #D7C9AB;
  color: #660000;
  margin: 0 auto;
  padding: 1px;
  }


#gaestebuch td.titel {
  background-color: #996633; /* #AF9256; */
  color: #663300;
  font-weight:  bold;
  font-size: 0.9em;
  /* background-image: url(gb_tab_top.gif);background-repeat:repeat-x; */
  }

#gaestebuch #eintraege td.homepage_link {
  /* border-left:1px solid #663300; */
  padding-left:6px;
  padding-right:3px;
  font-size: 0.9em;
  text-align: right;
  }


#gaestebuch #eintraege .text {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  /* background-color: #996633; */
  padding-top:    0.7em;
  padding-bottom: 0.7em;
  }
  
#gaestebuch #eintraege .eintrag_footer {
  font-size: 1em;
  padding: 1px;
  background-color: #D7C9AB;
  border-top: 1px dotted #996633;
  /* background-color: #996633; */
  }
  
#gaestebuch #eintraege .eintrag a {
  color: fontColorHead;
  }
  
/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ** */
#gaestebuch #neuer_eintrag {
  margin: 0 auto;
  }

#gaestebuch #neuer_eintrag #NE_containerTbl {
  width: 480px;
  margin: 0 auto;
  background-color: #F0F0D9;
  border: 1px solid #996633;
  color: #660000;
  margin-bottom: 3em;
  }

#gaestebuch #neuer_eintrag #NE_titel {
  text-align: center;
  background-color: #996633;
  color: fontColorHead;
  font-weight: bold;
  font-size: 1.1em;
  padding: 3px;
  /* background-image: url(gb_tab_top.gif);background-repeat:repeat-x; */
  }

#gaestebuch #neuer_eintrag #cCntr {
  border: 0px;
  background-color: #D7C9AB;
}
  
#gaestebuch #neuer_eintrag textarea {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  }

/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ** */
/* *** *** *** *** *** ***  fuer alle gueltig  *** *** *** *** *** *** *** ** */
/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ** */

#gaestebuch .form {
  background-color: #F0F0D9;
  /* border:         1px solid #663300; */
  /*
  border-top:     1px solid #663300;
  border-left:    1px solid #663300;
  */
  border-top:     0px;
  border-left:    0px;
  border-bottom:  1px solid #663300;
  border-right:   1px solid #663300;
  padding-top:    2px;
  padding-bottom: 2px;
  padding-left:   5px;
  padding-right:  5px;
  width:          350px;
  }

#gaestebuch input, textarea {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  font-size:13px;
  }

#gaestebuch input.form {
  color: #660000;
  }


#gaestebuch textarea.form {
  width: 420px;
  margin-right:15px;
  }

#gaestebuch tr.TblPane {
  background-color: #D7C9AB;
  }


/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ** */

#gaestebuch .statusmeldung {
  width: 70%;
  margin: 0 auto;
  margin-top: 4em;
  margin-bottom: 4em;
  text-align: center;
  border-bottom: 1px solid #D7C9AB;
}

#gaestebuch .statusmeldung #tblBottom {
  width: 100%;
  margin-top: 1.6em;
}

#gaestebuch .statusmeldung #statustext {
  width:50%;
  text-align:left;
  font-size: 0.8em;
  font-weight: bold;
  color: #D7C9AB;
}

#gaestebuch .statusmeldung #btnZurueck {
  font-size: 0.8em;
}


#hoerproben {
  text-align: center;
}


#hoerproben h3 {
  /* color: #D7C9AB; */
  text-align: left;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	background-color: transparent;
  letter-spacing: 100%;
  line-height: 100%;
  margin-top: 2em;
  margin-bottom: 2.5em;
}
  
#hoerproben .album {
  margin-top: 2em;
  margin-bottom: 5em;
}
#hoerproben .album table {
  margin: 0 auto;
}

#hoerproben .album td.cover {
  text-align: center;
}
#hoerproben .imgContainer {
	margin-bottom: 0.5em;
}
#hoerproben img.imgCover {
  border-width: 1px;
  border-style: solid;
  padding: 2px;
}
#hoerproben .album .coverUnterschrift {
  font-size: 12px;
  font-style: italic;
}

#hoerproben .album td.titel {
  text-align: left;
  width: 56%;
}

#hoerproben .album li {
  list-style-position:inside;
}



#hoerproben #previews {
    width: 80%;
    margin: 0 auto;
    margin-top: 1em;
    margin-bottom:2em;
    font-size: 0.4em;
}

#hoerproben #copyright {
    text-align: center;
    font-size: 0.6em;
    color: #AF9256;  
}
#hoerproben h2 {
}

#hoerproben .anchor {
    text-decoration:none;
    color: #663300;
}
#hoerproben .anchor:hover {
    text-decoration: none;
    color: #663300;
}
#hoerproben .anchor:before {
    content:"";
}


#hoerproben #buyform {
    margin-bottom: 3em;
}



/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ** */


#hoerproben #bestellung {
  margin: 0 auto;
  margin-top: 3em;
}

#hoerproben #formular {
  margin: 0 auto;
  margin-top: 2em;
}

#hoerproben #containerTbl {
  background-color: #F0F0D9;
  border: 1px solid #996633;
  color: #660000;
  margin: 0 auto;
  padding: 2px;
}
#hoerproben #titel {
    background-color: #996633;
    color: fontColorHead;
    /* font-size:   14px; */
    font-weight:    bold;
    text-align:     center;
}

#hoerproben .TblPane {
  background-color: #D7C9AB;
}

#hoerproben .eingabefelder {
  width: 100%;

}

#hoerproben .eingabefelder_links {
  text-align: right;
}

#hoerproben .eingabefelder_rechts {
  white-space: nowrap;
  padding-right: 7px;
  text-align: left;
}

#hoerproben .form {
  background-color: #F0F0D9;
  /* border:         1px solid #663300; */
  /*
  border-top:     1px solid #663300;
  border-left:    1px solid #663300;
  */
  border-top:     0px;
  border-left:    0px;
  border-bottom:  1px solid #663300;
  border-right:   1px solid #663300;
  padding-top:    2px;
  padding-bottom: 2px;
  padding-left:   5px;
  padding-right:  5px;
  width:          350px;
}

#hoerproben input.form {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  color: #660000;
}

/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ** */
#hoerproben #copyright {
  color:#D7C9AB;
  text-align:center;
  font-size: 0.8em;
}

/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ** */

#hoerproben .statusmeldung {
  width: 70%;
  margin: 0 auto;
  margin-top: 4em;
  margin-bottom: 4em;
  text-align: center;
  border-bottom: 1px solid #D7C9AB;
}

#hoerproben .statusmeldung #tblBottom {
  width: 100%;
  margin-top: 1.6em;
}

#hoerproben .statusmeldung #statustext {
  width:50%;
  text-align:left;
  font-size: 0.8em;
  font-weight: bold;
  color: #D7C9AB;
}

#hoerproben .statusmeldung #btnZurueck {
  font-size: 0.8em;
}


#kontakt {
  margin-top: 2em;
  text-align: center;
  /* border: 1px solid red; */
}

#kontakt #adresse {
  width: 95%;
  margin: 0 auto;
  text-align: right;
  padding-bottom: 2em;
  margin-bottom:  4em;
  border-bottom: 1px dotted #996633;
  /* background: url("../img/kontakt.gif") no-repeat 4em 2em; */
  background: url("../img/kontakt.gif") no-repeat center 1em;
}

#kontakt #anfrage {
  margin: 0 auto;
}

#kontakt #formular {
  margin: 0 auto;
  margin-top: 2em;
}


#kontakt #containerKontaktForm {
  background-color: #F0F0D9;
	border-left: 1px solid #E3E3CC;
	border-top: 1px solid #E3E3CC;
	border-right: 4px solid #E3E3CC;
	border-bottom: 4px solid #E3E3CC;
margin: 0 auto;
}


#kontakt #containerTbl {
  border-right: 1px solid #D7C9AB;
  border-bottom: 1px solid #D7C9AB;
  color: #660000;
  margin: 0 auto;
  padding: 2px;
}
#kontakt #titel {
    background-color: #996633;
    color: fontColorHead;
    /* font-size:   14px; */
    font-weight:    bold;
    text-align:     center;
}

#kontakt .TblPane {
  background-color: #D7C9AB;
}

#kontakt .eingabefelder {
  width: 100%;

}

#kontakt .eingabefelder_links {
  text-align: right;
}

#kontakt .eingabefelder_rechts {
  white-space: nowrap;
  padding-right: 7px;
  text-align: left;
}

/************************************************************************ ALT */
#kontakt .hgd {
  background-image:   url(../bilder/hgd_tel.gif);
  background-repeat:  no-repeat;
  background-position:left bottom;
}


#kontakt .form {
  background-color: #F0F0D9;

  border-top:     0px;
  border-left:    0px;
  border-bottom:  1px solid #663300;
  border-right:   1px solid #663300;
  padding-top:    2px;
  padding-bottom: 2px;
  padding-left:   5px;
  padding-right:  5px;
  width:          350px;
}


#kontakt input.form {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  color: #660000;
}

#kontakt .statusmeldung {
  width: 70%;
  margin: 0 auto;
  margin-top: 4em;
  margin-bottom: 4em;
  text-align: center;
  border-bottom: 1px solid #D7C9AB;
}

#kontakt .statusmeldung #tblBottom {
  width: 100%;
  margin-top: 1.6em;
}

#kontakt .statusmeldung #statustext {
  width:50%;
  text-align:left;
  font-size: 0.8em;
  font-weight: bold;
  color: #D7C9AB;
}

#kontakt .statusmeldung #btnZurueck {
  font-size: 0.8em;
}


#links h3 {
  text-align: center;
  color: #D7C9AB;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	background-color: transparent;
  letter-spacing: 100%;
  line-height: 100%;
}

#links .lnk {
  margin-top: 2em;
  margin-bottom: 3em;
}

#links .lnk a {
  margin-left: 3em;
}
#links .lnk a:before {
  content:"\00BB  ";
}


#news {
  text-align: left;
  margin-top: 2em;
  margin-bottom: 5em;
}

#news td#welcometext {
  width:85%;
  text-align: justify;
  padding-right: 1.5em;
  border-right: 1px dotted #D7C9AB;
}

#news td#shoutouts {
  padding-left: 1.5em;
  vertical-align: middle;
  text-align: center;
}

#news .hl {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  background-color: transparent;
  font-variant: small-caps;
  font-size: 1.3em;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1em;

  /* grafik */
  /*
  color: #F0F0D9;
  margin-left: -5000px;
  background: url("../img/HL_willkommen.gif") no-repeat 0em 0em;
  */
}

#news .text {
  /* padding-left: 2em; */
   padding-top: 1.5em;
   margin-left: 0.5em;
}

#news .datum {
  text-align: right;
  font-size: 9px;
  color: #D7C9AB;
}

#news .shoutbox {
  padding: 2px;
  width: 125px;
  /* border: 1px solid #AF9256; */
  background-color: #D7C9AB;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 1em;
  /*
  border-right:  1px solid #996633;
  border-bottom: 1px solid #996633;
  */
}

#news .shoutbox #titel {
  /* background-color: #D7C9AB; */
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-variant: small-caps;
  text-align: center;
  font-weight: bold;
  padding: 1px;
}

#news .shoutbox #inhalt {
  padding: 4px;
  font-size: 11px;
  padding-bottom: 1em;
}

#news .shoutbox input.form, textarea {
  font-size: 11px;
}
  
#news input.form, textarea {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  color: #660000;
  background-color: #F0F0D9;
  /* border:         1px solid #663300; */
  /*
  border-top:     1px solid #663300;
  border-left:    1px solid #663300;
  */
  border-top:     1px solid #660000 important!;
  border-left:    1px solid #660000 important!;
  border-bottom:  1px solid #663300 important!;
  border-right:   1px solid #663300 important!;

}

#news .addy {
  font-weight: bold;
  font-style: italic;
}


/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ** */

#news .statusmeldung {
  width: 70%;
  margin: 0 auto;
  margin-top: 4em;
  margin-bottom: 4em;
  text-align: center;
  border-bottom: 1px solid #D7C9AB;
}

#news .statusmeldung #tblBottom {
  width: 100%;
  margin-top: 1.6em;
}

#news .statusmeldung #statustext {
  width:50%;
  text-align:left;
  font-size: 0.8em;
  font-weight: bold;
  color: #D7C9AB;
}

#news .statusmeldung #btnZurueck {
  font-size: 0.8em;
}


#termine {
  margin-top: 1em;
}

#termine h3 {
  text-align: center;
  color: #D7C9AB;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	background-color: transparent;
  letter-spacing: 100%;
  line-height: 100%;
}

#termine .tbl_termine {
  background-color: #F0F0D9;
  }

.tbl_termine th {
  text-align:center;
  background-color: #996633;
  color: fontColorHead;
  }

.tbl_termine td {
  text-align: left;
  background-color: #D7C9AB;
  color: #660000;
  }


#termine .groesser {
  font-size:9pt;
  font-weight:600;
  }

#termine .kleiner {
  font-size:7pt;
  }
  
#termine .vergangen {
  /* text-decoration:line-through; */
  color: #AF9256;
  }

#termine .vergangen td {
  /* text-decoration:line-through; */
  color: #AF9256;
  }

#termine .vergangen a {
  color: #AF9256;
  padding:1px;
  }

#termine .vergangen a:link {
  text-decoration: none;
  }

#termine .vergangen a:visited {
  text-decoration: none;
  color: #AF9256;
  }

#termine .vergangen a:active {
  text-decoration: none;
  }

#termine .vergangen a:hover {
  text-decoration:none;
  border-color: #660000;
  color: #660000;
  }

#wir  {
  }
  
#wir #namen {
  text-align:center;
  margin-bottom:2.5em;
  padding:3px;
  border-bottom:1px dotted #996633;
  }


#wir #namen a:before {
  content:"\00BB  ";
  }
  
#wir #namen a:link, #wir #namen a:visited {
  text-decoration:none;
  border-bottom: 0px none;
  }

#wir #namen a:hover{
  background-color: transparent;
  text-decoration: none;
  border-bottom: 0px none;
  }


/* *** Downloads ********************************************************** */

#downloads {
    text-align: center;
    margin: auto;
    width: 90%;
    margin-top: 2em;
    margin-bottom:3em;
    
}

#downloads table.hgd{
    margin: auto;
    margin-bottom:1em;
}

#downloads td.cell {
    border: 1px solid #D7C9AB;
    padding:5px;
}
#downloads td.head {
    background-color: #D7C9AB;
    padding:5px;
    padding-left:10px;
}
#downloads h2 {
    color: #663300;
    text-align: left;
    padding-bottom:1em;
}




#login {
  text-align: center;
  margin-top: 3em;
  margin-bottom: 4em;
}

#login .box {
  width: 220px;
  padding: 2px;
  /* border: 1px solid #AF9256; */
  background-color: #D7C9AB;
  text-align: center;
  margin-bottom: 1em;
  margin: 0 auto;
  border-bottom:  1px solid #663300;
  border-right:   1px solid #663300;
}

#login .box #titel {
  background-color: #996633;
  margin-bottom: 0.5em;
  font-variant: small-caps;
  text-align: center;
  font-weight: bold;
  padding: 1px;
}

#login .box #inhalt {
  padding: 4px;
  font-size: 0.9em;
  text-align: right;
  padding-right: 2em;
  padding-bottom: 0.5em;
}

#login  input.form, textarea {
  font-size: 0.9em;
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  color: #660000;
  background-color: #F0F0D9;
  /* border:         1px solid #663300; */
  /*
  border-top:     1px solid #663300;
  border-left:    1px solid #663300;
  */
  border-top:     0px;
  border-left:    0px;
  border-bottom:  1px solid #663300;
  border-right:   1px solid #663300;

}


#admin #news {

}

#admin #news {
  text-align: center;
}

#admin #news a:before {
  content:"";
}

#admin #news #liste {
  margin: 0 auto;
}

#admin #news h3 {
  text-align: left;
  border-bottom: 1px solid #D7C9AB;
}

#admin #news #edit_news {
  text-align: left;
  margin-left: 2em;
}

#admin #news .addy {
  font-weight: bold;
  font-style: italic;
}


#admin input.form, textarea {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  color: #660000;
  background-color: #D7C9AB;
  /* border:         1px solid #663300; */
  /*
  border-top:     1px solid #663300;
  border-left:    1px solid #663300;
  */
  border-top:     0px;
  border-left:    0px;
  border-bottom:  1px solid #663300;
  border-right:   1px solid #663300;
  padding: 2px;
}


/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ** */

#admin .statusmeldung {
  width: 70%;
  margin: 0 auto;
  margin-top: 4em;
  margin-bottom: 4em;
  text-align: center;
  border-bottom: 1px solid #D7C9AB;
}

#admin .statusmeldung #tblBottom {
  width: 100%;
  margin-top: 1.6em;
}

#admin .statusmeldung #statustext {
  width:50%;
  text-align:left;
  font-size: 0.8em;
  font-weight: bold;
  color: #D7C9AB;
}

#admin .statusmeldung #btnZurueck {
  font-size: 0.8em;
}



#admin #termine {
  text-align: center;
}

#admin #termine a:before {
  content:"";
}

#admin #termine #liste {
  margin: 0 auto;
}

#admin #termine h2,h3,h4,h5 {
  border-bottom: 1px solid #D7C9AB;
}

#admin #termine .entry {
  background-color: #D7C9AB;
}

#admin #termine input.form, textarea {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  color: #660000;
  background-color: #F0F0D9;
  /* border:         1px solid #663300; */
  /*
  border-top:     1px solid #663300;
  border-left:    1px solid #663300;
  */
  border-top:     0px;
  border-left:    0px;
  border-bottom:  1px solid #663300;
  border-right:   1px solid #663300;
  padding: 2px;
}


/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ** */

#admin .statusmeldung {
  width: 70%;
  margin: 0 auto;
  margin-top: 4em;
  margin-bottom: 4em;
  text-align: center;
  border-bottom: 1px solid #D7C9AB;
}

#admin .statusmeldung #tblBottom {
  width: 100%;
  margin-top: 1.6em;
}

#admin .statusmeldung #statustext {
  width:50%;
  text-align:left;
  font-size: 0.8em;
  font-weight: bold;
  color: #D7C9AB;
}

#admin .statusmeldung #btnZurueck {
  font-size: 0.8em;
}


#admin #newsletter {
  text-align: center;
}

#admin #newsletter a:before {
  content:"";
}

#admin #newsletter #liste {
  margin: 0 auto;
}

#admin #newsletter h3 {
  text-align: left;
  border-bottom: 1px solid #D7C9AB;
}

#admin #newsletter #neue_mail {
  text-align: left;
  margin-left: 2em;
}

#admin #newsletter .addy {
  font-weight: bold;
  font-style: italic;
}


#admin input.form, textarea {
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  color: #660000;
  background-color: #D7C9AB;
  /* border:         1px solid #663300; */
  /*
  border-top:     1px solid #663300;
  border-left:    1px solid #663300;
  */
  border-top:     0px;
  border-left:    0px;
  border-bottom:  1px solid #663300;
  border-right:   1px solid #663300;
  padding: 2px;
}


/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ** */

#admin .statusmeldung {
  width: 70%;
  margin: 0 auto;
  margin-top: 4em;
  margin-bottom: 4em;
  text-align: center;
  border-bottom: 1px solid #D7C9AB;
}

#admin .statusmeldung #tblBottom {
  width: 100%;
  margin-top: 1.6em;
}

#admin .statusmeldung #statustext {
  width:50%;
  text-align:left;
  font-size: 0.8em;
  font-weight: bold;
  color: #D7C9AB;
}

#admin .statusmeldung #btnZurueck {
  font-size: 0.8em;
}

/* *** mailversand *** *** *** *** *** *** *** *** *** *** *** *** *** *** ** */

#admin #newsletter .done{
  color: green;
}

#admin #newsletter .failed{
  color: red;
  font-weight: bold;
}


#agenda {
    width: 100%;
    border:0px solid black;
    margin-bottom: 5em;
    }
#agenda  a:link, #agenda  a:hover, #agenda  a:visited, #agenda  a:active, #agenda  a:focus {
    text-decoration: none;
    border: none;
    background-color: transparent;
    font-variant: small-caps;
    font-family: verdana, sans-serif;
    font-weight: normal;
    }
#agenda, #agenda td {
    font: small-caps 14px verdana, sans-serif;

    }
#agenda td.datum {
    text-align: left;
    }
#agenda span {
    padding:0px 0.3em;
    }
#agenda span.active {
    background-color: #AAA;
    }
#agenda .active {
    font-style: normal;
    font-weight: bold;
    }
#agenda .expired {
    color: #795D56;
    text-decoration:line-through;
    }
#agenda .expired a, #agenda .expired a:hover, #agenda .expired a:visited, #agenda .expired a:active, #agenda .expired a:focus {
    color: #795D56;
    text-decoration:line-through;
    }
#agenda td.KW {
    color: #B69D66;
    }
#agenda td a {
    display: block;
    width: 100%;
    }
#agenda td {
    background-color: #D7C9AB;
    text-align:center;
    color: #472B20;
    }
#agenda .av {
    background-color: #62A679;
    }
#agenda .unav {
    background-color: #B7837A;
    }
#agenda .comment {
    background-image: url(../img/notepad_comments.gif);
    background-repeat:  no-repeat;
    }
#agenda .editMonth {
    background-color: #FFF;
    }
#agenda .calendar, #agenda .dailydets {
    border: 1px solid #D7C9AB;
    padding: 1px;
    font: small-caps 1em/1.2em verdana, sans-serif;
    }
#agenda .dailydets {
    width: 550px;
    }
#agenda .calendar td, #agenda .dailydets td {
    padding:0.2em 0.4em;
    text-align:center;
    }
#agenda th {
    font: small-caps 14px verdana, sans-serif;
    }
#agenda th, #agenda tr.index td {
    color: #472B20;
    background-color: #B69D66;
    padding:2px;
    }
#agenda .calendar a,  #agenda .calendar a:hover, #agenda .calendar a:visited, #agenda .calendar a:active, #agenda .calendar a:focus {
    color: #472B20;
    text-decoration: none;
    }
#agenda .datum a,  #agenda .datum a:hover, #agenda .datum a:visited, #agenda .datum a:active, #agenda .datum a:focus {
    color: #472B20;
    text-decoration: none;
    }
#agenda .dailydets a, #agenda .dailydets a:hover, #agenda .dailydets a:visited, #agenda .dailydets a:active, #agenda .dailydets a:focus {
    color: #472B20;
    text-decoration: none;
    }

/* http://www.simplebits.com/bits/minitabs.html */
#agenda .container {
	padding: 0px;
	width: 100%;
	margin: 20px auto;
	/* background: #fff; */
	text-align: center;
	margin-bottom: 3em;
	}

#agenda #miniflex {
	width: 97%;
    float: left;
	font-size: small; /* could be specified at a higher level */
	margin: 0;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #472B20;
	text-align: center;
	}

#agenda #miniflex li {
    /* float: left; */
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	}

#agenda #miniflex a:link, #agenda #miniflex a:visited {
    /* float: left; */
	font-size: 85%;
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #CFBE9A;
	}

#agenda #miniflex a.active:link, #agenda #miniflex a.active:visited, #agenda #miniflex a:hover {
	border-bottom: 4px solid #472B20;
	padding-bottom: 2px;
	color: #472B20;
	}


/* Iconize 0.3 */

/* websites (pictures and movies) */
a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_film.gif) no-repeat center right;
}

a[href *="flickr.com/photos/"], a[href *="zooomr.com"], a[href *="imageshack.us"], a[href *="bubbleshare.com"], a[href *="sevenload.com/bilder/"] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_pic.gif) no-repeat center right;
}

/* extensions */

a[href$='.doc'], a[href$='.rtf'] {
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_doc.gif) no-repeat center right;
}

a[href$='.txt'] {
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_txt.gif) no-repeat center right;
}

a[href$='.xls'] {
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_xls.gif) no-repeat center right;
}

a[href$='.rss'], a[href$='.atom'] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_feed.gif) no-repeat center right;
}

a[href$='.opml'] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_opml.gif) no-repeat center right;
}

a[href$='.vcard'] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_vcard.gif) no-repeat center right;
}

a[href$='.exe'] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_exe.gif) no-repeat center right;
}

a[href$='.dmg'], a[href$='.app'] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_dmg.gif) no-repeat center right;
}

a[href$='.pps'] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_pps.gif) no-repeat center right;
}

a[href$='.pdf'] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}

a[href$='.xpi'] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_plugin.gif) no-repeat center right;
}

a[href$='.fla'], a[href$='.swf'] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_flash.gif) no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_archive.gif) no-repeat center right;
}

a[href$='.ical'] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_ical.gif) no-repeat center right;
}

a[href$='.css'] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_css.gif) no-repeat center right;
}

a[href$='.ttf'] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_ttf.gif) no-repeat center right;
}

/*
a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_pic.gif) no-repeat center right;
}
*/

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_film.gif) no-repeat center right;
}

/*
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] {
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_music.gif) no-repeat center right;
}
*/

/* messenger */
a[href ^="aim:"] {
	padding: 1px 20px 1px 0;
    background: transparent url(icons/icon_aim.gif) no-repeat center right;
}

a[href ^="msnim:"] {
	padding: 1px 20px 1px 0;
    background: transparent url(icons/icon_msn.gif) no-repeat center right;
}

a[href ^="xmpp:"] {
	padding: 1px 20px 1px 0;
    background: transparent url(icons/icon_jabber.gif) no-repeat center right;
}

a[href *="icq.com"] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_icq.gif) no-repeat center right;
}

a[href *="edit.yahoo.com/config/send_webmesg?"] { 
	padding: 1px 20px 1px 0;
	background: transparent url(icons/icon_yim.gif) no-repeat center right;
}

a[href ^="callto:"] {
	padding: 1px 20px 1px 0;
    background: transparent url(icons/icon_call.gif) no-repeat center right;
}

/* email */
a[href ^="mailto:"] {
	padding: 1px 20px 1px 0;
    background: transparent url(icons/icon_mailto.gif) no-repeat center right;
}

/* making sure images don't get icons */

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}



/* Runtime: 0.010947942733765 s */