* Copyright 2005 Silke Schümann, Backnang http://www.silkester.de */

/* Globals */

html {height: 100.05%;}
/* commented backslash hack v2 \*/ 
html, body{height:100.05%;} 
/* end hack */

body {margin: 0; padding: 0;
	  background : url() center repeat-y #EFF0E7;
	  font: 13px/145% Verdana, Arial, Helvetica, sans-serif; color:	#474747;
      }

div, p, th, td, li, dd, dl, dt, h1, h2, h3, h4, h5, h6 
{font:  .95em/145% Verdana, Arial, Helvetica, sans-serif;}

ol, li, dl, dt, dd {line-height: 1.5em;}
h1, h2, h3, h4, h5, h6 {margin: 1.25em 0 0 0;
	font: Verdana, Arial, Helvetica, sans-serif;}
h3, h4, h5	{font-size:	100%; font-weight:bold;}


images {margin:0; padding:0; border:0;}

/* Schrift */

h1 {color: #333; font-size: 24px; font-weight: normal;}
h2 {color: #333; font-size: 19px; font-weight: normal;}
h3 {color: #333; font-size: 17px; font-weight: normal;}
h4 {color: #333; font-size: 15px; font-weight: bold;}
h5 {color: #333; font-size: 14px; font-weight: bold; }
h6 {color: #333; font-size: 14px; font-weight: bold;}

ol {}
ul {}
dt {}
li {}

th {}
td {font: 13px/140% Verdana, Helvetica, Georgia, Arial, sans-serif; color: #000;}

a {color: #720E03; text-decoration: none;}
a:link {color: #720E03; text-decoration: none;}
a:visited {}
a:hover {text-decoration: hover;}
a:focus {}
a:active {}


/* oXXXXXXo Positioning is everything (3-column-scheme based on Paul o'Brien) oXXXXXXo */ 

#outer{
	min-height:100%;
	margin-left:154px;
	margin-right:154px;
	background:#F9FAF5;
	border-left:1px solid #000;
	border-right:1px solid #000;
	margin-bottom:-34px;
	color: #000000;
}

* html #outer{height:100%;} /*for IE as IE treats height as min-height anyway*/
#clearheader{height:130px;}
#header{
	position: absolute; top: 0; left: 0; overflow: hidden;
	width:100%; height:120px;
	background: url(images/bg_header.jpg) no-repeat #F9FAF5; border-top: 1px solid #000; border-bottom: 1px solid #000;
}

#header p, #header h1, #header h2, #header h3, #header h4, 
#header h5, #header h6, #header ul, #header ol {padding: 0 12px; margin-top: 0;}
#header h1 {margin-top: 48px}

div#stmbox {position: absolute; bottom: 0; left: 0; border-top: 1px solid #000; width: 100%; height:1.45em; background: #D9DEDB; font-size: 0.9em; padding-left: 1em;}


#left {
	position:relative;/*ie needs this to show float */
	width:154px;
	float:left;
	margin-left: -153px;/*must be 1px less than width otherwise won't push footer down */
	z-index:100;
	left:-1px;
}
* html #left {padding-bottom: 52px; margin-right:-3px;}/*fix gap in ie next to float and clear footer because we've moved float too far left*/

#tec1 { max-width: 55em; margin: 0 3em;} 
#left p, #left h1, #left h2, #left h3, #left h4, 
#left h5, #left h6, #left ul, #left ol  {padding: 0 9px;}
#right p, #right h1, #right h2, #right h3, #right h4, 
#right h5, #right h6 { margin:0; margin-top: 5px; padding:0; padding-left: 9px;}
#right ul, #right ol {margin-left: -0.75em;}
#right li, #right li {padding-left: -2em;}


#right {
  position:relative; float:right; left:1px;
  width:154px; margin-right:-153px;}

#footer {
	width:100%;
	clear:both;
	height:34px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background: #D9DEDB;
	text-align: center;
	position:relative;
}
#footer p, #footer h1, #footer h2, #footer h3, #footer h4, 
#footer h5, #footer h6, #footer ul, #footer ol {padding-top: 0.9em; font-size: 0.9em;}

* html #footer {/*only ie gets this style*/
	\height:32px;/* for ie5 */
	he\ight:32px;/* for ie6 */
}

#clearfooter{clear:both; height:40px;}
* > html #clearfooter {float:left; width:100%;}
div,p  {margin-top:0;}
* html #centrecontent {height:1%;margin-bottom:12px;}
#centrecontent {position:relative;z-index:1;}

/* oXXXXXXo HAUPTMENU oXXXXXXo */

div#left ul, div#right ul#listmenu1  {list-style: none; left: 0; margin:0; padding: 0;}
div#right ul#listmenu1 {border-left: 1px solid #333; width: 150px; border-bottom: 1px dashed #474747;}
div#right ul#listmenu1 li {padding-left: .5em;}
div#right ul#listmenu1 li a {display: block; width: 95%;}
div#right ul#listmenu1 li span {display: block; width: 87%;}

div#left a, span.active {display: block; font-size: 1em;}
#listmenu0 {width: 99.05%; border-bottom: 1px dashed #474747;}

#listmenu0 a, span.active {border-top: 1px dashed #474747;}

span.active, div#left a:hover {background: url(images/checked.gif) center right no-repeat; padding-right: 1em;}

ul#listmenu1 {background: #D9DEDB; border-top: 1px dashed #474747;}
#listmenu1 a, #listmenu2 a, #listmenu3 a, #listmenu4 a, #listmenu5 a, #listmenu6 a, 
#listmenu7 a, #listmenu8 a, #listmenu9 a, #listmenu10 a, #listmenu11 a, #listmenu12 a,
#listmenu1 span.active, #listmenu2 span.active, #listmenu3 span.active, #listmenu4 span.active, #listmenu5 span.active, #listmenu6 span.active, 
#listmenu7 span.active, #listmenu8 span.active, #listmenu9 span.active, #listmenu10 span.active, #listmenu11 span.active, #listmenu12 span.active
{border-top: 0;}

#listmenu0 a, #listmenu0 span.active {padding-left: 0.5em;}
#listmenu2 a, #listmenu2 span.active {padding-left: 1em;}
#listmenu3 a, #listmenu3 span.active {padding-left: 2em;}
#listmenu4 a, #listmenu4 span.active {padding-left: 3em;}
#listmenu5 a, #listmenu5 span.active {padding-left: 4em;}
#listmenu6 a, #listmenu6 span.active {padding-left: 5em;}
#listmenu7 a, #listmenu7 span.active {padding-left: 6em;}

 
/* ==== Formular ==== */

.formelements {background: #FEFEFF;	border: 0; border-bottom: 1px dashed #C5BDC4;}
.formtext {}
input {}
select {background: transparent; border: 0;}
textarea {overflow: auto; border: 1px dashed #C5BDC4;}
input.formtext { border: 2px ridged #ddd; background: #dedede; cursor:pointer;}

/* oXXXXXXo in Editland niemals weglassen oXXXXXXo */

.tsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: normal;
	}
.tmiddle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
.tbig {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}


/* oXXXXXXo XtraFormate oXXXXXXo */

.hide {visibility:hidden;}
.marker  {background: #D59F9D;}
.markerH {background: #DED6D6;}
.markerD {background: #96231F; color:#fff; font-weight: bold; letter-spacing: 0.15em;}
p.markerD, h1.markerD, h2.markerD, h3.markerD, h4.markerD, h5.markerD, h6.markerD {padding: 0.15em;}
.box   {margin: 1.5em 0; padding: 1em; border:1px solid #333; background: #96231F; color:#E1C7C2;}

h3.diasammlung {display: block; width:250px; height:250px; background: url(images/diarahmen04.gif) no-repeat; text-align:center; font-size:0.9em; color:#602B9F; float:left; margin: 0 0.25em;}
h3.diasammlung img {margin: 69px 42px 6px 42px; width: 168px; height:110px; overflow: hidden;}
p.diasammlung {display: block; width:250px; height:250px; background: url(images/diarahmen04.gif) no-repeat; text-align:center; font-size:0.9em; color:#602B9F; float:left; margin: 0 0.25em;}
p.diasammlung img {margin: 69px 42px 6px 42px; width: 168px; height:110px; overflow: hidden;}


.left  {position:relative; float: left; width:45%;}
.right {position:relative; float: right; width:45%;}

.clear {clear: both;}

.brutclear {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/* ==== Specials ==== */

#bytemplaterie {width: 12px; position: fixed;_position: absolute; bottom: 2px; right: 2px; z-index:3; overflow: hidden;}
#bytemplaterie a {color: #e6a; font-size: 7px; border: none;}
#impt {background-color: #fff; border-top: 2px solid #666; padding: 12px;}
#impt p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#666;	}
#impt a {color: #666; background: transparent;}


/* #######---PLUGINS---######## */

/* oXXXXXXo Xtra TYPO mit sFIR oXXXXXXo */

div.schmucktypo h4.sifr {
  	color: #660000;
  	font-size: 16px;
  	margin: 20px;
  	padding: 20px;
  	display: inline;
  	float: right;
  	width: 240px;
  	height: 96px;
  	border: 0;
	border-top: 1px solid #efefdf;
	border-left: 1px solid #efefdf;
  	background: url(images/navi_ur.gif) no-repeat bottom right #F7F9D4;
  }

/* ==== CP-Advent ==== */

#cpadvb {background-image:none;}
#cpadv {font-size:0.7em; width:400px;}
#cpadv span {float:left; width:48px; margin:1em 2em 1em 0; height:48px;}
#cpadv img {border:none;}
.cpadvclear {clear:left;} 

/* ==== CP-Kommentar ==== */

#cpkih {margin:1em; font-size:9px; line-height:1.5em;}
#cpkih p {margin:0.8em 0;}
#cpkih ul {margin-left:0.5em; padding-left:0.8em;}
p#cpkmc {margin: -12px 0 0 0; border-bottom:1px solid #ddd; text-align: right; font-size: 9px; color: #bbb;}
#cpkct h2 {margin: 22px 0 12px 0;}
p.cpkcp {min-height: 32px; _height: 30px; border: 3px double #f3f3f3; margin:12px 0 0 0; background:#f3f3f3; padding: 6px;}
#tec1 p.cpkcps {text-align: right; font-size: 9px; color:#999; border-top:1px solid #ddd; margin-top:2px;}
#cpknoc {font-weight:bold; font-style:italic;}
#cpkcfs {margin-top:1.5em; padding:1em; border:1px solid #bbb;}
#cpkcfs legend {padding:0 0.5em; font-size:13px; font-weight:bold; color:#999;}
#cpkcf h4 {margin:0; font-style:normal; color:#000;}
#cpkcf li {list-style-type: none;}
#cpksmiley img {cursor:help;}
#cpkcf label {cursor:pointer;}
#cpkcf label.cpkobl {font-weight: bold;}
#cpkcf .cpkinpobl {background-color:#f6f6f6;}
#cpkcf p.cpknta {clear:left;}
#cpkcf span.cpkfw {font-size:9px;}
#cpkcf input, #cpkta {width:50%; margin-bottom:0.1em; padding:0.1em; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:1.0em; color:#000; background-color:#fff; border:1px solid #666;}
#cpkcf input:focus, #cpkta:focus {background-color:#f0f0f0;}
#cpkta {float:left; width:80%; margin:0 1em 1em 0;}
#cpkurl {margin-left:1.3em;}
#cpkcf .cpkradio {width:auto;}
#cpksubm input {width:auto; padding:0.1em; font-weight: bold; color:#333; background-color:#ddd; border:2px outset #ddd; cursor:pointer; height: 24px; vertical-align: middle; margin-top: 12px;}  
   
/* ==== Galerie ==== */

#cpgtxt {position: relative; width: 70%; float: left;}
#cpgal {text-align: center; float: right;}
#cpgal span {display: block; padding: -0.35em 0 0.05em 0;}
#cpgal img {border: 0; margin:3px;}
#cpgal a {display: table-cell; vertical-align: middle; text-align:center; background: #EFF0E7; border: 2px outset #D5D9C8; padding:0.25em; margin: 0.35em 0 0.15em 0;}
  
/*  ==== CP-Newsletter  ==== */

#tecpnl {margin-top: 1em; padding: 0.5em;padding-left:2em;border: 1 px solid #000;color: #474747; font-size: 1em;line-height: 1.2em;}
#tecpnl p {margin: 0;}
#tecpnl input {border: 1px solid #000; width:340px; background-color: #fff; color: #000;}
#tecpnl input.tecpnlbutton {margin: 0.5em 4em 0 0; width:auto; background-color: #ccc; color: #474747; border-top: 1px solid #999; border-right: 2px solid #999; border-bottom: 2px solid #999; border-left: 1px solid #999; cursor: pointer;}
  
/*  ==== SN Terminmanager  ==== */

#tkbg {position: relative; z-index: 1;}
#cal {margin: 0 1px; padding: 5px; font-size: 0.9em; border-top: 1px solid #F9FEF2; border-left: 1px solid #D9DEDB; border-right: 1px solid #C8C2B6; border-bottom: 1px solid #C8C2B6;background: #D9DEDB; z-index: 2;}
#cal td {font-size: 0.9em;}
#cal td.akt {background: #EFF0E7;}
div#cal a {font-size: 0.9em;}
#Calender a {font-size:1em;}
#cal td.termin {border: 1px solid #d00;}

#DateDesign1 h3, #DateDesign2 h3, #DateDesign3 h3 {font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #474747; margin: 0;}
#DateDesign1 h4, #DateDesign2 h4, #DateDesign3 h4 {font-size: 1em; margin: 0;}

/* ==== CP-FORMHANDLER ==== */
#cpfh h2 {}
#cpfh p {}
#cpfht {border-collapse:collapse;}
#cpfht th {font-weight:bold; text-align:left; vertical-align:top; border:1px solid #000; padding:0.5em;}
#cpfht tr {}
#cpfht td {border:1px solid #000; text-align:left; vertical-align:top; padding:0.5em;}
#cpfhtf {}
#cpfhtf tr {}
#cpfhtf td {}

/* FORMULAR */
#cpfh tr, #cpfh td {text-align:left; vertical-align:top; padding:0.5em;}
#cpfh fieldset {margin:1em; padding:0.5em; border:1px solid #000;}
#cpfh legend {margin:0.2em; padding:0.2em; border:1px solid #000; background-color:#ccc; color:#000; font-weight:bold;}
#cpfh span {}
#cpfh label {cursor:pointer;}
#cpfh .cpfhboxlabel {}
#cpfh .cpfhmustlabel {font-weight:bold;}
#cpfh input, #cpfh textarea, #cpfh select {width:31em; margin-right:0.5em; padding:0.2em; border:1px solid #000; color:#000; background-color:#fff; font-family:"Courier New",Courier,monospace;}
#cpfh textarea {height:7em;}
#cpfh .cpfhmiddle {width:17em;}
#cpfh .cpfhsmall {width:5em;}
#cpfh select {width:25em; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif;}
#cpfh input:focus, #cpfh textarea:focus, #cpfh select:focus {background-color:#e2e2e2; color:#474747;}
#cpfh .cpfhmust {border:3px solid #000; background-color:#ffc;}
#cpfh .cpfhbox {border:none; margin-right:0.5em;}
#cpfh .cpfhbutton {border-top:1px solid #000; border-right:2px solid #000; border-bottom:2px solid #000; border-left:1px solid #000;  color:#474747; background-color:#ccc; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-weight:bold;}
#cpfh input.cpfhbutton {cursor:pointer;} 
#cpfh .cpfhbutton, #cpfh .cpfhbox {width:auto;}
#cpfh .cpfhpb {}

/* ooooo Suche ooooo */

.cpsebutton {background:#D9DEDB; font-size: 0.8em; font-weight: bold;}

div.found .cpsebutton {font-size: 1em;}

/* ooXXXXoo Gästebuch ooXXXXoo */

#cpgastih p {margin: 0.8em 0;}
#cpgastih ul {margin-left: 0.5em; padding-left: 0.8em;}
#cpgastih {margin: 1em; font-size: 0.8em; line-height: 1.5em;}
p.cpgastcps, #cpgastb {font-size: 0.8em;}
#cpgastcfs {margin-top: 1em; padding: 1em; border: 1px solid #000;}
#cpgastcfs legend {padding: 0 0.5em; font-size: 1.2em; font-style: italic; font-weight: bold; color: #000;}
#cpgastcf h4 {margin: 0; margin-top: -.5em; font-style: normal; color: #000; font-size: 1em;}
#cpgastsmiley li {list-style-type: none;}
#cpgastsmiley img {cursor: help;}
#cpgastcf label {cursor: pointer; width: 5.5em;}
#cpgastcf label.cpgastobl {font-weight: bold; color: #720E03;}
#cpgastcf .cpgastinpobl { border: 3px double #CCD1BB;}
#cpgastcf p.cpgastnta {clear: left;}
p.cpgastnta label {display: block; width: 5.5em; position: relative; float: left;}
p.cpgastnta input#cpgasturl { margin-left: 0;}
#cpgastcf span.cpgastfw {font-size: 0.85em;}
#cpgastcf input, #cpgastta {width: 50%; margin-bottom: 0.1em; padding: 0.1em; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 1.0em; color: #000; background-color: #fff; border: 1px solid #474747;}
#cpgastta {float: left; width: 75%; margin: -0.8em 1em 1em 0;}
#cpgasturl {margin-left: 1.3em;}
#cpgastcf .cpgastradio {width: auto;}
div.cpgastleft {float: left; width: 150px; padding: 10px; margin: 0 0 1em 0; border-top: 1px solid #000; border-left:1px solid #000; border-bottom:1px solid #000; background-color: #EFF0E7; color: #474747;}
div.cpgastright {float: left; width: 150px; padding: 10px; margin: 0 0 1em 0; border-top: 1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; background-color: #EFF0E7; color: #474747;}
div.cpgastwhy {float: left; width: 190px; margin: 0 0 1em 1em; padding: 0 1em; font-size: 0.85em; line-height: 1.3em; background-color: #D9DEDB; color: #474747;}
#cpgastcf p.cpgastfrage {margin-top: 0; margin-bottom: 0.2em;}
#cpgastsubm input {width: auto; padding: 0.2em; color: #000; background-color: #D9DEDB; border-top: 1px solid #999; border-right: 2px solid #999; border-bottom: 2px solid #999; border-left: 1px solid #999;}
#cpgastsubm {clear: left;}

/* XXXXX CP-DateiUpload XXXXX */

.adminupload a {color: #d00;}
p.cpdodd  {border: 0 #474747; border-bottom: 1px solid; border-top: 1px solid; background: #FEFEFE; line-height: 2.5em; margin:0; margin-top: -0.1em; padding-left: 1em;}
p.cpdeven {border: 0 #474747; border-bottom: 1px solid; border-top: 1px solid; background: #EFF0E7; line-height: 2.5em; margin:0; margin-top: -0.1em; padding-left: 1em;}
p.cpdodd  img {margin-top: 0.05em; margin-bottom: -0.25em;}
p.cpdeven img {margin-top: 0.05em; margin-bottom: -0.25em;}

/* XXXXX CP-Adressbuch XXXXX */

#tec1 ul#cpadressen {padding-bottom: .2em; list-style-type: none;border-bottom: 1px dashed #474747; margin-left: 0; padding-left: 0;}
#tec1 ul#cpadressen li {border-top: 1px dashed #474747; margin-top: 1.5em; padding: .5em 0;}
#abc a {display: block; float: left; width: 30px; height: 21px; border: 1px outset #aaa; text-align: center;}
.cpadd {background: #eff0e7; margin: .5em 0; border: 1px outset #aaa; text-align: center;}

/* XXXXX READMARKER PER COOKIE XXXXX */

a.besucht, span.besucht {background: url(images/completed.gif) center right no-repeat;}
.capchecked {position: absolute; right: 2em;}
#blaettern {height: 30px; margin-right: 176px; text-align: right;}
#blaettern p {position: relative; float: left; padding-left: 32px;}
.linearmenu2 {padding-right: 1em;}

/* XXXXX Pagecloud XXXXX */

#right ul#pagecloud {list-style-type: none;}
#right ul#pagecloud li {}
#right ul#pagecloud li#cloudinfo {}
#right ul#pagecloud em a {font-style: normal; font-size: 1.1em;}
#right ul#pagecloud strong a {font-style: normal; font-size: 1.2em;}

ul#sitecloud {list-style-type: none; text-align: center;}
ul#sitecloud li {display: inline; padding-right: .5em;}


#centrecontent ul#pagecloud {list-style-type: none;}
#centrecontent ul#pagecloud li {display: inline; padding-right: .5em;}
#centrecontent ul#pagecloud li#cloudinfo {}
#centrecontent ul#pagecloud em a {font-style: normal; font-size: 1.1em;}
#centrecontent ul#pagecloud strong a {font-style: normal; font-size: 1.2em;}

/* XXXXX Infobox Linkformate XXXXX */

.popup{
  padding:.1em;
  font: 13px/145% Verdana, Arial, Helvetica, sans-serif; color: #474747;
  background-color: #eff0e7;
  border:1px solid #d8dac5;
  position:absolute;
  min-height:2em;
  min-width:2em;
  top:0;
  left:0;
  z-index: 998;
	}
.popup p {font: 13px/145% Verdana, Arial, Helvetica, sans-serif; color: #474747; text-align:right; margin:1px;}

.popup p img {border:none;}

.popup h4, .popup h5, .popup h6	{font-size:	100%; font-weight: bold;}

.popup h1 {font-size: 24px;}
.popup h2 {font-size: 19px;}
.popup h3 {font-size: 17px;}
.popup h4 {font-size: 15px;}
.popup h5 {font-size: 14px;}
.popup h6 {font-size: 14px;}

.popup iframe{width:99%; height:99%; margin-top:0px;}



#outer a.DOMpop         {padding-right: 18px; background: url(images/infobox_question.gif) right top no-repeat;}
#outer a.DOMpop:link    {padding-right: 18px; background: url(images/infobox_question.gif) right top no-repeat;}
#outer a.DOMpop:hover   {background: url(images/infobox_question.gif) right bottom no-repeat;}

#stmbox a.DOMpop        {padding-right: 26px; background: url(images/infobox_paragraph.gif) right top no-repeat;}
#stmbox a.DOMpop:link   {padding-right: 26px; background: url(images/infobox_paragraph.gif) right top no-repeat;}
#stmbox a.DOMpop:hover  {background: url(images/infobox_paragraph.gif) right bottom no-repeat;}

#outer .galerie a.DOMpop:link  {padding-right: 21px; background: url(images/lupe.gif) right bottom no-repeat;}
#outer .galerie a.DOMpop:hover {background: url(images/lupe.gif) right bottom no-repeat;}

/* --- ( Datenschutz ) ----------------------------------------------------------------- */

#datawhistler     {margin-top: .5em;}
#datawhistler li  {margin-bottom: .5em;}
#datawhistler em  {color: #b54649; font-style: normal; letter-spacing: .12em;}