html, body {
    margin:0;
    padding:0;

    text-align: center;
    background-image:url(gray2_background.gif);
}

#all {
    width: 980px;
    margin-left: auto;
    margin-right: auto;

    padding-top: 4px;
    padding-bottom: 10px;
    background-image:url(gray2_background.gif);
}

/* HEADER */
#header {
	width: 972px;
	padding: 4px;
	border: 0px solid green;
	text-align: center;
	background-color : #000;    /* background-image:url(black_background2.gif); */
}

/* MAIN */
#main {
    width: 980px;
    margin-left: auto;
    margin-right: auto;

    margin-top: 4px;

    text-align: left;
    background-image:url(white_background.gif);
}

#navcontainer {
    width: 276px;
    border: 0;


    float: left;
    background-image:url(gray2_background.gif);
}

#logo {
    width: 244px;
    padding-left: 16px;
    padding-right: 16px;

    padding-top: 16px;
    padding-bottom: 0px;
    text-align: left;
    float: left;
    background-image:url(white_background.gif);
}
#logo-dehoga {
    width: 244px;
    padding-left: 16px;
    padding-right: 16px;

    padding-top: 16px;
    padding-bottom: 0px;
    text-align: left;
    float: left;
    background-image:url(white_background.gif);
}
#nav {
    width: 244px;
    padding-left: 16px;
    padding-right: 16px;

    padding-top: 0px;
    padding-bottom: 16px;
    float: left;
    background-image:url(white_background.gif);
}
#request {
    width: 244px;
    padding-left: 16px;
    padding-right: 16px;

    padding-top: 16px;
    padding-bottom: 16px;
    float: left;
    background-image:url(white_background.gif);
}

#maincontainer {
    width: 704px;

    float: left;
    background-image:url(red_background.gif);
}

#maintop {
	margin: 0;
    width: 672px;
    padding-left: 16px;
    padding-right: 16px;

    border: 0px solid red;
    padding-top: 16px;
    padding-bottom: 6px;
    float: left;
    text-align: left;
    background-image:url(white_background.gif);
}
#mainbottom {
    width: 668px;
    padding-left: 20px;
    padding-right: 16px;

    border: 0px solid green;
    padding-top: 10px;
    padding-bottom: 10px;

    margin-top: 3px;
    float: left;
    background-image:url(white_background.gif);
}

/* FOOTER */
#footer {
    width: 980px;
    margin-left: auto;
    margin-right: auto;

    height: 84px;
    border: 0px solid red;

    margin-top: 2px;
    margin-bottom: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    background-image:url(white_background.gif);
}
#footer_left {
    width: 244px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;

    border: 0px solid yellow;

    float: left;
    text-align: center;
    background-image:url(white_background.gif);
}
#footer_middle {
    width: 668px;
    padding-left: 20px;
    padding-right:16px;
    margin-left: auto;
    margin-right: auto;

    padding-top: 6px;
    border: 0px solid blue;

    float: left;
    text-align: left;
    background-image:url(white_background.gif);
}

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

a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

p { color: #000000; font-family: calibri; font-size: medium; }
h1 { color : #ffffff; font-family : vivaldi; font-size : xx-large; }
h2 { color : #000000; font-weight : bold; font-variant : small-caps; }
h3 { color: #000000; font-family: calibri; font-size : x-large; }
h4 { color : #C0C0C0; font-family : calibri; font-size : x-large; }
.note { background-color : #ffff00; }

.sizesmall {font-size:small;}
.sizemedium {color : #848484; font-family : calibri; font-size:small;}
.link_black { color: #000000; }
.link_gray { color: #848484; font-family : calibri;}

.title { color : #ffffff; font-family : calibri; font-size:x-large;}

.slideshow_text { height: 40px; color: white; font-family: calibri; font-size: medium; text-align: center; padding-left: 25px; padding-right: 25px; padding-top: 4px; padding-bottom: 4px; background-image:url(black.jpg);}

div.title {
    color: #ffffff; font-family: vivaldi; font-size: 55px; padding-top: 10px;
}
div.slogan {
    color: #EAEAEA; font-family: calibri; font-size: xx-large; padding-top: 10px; padding-bottom: 4px;
}
div.caption {
    color: #000000; font-family: calibri; font-weight: bold; font-size: x-large; padding-bottom: 16px;
}
div.caption-promotion {
    color: #8B0000; font-family: calibri; font-weight: bold; font-size: x-large; padding-bottom: 16px;
}
div.content {
	color: #000000;
	font-family: calibri;
	font-size: medium;
	padding-bottom: 0px;
}

.col1 { text-align: left; width: 160px; font-family: calibri; font-size:medium;}
.col2 { text-align: left; width: 160px; font-family: calibri; font-size:medium;}
.col3 { text-align: left; width: 160px; font-family: calibri; font-size:medium;}
.col4 { text-align: left; width: 160px; font-family: calibri; font-size:medium;}

.sk-color {
	color: #800000;
}

.sk-col1 {
	color: #000000;
	text-align:center;
}

.sk-col2 {
	color: #333;
	text-align:right;
	vertical-align:top;
}

.sk-col3 {
	color: #333;
	text-align:right;
	vertical-align:top;
}

.sk-col4 {
	color: #666;
	text-align:center;
	vertical-align:middle;
}


IMG.slideshow_border {
	float: left;
}

IMG.slideshow_img {
	float: left;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}


IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto; }

.button180 {
    font-family:Calibri;
    font-size: 20px;
    color: black;
    text-align: left;
    vertical-align: middle;
    background-image:url(nav-button2.gif);
    background-position:0px 0px;
    text-decoration:none;
    padding-left: 10px;
    padding-top: 3px;
    margin:4px 0px 0px 0px;
    height: 30px;
    width: 190px;
    display: block;
}

.button180:visited {
    color: black;
}

.button180:hover {
    background-image:url(nav-button2-hover2.gif);
    color: white;
/* hier könnte man den andersfarbigen Button einbinden */
}


.button180-selected {
    font-family:Calibri;
    font-size: 20px;
    color: black;
    text-align: left;
    vertical-align: middle;
    background-image:url(nav-button2-hover.gif);
    background-position:0px 0px;
    text-decoration:none;
    padding-left: 10px;
    padding-top: 3px;
    margin:4px 0px 0px 0px;
    height: 30px;
    width: 190px;
    display: block;
}

.button180-selected:visited {
    color: black;
}

.button180-selected:hover {
    background-image:url(nav-button2-hover2.gif);
    color: white;
/* hier könnte man den andersfarbigen Button einbinden */
}


.button200 {
	font-family:Calibri;
	font-size: 20px;
	color: #FC0;
	text-align: center;
	vertical-align: middle;
	background-image:url(nav-button2-hover.gif);
	background-position:0px 0px;
	text-decoration:none;
	padding-left: 10px;
	padding-top: 3px;
	margin:4px 0px 0px 0px;
	height: 30px;
	width: 190px;
	display: block;
}



/* Kalender */

A IMG {
    BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}

.anfrage {
    PADDING-BOTTOM: 0px; MARGIN-TOP: 30px; PADDING-LEFT: 0px; WIDTH: 223px; PADDING-RIGHT: 23px; PADDING-TOP: 0px
}

.anfrage P {
    MARGIN: 2px 0px 7px
}
.anfrage SELECT {
    BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; MARGIN-TOP: 3px; FONT-SIZE: 10px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
.anfrage OPTION {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 0px
}
.anfrage .button {
    BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; WIDTH: 186px; DISPLAY: block; BACKGROUND: url(/nav/anfragen.gif) no-repeat 0px 0px; HEIGHT: 22px; OVERFLOW: hidden; BORDER-TOP: medium none; CURSOR: pointer; BORDER-RIGHT: medium none; PADDING-TOP: 22px
}

.anfrage IMG {
    MARGIN-BOTTOM: -3px
}

* + HTML .anfrage IMG {
    MARGIN-BOTTOM: 0px
}

DIV.jscalender {
    Z-INDEX: 500; BORDER-BOTTOM: #efefef 1px solid; POSITION: absolute; BORDER-LEFT: #efefef 1px solid; BACKGROUND-COLOR: #ffffff; WIDTH: 154px; DISPLAY: none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 176px; MARGIN-LEFT: 210px; FONT-SIZE: 10px; OVERFLOW: hidden; BORDER-TOP: #efefef 1px solid; BORDER-RIGHT: #efefef 1px solid
}
* + HTML DIV.jscalender {
    MARGIN-TOP: 5px; MARGIN-LEFT: -55px
}
* HTML DIV.jscalender {
    MARGIN-TOP: 5px; MARGIN-LEFT: -55px
}
#q_jscalender1 {
    MARGIN-TOP: -19px; MARGIN-LEFT: 178px
}
#q_jscalender2 {
    MARGIN-TOP: -19px; MARGIN-LEFT: 178px
}
* + HTML #q_jscalender1 {
    MARGIN-TOP: -28px; MARGIN-LEFT: 172px
}
#q_jscalender2 {
    MARGIN-TOP: -28px; MARGIN-LEFT: 172px
}
.jscalender A {
    Z-INDEX: 100; TEXT-DECORATION: none
}
.jscalender DIV.jsc_head {
    Z-INDEX: 600
}
.jscalender DIV.jsc_body {
    Z-INDEX: 600
}
.jscalender DIV.jsc_head A {
    TEXT-ALIGN: center; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #666666; MARGIN: 1px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 17px; COLOR: #ffffff; FONT-SIZE: 10px; PADDING-TOP: 3px
}
.jscalender DIV.jsc_head H2 {
    TEXT-ALIGN: center; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #666666; MARGIN: 1px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 17px; COLOR: #ffffff; FONT-SIZE: 10px; PADDING-TOP: 3px
}
.jscalender DIV.jsc_head H2 {
    WIDTH: 108px
}
.jscalender DIV.jsc_head A {
    WIDTH: 20px
}
.jscalender DIV.jsc_head A:hover {
    BACKGROUND-COLOR: #000000; COLOR: #ffffff; CURSOR: pointer
}
.jscalender DIV.jsc_body {
    CLEAR: both
}
.jscalender DIV.jsc_body A {
    BORDER-BOTTOM: #ffffff 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ffffff 1px solid; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 0px; WIDTH: 20px; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 17px; COLOR: #000000; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; PADDING-TOP: 3px
}
.jscalender DIV.jsc_body SPAN {
    BORDER-BOTTOM: #ffffff 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ffffff 1px solid; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 0px; WIDTH: 20px; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 17px; COLOR: #000000; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; PADDING-TOP: 3px
}
.jscalender DIV.jsc_body SPAN {
    BACKGROUND-COLOR: #cccccc; COLOR: #ffffff; FONT-WEIGHT: bold
}
.jscalender DIV.jsc_body A.jsc_special {
    BACKGROUND-COLOR: #efefef; COLOR: #000000
}
.jscalender DIV.jsc_body A:hover {
    BACKGROUND-COLOR: #000000; COLOR: #ffffff; CURSOR: pointer
}
.jscalender DIV.jsc_body A.jsc_blank {
    BACKGROUND-COLOR: #ffffff; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; CURSOR: default
}
.jscalender DIV.jsc_body A.jsc_blank:hover {
    BACKGROUND-COLOR: #ffffff
}