/*
************************************************************************
URL:      					www.delectat.de
erstellt / letzte Aenderung: 		12 Feb. 2005 / 01 Maerz 2005
CSS, Design: 	   	   			www.delectat.de (D.P.)
************************************************************************
(c) 2004-2005 	
Daniel Peschken - www.delectat.de
************************************************************************
*/

 * {
margin: 0;
padding: 0;
}

.accesskey {
	border-bottom: 1px solid #dee6c1;
}

.clear{clear:both;} 


img { border: none; }

.rollover a {
	margin: 50px 0 0 0;
	display: block;
	width: 238px;
	height: 141px;
	background: transparent url(../image/hg-shadow-weissgrau-br_03.jpg) no-repeat;
}

.rollover a:hover {
	display: block;
	width: 238px;
	height: 141px;
	background: transparent url(../image/hg-shadow-weissgrau-br-up_0.jpg) no-repeat;
}

.rollover img	{
	padding: 11px 0 11px 13px;
	border: none;
}

.gallery {
	float:left;
	margin: 0px 10px 0 -5px;
}



/*  Body #EAE9E6
-----------------------------------------------------------------------*/

html, body{
 	margin: 0 0 20px 0; 
	padding: 20px 0px 20px 0px;
 	text-align: center;
 	background-color: #B8B1AA;
 	font: 11px tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
} 

#rap{ 
 	width: 773px; 
 	text-align: left; 
	margin: 0 auto;
} 

#header{
	height: 363px;
	width: 743px;
	padding: 1px 0 0 4px;
	background: transparent url(../jpgs/B8B1AA/B8B1AA_03.jpg) no-repeat;
}
	/* kommentierter backslash hack - unsichtbar für IE5 Mac \*/
	html>body #header {
	background: transparent url(../png/images/png_03.png) no-repeat;
}	/* ende hack */

#content {
	margin: 0;
	padding: 0 0 2px 0;
	text-align: left;
	background: transparent url(../jpgs/B8B1AA/B8B1AA_07.jpg) repeat-y;
}	
	/* kommentierter backslash hack - unsichtbar für IE5 Mac \*/
	html>body #content {
	background: transparent url(../png/images/png_07.png) repeat-y;
}	/* ende hack */

#schattenoben {
	height : 6px;
	margin-top: 12px;
	padding: 0;
	font: 1px/6px "Georgia", serif;
	background: transparent url(../jpgs/B8B1AA/B8B1AA_06.jpg) no-repeat;
}	
	/* kommentierter backslash hack - unsichtbar für IE5 Mac \*/
	html>body #schattenoben {
	background: transparent url(../png/images/png_06.png) no-repeat;
}	/* ende hack */

#contenttop {
	height: 30px;
	margin: 0;
	padding: 0;
	font: 1px/30px "Georgia", serif;	
}

#schattenunten {
	height: 7px;
	margin: 0 0 12px 0;
	text-align: left;
	float: none;	
	font: 1px/7px "Georgia", serif;
	background: transparent url(../jpgs/B8B1AA/B8B1AA_21.jpg) no-repeat;
}
	/* kommentierter backslash hack - unsichtbar für IE5 Mac \*/
	html>body #schattenunten {
	background: transparent url(../png/images/png_21.png) no-repeat;
}	/* ende hack */

#textcontainer {
	float: left;
	width: 565px;	
}

#sidebar {
	width: 208px;
	float: right;
	padding: 0 0 40px 0;
}

#navcontainer {
	
}

#navcontainertop {
	height: 25px;
	margin: 0;
	padding: 0 0 0 13px;
	background: transparent url(../jpgs/B8B1AA/B8B1AA_10.jpg) no-repeat;
}
	/* kommentierter backslash hack - unsichtbar für IE5 Mac \*/
	html>body #navcontainertop {
	background: transparent url(../png/images/png_10.png) no-repeat;
}	/* ende hack */

#navcontainerbottom {
	height: 28px;
	margin: 0 0 30px 0px;
	background: transparent url(../jpgs/B8B1AA/B8B1AA_14.jpg) no-repeat;
}
	/* kommentierter backslash hack - unsichtbar für IE5 Mac \*/
	html>body #navcontainerbottom {
	background: transparent url(../png/images/png_14_14.png) no-repeat;
}	/* ende hack */

#logincontainer {
	margin: 0 0 0 12px;	
}

#logincontainertop {
	height: 25px;
	margin: 0;
	padding: 0 0 0 13px;
	background: transparent url(../jpgs/B8B1AA/B8B1AA_17.jpg) no-repeat;
}
	/* kommentierter backslash hack - unsichtbar für IE5 Mac \*/
	html>body #logincontainertop {
	background: transparent url(../png/images/png_17.png) no-repeat;
}	/* ende hack */

#logincontainerbottom {
	height: 28px;
	margin: 0 0 20px 12px;
	background: transparent url(../jpgs/B8B1AA/B8B1AA_19.jpg) no-repeat;
}
	/* kommentierter backslash hack - unsichtbar für IE5 Mac \*/
	html>body #logincontainerbottom {
	background: transparent url(../png/images/png_19_19.png) no-repeat;
}	/* ende hack */
	
#footer{
	height: 36px;
	width: 731px;
	margin : 20px 2px 0 6px;
	float: none;
	background-color:#EFEEE9;	
}

.footerlinks {
	padding: 11px 0 0 15px;
	float: left; 
	width: 400px;	
}
.footerrechts { 
	float: right; 
	padding: 11px 31px 0 0;
	text-align: right;
	width: 259px;	
}

#textmargin {
	padding-left: 38px;
	padding-right: 27px;
	text-align: left;
}

p {
	font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;	
}

a {
	color: #675;
	text-decoration: none; 
}

a img {
	border: none;
}

a:visited {
	color: #342;
	text-decoration: none; 
}

a:hover {
	color: #9a8;
	text-decoration: none; 
}

acronym, abbr {
	border-bottom: 1px dotted #333;
}

acronym, abbr, span.caps {
	cursor: help;
	font-size: 90%;
	letter-spacing: .07em;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}

cite {
	font-size: 90%;
	font-style: normal;
}

h2 {
	border-bottom: 1px dotted #ccc;
	font: 95% "Times New Roman", Times, serif;
	letter-spacing: 0.2em;
	margin: 15px 0 2px 0;
	padding-bottom: 2px;
}

h3 {
	border-bottom: dotted 1px #eee;
	font-family: "Times New Roman", Times, serif;
	margin-top: 0;
}

ol#comments li p {
	font-size: 100%;
}

.feedback {
	font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: -1px;
}


/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
	background: #90a090;
	border-top: double 3px #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}


.meta {
	font-size: .75em;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}

.storytitle {
	margin: 0;
}

.storytitle a {
	text-decoration: none;
}

#commentform #name, #commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #999;
	padding: .2em;
}

#commentform textarea {
	width: 50%;
	border: 1px solid #333;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	width: 150px;
	margin-right: 10px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

#menu {

}

#menu form {
	margin: 0 20px 0 0;
}

#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}

#menu ul {
	color: #ccc;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	text-transform: lowercase;
}

#menu ul li {
	font: italic normal 110% 'Times New Roman', Times, serif;
	letter-spacing: 0.1em;
	margin-top: 10px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	font: normal normal 70%/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}

#menu ul ul li a {
	color: #000;
	text-decoration: none;
}

#menu ul ul li a:hover {
	border-bottom: 1px solid #809080;
}

#menu ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}

A.lightlink:link { 
	COLOR: #8c8c85; TEXT-DECORATION: none
}
A.lightlink:visited {
	COLOR: #8c8c85; TEXT-DECORATION: none
}
A.lightlink:active {
	COLOR: #8c8c85; TEXT-DECORATION: none
}
A.lightlink:hover {
	COLOR: #3d3d3b; TEXT-DECORATION: underline
}

.mainnav { 
	width: 144px;
	padding: 28px 34px 33px 30px;
	margin: 0; 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	background: transparent url(../jpgs/B8B1AA/B8B1AA_12.jpg) repeat-y;
}

.mainnav ul {
	border-top: #cccbc1 1px solid; 
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.mainnav li {
	border-bottom: #cccbc1 1px solid;
	border-top: 0;
	font-size: 9px;
	text-align: left;
	margin: 1px 0 1px 0;
}

.mainnav li a {
	display: block;
	width: 139px;
	margin: 1px 0 1px 0;
	padding: 5px 0 5px 5px;
	color: #3d3d3b;
	text-decoration: none;
}

.mainnav li a:hover {
	width: 139px;
	margin: 1px 0 1px 0;
	padding: 5px 0px 5px 5px;
	color: #3d3d3b;
	background-color: #dee6c1;
}

.loginnav { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	padding: 28px 34px 33px 30px;
	margin: 0; 
	width: 132px; 
	background: transparent url(../jpgs/B8B1AA/B8B1AA_18.jpg) repeat-y;
}
	/* kommentierter backslash hack - unsichtbar für IE5 Mac \*/
	html>body .loginnav {
	background: transparent url(../png/images/png_18.png) repeat-y;
}	/* ende hack */

.loginnav ul {
	border-top: #cccbc1 1px solid; 
	margin: 0;
	list-style-type: none
}

.loginnav li {
	margin: 1px 0 1px 0;
	border-bottom: #cccbc1 1px solid;
	border-top: 0px;
	font-size: 9px;
	text-align: left
}

.loginnav li a {
	display: block;
	width: 127px;
	margin: 1px 0 1px;
	padding: 5px 0 5px 5px;
	color: #3d3d3b;
	text-decoration: none;
}

.loginnav li a:hover {
	width: 127px;
	margin: 1px 0 1px 0;
	padding: 5px 0 5px 5px;
	color: #3d3d3b;
	background-color: #dee6c1;
}


/* Variatio Delectat-Effekte
-----------------------------------------------------------------*/
#variatiooben {
	height: 3px;
	margin: 0px 0 0 0;
	padding: 0px;
	font: 1px/3px "Georgia", serif;
	background: transparent url(../jpgs/B8B1AA/B8B1AA_06.jpg) no-repeat;
}
	/* kommentierter backslash hack - unsichtbar für IE5 Mac \*/
	html>body #variatiooben {
	background: transparent url(../png/images/png_06.png) no-repeat;
}	/* ende hack */

#variatio {
	width: 743px;
	height: 38px;
	margin: 0;
	padding: 0;
	background: transparent url(../jpgs/B8B1AA/B8B1AA_07.jpg) repeat-y;
}
	/* kommentierter backslash hack - unsichtbar für IE5 Mac \*/
	html>body #variatio {
	background: transparent url(../png/images/png_07.png) repeat-y;
}	/* ende hack */


#variatiounten {
	height: 6px;
	margin: 0 0 12px 0;
	font: 1px/6px arial, serif;
	background: transparent url(../jpgs/B8B1AA/B8B1AA_21.jpg) no-repeat;
}
	/* kommentierter backslash hack - unsichtbar für IE5 Mac \*/
	html>body #variatiounten {
	background: transparent url(../png/images/png_21.png) no-repeat;
}	/* ende hack */

#variatiocontainer{
	height: 36px;
	margin: 0 6px 0 6px;
	background: #000000;
}

#variatiocontainer ul {
	border: 0;
	margin: 0 0 0 7px;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#variatiocontainer ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0 0 0px 0;
	margin: 6px 7px 0px 0px;
}

#variatiocontainer ul li a {
	background: transparent;
	width: 22px;
	height: 19px;
	border: 1px solid #BBB;
	padding: 3px 0 0 0;
	margin: 0 0 6px 0;
	text-decoration: none;
	display: block;
}

#variatiocontainer ul li a:hover {
	background: #f5d7b4;
	border: 1px solid #cccccc;
}

/* Control Delectat-Effekte width: 369px;
-----------------------------------------------------------------*/
#leftcontrol {
	float: left;
	width: 373px;
}

#rightcontrol {
	float: left;
	width: 369px;;
}

.controloben {
	height: 3px;
	margin: 0;
	padding: 0;
	font: 1px/3px "Georgia", serif;
	background: transparent url(../jpgs/B8B1AA/B8B1AA_24.jpg) no-repeat;
}
	/* kommentierter backslash hack - unsichtbar für IE5 Mac \*/
	html>body .controloben {
	background: transparent url(../png/images/png_24.png) no-repeat;
}	/* ende hack */

.control {
	width: 369px;
	height: 38px;
	margin: 0px;
	padding: 0px;
	background: transparent url(../jpgs/B8B1AA/B8B1AA_26.jpg) repeat-y;
}
	/* kommentierter backslash hack - unsichtbar für IE5 Mac \*/
	html>body .control {
	background: transparent url(../png/images/png_26.png) repeat-y;
}	/* ende hack */

.controlunten {
	height: 6px;
	font: 1px/6px "Georgia", serif;
	background: transparent url(../jpgs/B8B1AA/B8B1AA_27.jpg) no-repeat;
}
	/* kommentierter backslash hack - unsichtbar für IE5 Mac \*/
	html>body .controlunten {
	background: transparent url(../png/images/png_27.png) no-repeat;
}	/* ende hack */

.controlcontainer {
	height: 36px;
	margin: 0 6px 0 6px;
	background: #EAE9E6;	
	font: 11px/13px tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.controlcontainer ul {
	border: 0;
	margin: 0 0 0 12px;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.controlcontainer ul li {
	float: left;
	text-align: center;
	margin: 12px 7px 0 0;
}

.controlcontainer ul li a {
	background: transparent;
	height: 19px;
	padding: 3px 0 0 0;
	margin: 0 0 6px 0;
	text-decoration: none;	
}

.controlcontainer ul li a:hover {
	
}

.subnavcontainer {
	height: 18px;
	margin: 0 6px 2px -34px;
	font: 10px/11px tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #000;
	color: #FFF;
}

.subnavcontainer ul {
	border: 0;
	margin: 0 0 0 34px;
	padding: 0;
	list-style-type: none;
	text-align: center;	
}

.subnavcontainer ul li {
	float: left;
	text-align: center;
	margin: 3px 7px 0 0;
}

.subnavcontainer ul li a {
	background: transparent;
	height: 19px;
	padding: 3px 0 0 0;
	margin: 0 0 6px 0;
	text-decoration: none;	
	color:#FFF;
}

.subnavcontainer ul li a:hover {
	color: #9a8;	
}

/*  Formulare 
-----------------------------------------------------------------------*/

.formkontakt {
  	width: 100%;  	
}

.reihe {
  	clear: both;
  	padding: 0;
}  


.feld {
  	float: right;
  	width: 300px;
	height: 26px;
  	text-align: left;
  	padding: 4px 60px 0 0;
  	background-color: #FFF;  	
} 

.feld2 {
  	float: right;
  	width: 300px;
	height: 26px;
  	text-align: left;
  	padding: 4px 60px 0 0;
  	background-color: #EFEEE9;  	
} 

.feld3 {
  	float: right;
  	width: 300px;
  	text-align: left;
 	padding: 4px 60px 0 0;
  	background-color: #EFEEE9;
  	height: 122px;
} 


.label {
	height:21px;
	width: 135px;
	padding: 9px 0 0 5px;
	float: left;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	background-color: #FFF;
}

.label2 {
	height:21px;
	width: 135px;
	padding: 9px 0px 0px 5px;
	float: left;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	background-color: #EFEEE9;
}

.label3 {
	width: 135px;
	padding: 49px 0 65px 5px;
	float: left;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	background-color: #EFEEE9;
}

.knopf {
  clear: both;
  text-align: center;
  padding: 12px 0 30px 0;
}

.defbreite {
  width: 220px;
}

/*  Headlines durch SIFR ersetzen...nicht modifizieren
-----------------------------------------------------------------------*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 34px;
	line-height: 34px;
	margin: 0;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 54px;
	line-height: 54px;
	margin: -10px 0 0 0;
}

.sIFR-hasFlash h5 {
	visibility: hidden;
	font-size: 34px;
	line-height: 34px;
	margin: 0;
}

.sIFR-hasFlash h6 {
	visibility: hidden;
	font-size: 54px;
	line-height: 54px;
	margin: -10px 0 0 0;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
