<style type="text/css">
<!--
html { 
	background-image:url(http://www.vomherrenhaus.com/images/bg.gif);
	background-repeat:repeat-y;
	background-position:center;
    font-family: Arial; 
    font-size: 12px; 
    font-style: normal; 
    text-decoration: none; 
    color: #660099; 
}
body { 
	background-image:url(http://www.vomherrenhaus.com/images/bg.gif);
	background-repeat:repeat-y;
	background-position:center;
    font-family: Arial; 
    font-size: 12px; 
    font-style: normal; 
    text-decoration: none; 
    color: #660099; 
}

br{
   padding-bottom:10px;
 }

.container{
    width:800px;
 }

.side_container { 
    float:left;
    width:185px;
    font-family: Arial; 
    font-size: 12px; 
    color: #660099; 
    text-align:justify;
}

.body_container { 
    float:left;
    width:580px;
    font-family: Arial; 
    font-size: 12px; 
    color: #660099; 
    padding-left:25px;
    padding-right:10px;
    text-align:justify;
}

.clock { font-family: Arial;       
    font-size: 12px; 
    color: #660099; 
}

h1 { 
   font-family: Arial; 
   font-weight: 600; 
   font-size: 18px; 
   color: #9D92A2; 
}
a { 
   font-family: Arial; 
   font-style: normal; 
   text-decoration: none; 
   color: #C151FB; 
}
a:link { 
   font-family: Arial; 
   font-style: normal; 
   text-decoration: none; 
   color: #C151FB; 
}
a:visited { 
   font-family: Arial; 
   font-style: normal; 
   text-decoration: none; 
   color: #9D92A2; 
}
a:active { 
   font-family: Arial; 
   font-style: normal; 
   text-decoration: none; 
   color: #9D92A2; 
}
a:hover { 
   font-family: Arial; 
   font-style: normal; 
   text-decoration: none; 
   color: #660099;
}
.copyright { 
   font-size: 10px; 
   font-family: Arial; 
   font-style: normal; 
   text-decoration: none; 
   color: #660099;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.bevelmenu{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 180px;
}

.bevelmenu li a{
    display: block;
    width: 100%;
    padding: 2px 4px;
    text-decoration: none;
    font-weight: bold;
    background-color: #CCC5CF;
    border: 1px solid #660099;
    text-decoration:none;
}

.bevelmenu li a:hover{
    color: white;
    background-color: #660099;
    border-style: outset;
}

.bevelmenu li a:visited{
    color: #fff;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect (non IE browsers only) */
    border-style: inset;
}

.footer {
    width: 800px;
    margin-bottom: 20px;
    text-align: center;
}



/* Following are items for the editor IMPORTANT:  Add these to vhedit_style, too */
.grayLarge {
font-size:14px;
font-weight:600;
color:#C0C0C0;
line-height:1.2;
}

.grayHeadline {
font-size:18px;
font-weight:600;
color:#C0C0C0;
line-height:1.2;
}

.purpleLarge {
font-size:14px;
font-weight:600;
color:#600398;
line-height:1.2;
}

.purpleHeadline {
font-size:18px;
font-weight:600;
color:#600398;
line-height:1.2;
}

-->
</style>
