/*****************************************************/
/*   Design:  Casjopea-Design                        */
/*---------------------------------------------------*/
/*   Author:  Beate Blumenthal                       */
/*            casjopea@casjopea-design.ch            */
/*---------------------------------------------------*/
/*   Version: 2.0                                    */
/*   Date:    Februar. 18, 2010                      */
/*****************************************************/

body {
background-color: #192102;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

color:#bebebe;
padding:0px;
margin:0px;
}

html { 
scrollbar-arrow-color:#192102;
scrollbar-3dlight-color:#192102;
scrollbar-darkshadow-color:#192102;
scrollbar-face-color:#192102;
scrollbar-highlight-color:#192102;
scrollbar-shadow-color:#192102;
scrollbar-track-Color:#192102;}

A:link { FONT-SIZE: 11px; COLOR: #fff; FONT-FAMILY: verdana, arial, sans-serif}
A:visited { FONT-SIZE: 11px; COLOR: #9F0000; FONT-FAMILY: verdana, arial, sans-serif}
A:hover { FONT-SIZE: 11px; COLOR: #9F0000; FONT-FAMILY: verdana, arial, sans-serif }
A:active { FONT-SIZE: 11px; COLOR: #FFCC00; FONT-FAMILY: verdana, arial, sans-serif}

h1 {
font-size: 11px;
background-color: #192102;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

.gelb { 
color: #FFCC00;
/*font-weight: bold; */
}

.rot { 
color: #9F0000;
font-weight: bold; 
font-size: larger;
}

.weiss { 
color:  #bebebe;
font-weight: bold; 
font-size: larger;
}

.bild2 img { 
float: right;
margin-left: 2em;
margin-right: 10em; 
margin-bottom: 0.15em; 
padding: 0;
border:0; 
}

/* ----------container zentriert das layout-------------- */
#container {
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #192102;
border-top:2px solid #564b47;
border-bottom:2px solid #564b47;
border-left:2px solid #564b47;
border-right:2px solid #564b47;
}

/* ----------banner for logo-------------- */
#banner {
height: 20%;
background-color: #192102;
background-image: url(../images/monika2.gif);
background-repeat: no-repeat;
border-bottom:1px solid #564b47;
text-align: left;
padding: 0px;
margin: 0px;
}
#banner img {
padding-left:210px;
padding-top: 80px;
padding-bottom: 10px;
} 

/* ----------banner Menue ------------- */

#banner ul {
list-style-type: none;
margin: 0;
padding: 0;
left:  0;
}

#banner li {
float: left;
height: 2em;
/*alternativ: height: 5%;*/
width: 8.5em;
text-align: center;
color: #bebebe;
background-color: #192102;
border-left: 1px solid #bebebe;
border-top: 1px solid #bebebe;
border-right: 1px solid #bebebe; 
border-bottom: 1px solid #bebebe;
text-decoration: none;
}		
							
#banner li a:link, #banner li a:visited {			
display: block;
color: #bebebe;
background-color: transparent;
text-decoration: none;
padding: 4px;
}
				
#banner li a:hover {
background-color: #9F0000;
font-weight: bold;
color: #bebebe;
}

body#home li.home, 
body#leistung li.leistung, 
body#wir li.wir,
body#kontakt li.kontakt, 
body#preise li.preise,
body#impressum li.impressum
	{
border-bottom: 1px solid #bebebe; 
color: #4c3557; 
background-color: #bebebe;
}				

body#home li.home a:link, body#home li.home a:visited,
body#leistung li.leistung a:link, body#leistung li.leistung a:visited,
body#wir li.wir a:link, body#wir li.wir a:visited,
body#kontakt li.kontakt a:link, body#kontakt li.kontakt a:visited,
body#preise li.preise a:link, body#preise li.preise a:visited,
body#impressum li.impressum a:link, body#impressum li.impressum a:visited
				{
color: black;
background-color: #bebebe;
}	

/* -----------------Inhalt--------------------- */
#content {
background-color: #192102;
font-size: 1.1em;
background-image: url(../images/Erdmaennchen.gif);
background-repeat: no-repeat; background-position: bottom left;
padding-top: 60px;
margin-left: 20px;
margin-right: 0px;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

#content h1 {
color: #9F0000;
font-size: 1.4em;
background-color: #192102;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

#content h2 {
font-weight:bold; 
color: #FFCC00; 
font-variant:small-caps; 
font-size: 130%;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
	}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navigavtion------------- */
#left {
float: right;
width: 180px;
margin: 0px;
padding: 0px;
border-right:1px solid #564b47;
}

/********************************/
/**** Menue Links    ***********/
/********************************/

#navcontainer
{
padding-top: 20px;
padding-left: 30px;
}


#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer a
{
display: block;
color: #FFF;
background-color:  #192102;
width: 10em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-left: 1px solid #bebebe;
border-top: 1px solid #bebebe;
border-right: 1px solid #bebebe; 
border-bottom: 1px solid #bebebe;
font-weight: bold;
}

#navcontainer a:hover
{
background-color: #9F0000;
font-weight: bold;
color: #FFF;
}

#navcontainer li li a
{
display: block;
color: Black;
background-color: #bebebe;
width: 11.3em;
padding: 3px 3px 3px 3px;
text-decoration: none;
border-bottom: 1px solid #bebebe;
font-weight: normal;
}

#navcontainer a:active {
font-weight: bold;
color: White;
background-color: #9F0000;
}

#erdmann {
height: 400px;
padding-left: 60px;
background-image: url(../img/trauerkerze002.jpg);
background-repeat: no-repeat; background-position:bottom;
}

/* -----------footer--------------------------- */
#footer {
color: #FFF;
font-size: 0.8em;
clear: both;
margin: 0px;
padding: 0px;
text-align: right;
}

#footer h1 {
font-size: 0.8em;
background-color: #192102;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }


/* Kontaktformular */
fieldset {width:60%;  margin-left: 20px; margin-top:40px; padding: 10px; border:1px solid #f8f8f8; }
fieldset legend {font-size:1em; color:#999; font-weight:bold; background:none; padding:0 0 0 5px;}
label { height:20px; float:left; padding:0 0 2px 5px; margin-top:1px; color:#999; width:35%; }
.field { line-height:1.5em; height:20px; float:left; border: #999 1px solid; width:55%; margin-bottom: 10px; margin-right:20px; background: #FFF; color:#003366; text-indent:.5em; font-size:11px;}
.textarea {border: #003366 1px solid; width:360px; margin:0 0 0 5px; }
.button {height: 30px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; background:url(../bilder/button_blau.gif) left no-repeat; }
.submit{ clear:both; margin-left:20px; height:36px; font-size:.9em; line-height:normal; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; background: transparent url(../bilder/button_blau.gif) center no-repeat; border:none; width:92px;}
.submit:hover {cursor: pointer; }