BODY {
background: #323232;
font-family: Verdana, Helvetica, Arial;
font-size:12px;
}

p.text {
line-height:150%;
padding-right:20px;
}

a {
color: #FFF;
text-decoration: none;
border-bottom: 1px dotted #FFF;
}

a:link{
color: #FFF;
text-decoration: none;
border-bottom: 1px dotted #FFF;
}

a:visited {
color: #E5B6B3;
text-decoration: none;
border-bottom: 1px dotted #FFF;
}

h1 { font-size: 150%; font-weight: strong; }
h2 { font-size: 150%; font-weight: strong; }

img {
border:none;
}

TABLE.angebote {
width:550px;
border: 1px solid #FFFFFF;
}

TR.header {
background: #333333;
}

TR {
background: #AAAAAA;
}

TR:hover {
background: #8A618D;
}

/*DIV zur Zentrierung*/
#center {
  margin: 40px auto;
  width: 820px;    /*die gewünschte Breite in px*/
}

#container {
  width: 820px;    /*die gewünschte Breite in px*/
  background-color: #5A5A5A;    /*Erzeugt eine Hintergrundfarbe, ggf. löschen*/
  /*border: 2px solid #000;    /*Erzeugt einen Rahmen, ggf. löschen*/
  color: #FFFFFF;
}

#footer {
clear: both;
bottom: 0px;
height: 50px;
background-color: #AAAAAA;
color: #FFFFFF;
text-align: center;
}

#topmenu {
font-weight: bold;
font-size: 11px;
}

#thumbnails {
text-align: right;
margin: auto;
}

#sidebar {
  float: left;
  width:150px;
  padding: 0px;
  background: #C1C1C1 url("../images/sidebar.gif");
}

#content {
margin-left: 152px;
padding: 0 0 0 10px;
}

#transp_block {
position: absolute;
width: 150px;
height: 191px;
top: 92px;
background-color: #4A4A4A;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter:alpha(opacity=50);
}

input {
padding-left:0.3em;
margin-bottom:0.6em;
width:200px;
}

form {
  border: none;
  margin:0;
  padding:.5em;
}

label {
color:#FFF;
margin:0 3px 3px 0;
padding:0;
line-height:1.5em;
width:120px;
display:block;
float:left;
clear:left;
}

fieldset {
color: #FFF;
width: 450px;
border: 1px solid;
}

ul#info {
line-height: 1.5em;
}

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.menu {width:745px; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#AAA; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#AAAAAA url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#AAAAAA url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#CCCCCC; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#FFFFFF;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* thumbnail list */

        ul#thumbs, ul#thumbs li{
                margin:0;
                padding:0;
                list-style:none;
        }

        ul#thumbs li{
                float:left;
                margin-right:5px;
                border:1px solid #999;
                padding:2px;
        }
        ul#thumbs a{
                display:block;
                float:left;
                width:100px;
                height:100px;
                line-height:100px;
                overflow:hidden;
                position:relative;
                z-index:1;
        }
        ul#thumbs a img{
                float:left;
                position:absolute;
                top:-100px;
                left:-100px;
        }

        /* mouse over */

                ul#thumbs a:hover{
                        overflow:visible;
                        z-index:1000;
                        border:none;
                }
                ul#thumbs a:hover img{
                        border:1px solid #999;
                        background:#fff;
                        padding:2px;
                }

        /* // mouse over */

        /* clearing floats */

                ul#thumbs:after, li#thumbs:after{
                        content:".";
                        display:block;
                        height:0;
                        clear:both;
                        visibility:hidden;
                        }
                ul#thumbs, li#thumbs{
                        display:block;
                        }
                /*  \*/
                ul#thumbs, li#thumbs{
                        min-height:1%;
                        }
                * html ul#thumbs, * html li#thumbs{
                        height:1%;
                        }

        /* // clearing floats */

/* // thumbnail list */