/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

div#inhalt{
    /*padding:0px;*/
}

div.inner-content{
    padding:20px;
    padding-left:15px;
    font-size:14px;
}

/* ie6 only */
* html div.inner-content{
   filter: alpha(opacity=100);
}

div.dialog-img-container{
   /*
   margin-left:-5px;
   margin-top:-3px;
   margin-bottom:-3px;
   */
   margin-left:-2px;
}

/* ie7 only */
html* div.dialog-img-container{
    margin-bottom:-3px;
}

/* ie6 only */
* html div.dialog-img-container{
    margin-left:0px;
}


.dialog-container{
    position:absolute;
    top:0px;
    left:0px;
}

#dialog {
    position:relative;
    margin:0px auto;
    min-width:8em;
    max-width:400px; /* based on image dimensions - not quite consistent with drip styles yet */
    color:#fff;
    z-index:1;
    margin-left:12px; /* default, width of left corner */
    margin-bottom:0.5em; /* spacing under dialog */
}

/* IE6 only */
* html #dialog{
  width:350px;
}

#dialog a{
    color:#FFFFFF;
    text-decoration:underline;
}

#dialog h1{
    color:#FFFFFF;
}

.dialog10 .content,
.dialog10 .t,
.dialog10 .b,
.dialog10 .b div {
 background:transparent url(/fileadmin/schmallenberger-sauerland.de/bilder/layout/roundedcorners/bg_trans_10.png) no-repeat top right;
}

* html .dialog10 .content,
* html .dialog10 .t,
* html .dialog10 .b,
* html .dialog10 .b div {
 /*background:transparent url(../dailog2-blue-800x1600.png) no-repeat top right;*/
 /*_background-image:url(../dialog2-blue.gif);*/
background:transparent url(/fileadmin/schmallenberger-sauerland.de/bilder/layout/roundedcorners/bg_50_square_ie.gif) no-repeat top right;
filter: alpha(opacity=80);
}

.dialog20 .content,
.dialog20 .t,
.dialog20 .b,
.dialog20 .b div {
 background:transparent url(/fileadmin/schmallenberger-sauerland.de/bilder/layout/roundedcorners/bg_trans_20.png) no-repeat top right;
}

* html .dialog20 .content,
* html .dialog20 .t,
* html .dialog20 .b,
* html .dialog20 .b div {
 /*background:transparent url(../dailog2-blue-800x1600.png) no-repeat top right;*/
 /*_background-image:url(../dialog2-blue.gif);*/
background:transparent url(/fileadmin/schmallenberger-sauerland.de/bilder/layout/roundedcorners/bg_50_square_ie.gif) no-repeat top right;
filter: alpha(opacity=80);
}

.dialog30 .content,
.dialog30 .t,
.dialog30 .b,
.dialog30 .b div {
 background:transparent url(/fileadmin/schmallenberger-sauerland.de/bilder/layout/roundedcorners/bg_trans_30.png) no-repeat top right;
 /*_background-image:url(/fileadmin/schmallenberger-sauerland.de/bilder/layout/roundedcorners/bg_30_ie.gif);*/
}


* html .dialog30 .content,
* html .dialog30 .t,
* html .dialog30 .b,
* html .dialog30 .b div {
 /*background:transparent url(../dailog2-blue-800x1600.png) no-repeat top right;*/
 /*_background-image:url(../dialog2-blue.gif);*/
background:transparent url(/fileadmin/schmallenberger-sauerland.de/bilder/layout/roundedcorners/bg_50_square_ie.gif) no-repeat top right;
filter: alpha(opacity=80);
}

.dialog40 .content,
.dialog40 .t,
.dialog40 .b,
.dialog40 .b div {
 background:transparent url(/fileadmin/schmallenberger-sauerland.de/bilder/layout/roundedcorners/bg_trans_40.png) no-repeat top right;
}

* html .dialog40 .content,
* html .dialog40 .t,
* html .dialog40 .b,
* html .dialog40 .b div {
 /*background:transparent url(../dailog2-blue-800x1600.png) no-repeat top right;*/
 /*_background-image:url(../dialog2-blue.gif);*/
background:transparent url(/fileadmin/schmallenberger-sauerland.de/bilder/layout/roundedcorners/bg_50_square_ie.gif) no-repeat top right;
filter: alpha(opacity=80);
}

.dialog50 .content,
.dialog50 .t,
.dialog50 .b,
.dialog50 .b div {
 background:transparent url(/fileadmin/schmallenberger-sauerland.de/bilder/layout/roundedcorners/bg_trans_50.png) no-repeat top right;
}

* html .dialog50 .content,
* html .dialog50 .t,
* html .dialog50 .b,
* html .dialog50 .b div {
 /*background:transparent url(../dailog2-blue-800x1600.png) no-repeat top right;*/
 /*_background-image:url(../dialog2-blue.gif);*/
background:transparent url(/fileadmin/schmallenberger-sauerland.de/bilder/layout/roundedcorners/bg_50_square_ie.gif) no-repeat top right;
filter: alpha(opacity=80);
}

#dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

#dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:18px; /* top slice width */
 margin-left:-18px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

#dialog .b {
 /* bottom */
 /*position:relative;*/
 position:absolute;
 width:100%;
}

#dialog .b,
#dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

#dialog .b {
 background-position:bottom right;
}

#dialog .b div {
 position:relative;
 width:18px; /* bottom corner width */
 margin-left:-18px;
 background-position:bottom left;
}

#dialog .hd,
#dialog .bd,
#dialog .ft {
 position:relative;
}

#dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

#dialog h1,
#dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

#dialog h1 {
 padding-bottom:0px;
}