html { height: 100%; margin-bottom: 1px; }
/*Style-sheet for the German YWCA*/
body{
background-color:#e7e7e7;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000;
padding:0px;
margin:0px;
text-align:center;
border:0px solid #A00F00;
}

#wrapper{
background:url(../images/backgrd.gif) repeat-y;
width:770px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
padding:0 0 0 0;
text-align:left;
/*background:url(../images/background_rim_770x1.gif) repeat-y left;*/
/*background:url(../images/backgrd_770x1.gif) repeat-y left;*/
border:1px solid #777;
}
/* ========================================================================== */
/* THE HEADER */
#header{
height:150px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
background: url(../images/header.jpg) no-repeat;
padding-top:0px;
padding-bottom:0px;
border:0px solid #0F0F00;
}
#YWCA-Logo{
    float:left;
    border:0;
    margin-left:40px;
    margin-top:15px;
    }

#header_pic{
width:580px;
height:100px;
float:right;
border:0px solid #006699;
}

/* ========================================================================== */
/* CONTENT-LEFT */
#content-left{
width:250px;
min-height:440px;
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0;
text-align:left;
padding-top:0em;
padding-bottom:0em;
padding-left:0em;
padding-right:0em;
float:left;
border-top:0px solid #006699;
border-bottom:0px solid #006699;
border-left:0px solid #777;
border-right:0px solid #777;
border:#777 solid 0px;
}
#content-left p{
    font-size:0.9em;
    color:#fff;
    line-height:130%;
    margin:10px 20px 10px 12px;
}
#content-left h4{
    border-top:0px solid #8898bf;
    border-bottom:1px solid #aaa;
    font-size:0.9em;
    color:#551285;
    line-height:120%;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0em;
    padding-bottom:0.3em;
    padding-left:10px;
}
#content-left h5{
    border-top:0px solid #8898bf;
    border-bottom:1px solid #aaa;
    font-size:0.9em;
    color:#fff;
    line-height:120%;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0em;
    padding-bottom:0.3em;
    padding-left:10px;
}

#contentleft li{
background: transparent url(/images/points.gif) no-repeat 0 5px;
}
.left_add{
    clear:both;
    font-size:0.82em;
    color:#777;
    font-weight:bold;
    line-height:120%;
    margin:10px 20px 10px 12px;/* top right bottom left*/
    }
.left_add2{
    clear:both;
    background:#fff;
    padding-top:10px;
    padding-bottom:10px;
    }
.left_add2 a:link, .left_add2 a:visited{
background:none;
color:#777;
text-decoration:none;
}
.left_add2 a:hover, .left_add2 a:focus{
color:#777;
text-decoration:underline;
background:#f4f4f4;
}

.left_add3 p{
    font-size:0.85em;
    color:#fff;
    line-height:130%;
    margin:10px 20px 10px 12px;
}
.left_add3{
    clear:both;
    background:#9971b7;
    padding-top:10px;
    padding-bottom:10px;
    }
.left_add3 a:link, .left_add3 a:visited{
background:none;
color:#fff;
text-decoration:none;
}
.left_add3 a:hover, .left_add3 a:focus{
color:#fff;
text-decoration:underline;
}
.left_add4{
    background:#f5f5f5;
    margin-top:20px;
}

/* CONTENT-RIGHT */
#content-right{
width:500px;
min-height:440px;
margin-left:0px;
margin-right:0pt;
text-align:left;
line-height:1.4em;
padding-top:0em;
padding-bottom:1em;
padding-left:0em;
padding-right:0em;
float:right;
border-top:0px solid #e7e7e7;
border-bottom:0px solid #777;
border-left:0px solid #e7e7e7;
border-right:0px solid #777;
}
#content-right p{
    font-size:100%;
    line-height:120%;
    color:#555;
    margin:0 0 0 0;/* top right bottom left*/
    padding-top:0.7em;
    padding-bottom:0em;
    padding-left:0.5em;
    padding-right:1em;
}
#content-right h1{
    border-top:0px solid #8898bf;
    border-bottom:1px solid #aaa;
    font-family:trebuchet ms, verdana, arial, helvetica, sans-serif;
    font-size:1.3em;
    color:#777;
    line-height:120%;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0.5em;
    padding-bottom:0.3em;
    padding-left:0.5em;
}
#content-right h2{
    border-top:0px solid #aaa;
    border-bottom:0px solid #aaa;
    font-size:1.1em;
    color:#043079;
    line-height:120%;
    margin-top:1em;
    margin-bottom:0px;
    padding-top:0em;
    padding-bottom:0.3em;
    padding-left:0.5em;
}

#content-right h3{
    font-size:1em;
    color:#555;
    margin-top:0em;
    margin-bottom:0px;
    padding-top:0.5em;
    padding-bottom:0em;
    padding-left:0.5em;
}

#content-right h4{
border-top:0px solid #aaa;
border-bottom:0px solid #aaa;
font-size:1em;
color:#551285;
line-height:100%;
margin-top:1em;
margin-bottom:0px;
padding-top:0em;
padding-bottom:0em;
padding-left:0.5em;
}

#content-right h5{
font-size:0.8em;
color:#888;
margin-right:0;
margin-left:0.7em;
margin-top:0em;
margin-bottom:0px;
padding-top:0em;
padding-bottom:0em;
padding-left:0em;
}
#content-right h6{
    border-top:0px solid #8898bf;
    border-bottom:0px solid #aaa;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:1.3em;
    color:#fff;
    line-height:120%;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0.5em;
    padding-bottom:0.3em;
    padding-left:0.5em;
}
#content-right ul{
margin-right:0;
margin-left:0;
margin-top:0.5em;
margin-bottom:0;
padding-top:0em;
padding-bottom:0em;
padding-left:1.7em;
padding-right:1em;
}

#content-right dl{
margin-right:0;
margin-left:0;
margin-top:0.5em;
margin-bottom:0;
padding-top:0em;
padding-bottom:0em;
padding-left:0.5em;
padding-right:1em;
color:#555;
}

#content-right dt{
font-weight:bold;
font-size:0.85em;
padding-top:1em;
}

#content-right dd{
padding-bottom:1em;
}

#content-right a{
padding:1px 2px 2px 2px;
}

#content-right a:link, #content-right a:visited {
color:#000b74;
text-decoration:none;
font-size:100%;
}

#content-right a:hover, #content-right a:focus {
color:#9971b7;
text-decoration:underline;
}

#content-right h1 a:link, #content-right h1 a:visited {
color:#777;
text-decoration:none;
font-size:100%;
}

#content-right h1 a:hover, #content-right h1 a:focus {
color:#9971b7;
text-decoration:underline;
}

#content-right hr{
margin:1em 0 1em 0;
}

.img-noborder{
border:solid 0px #000;
    }
/*************************** home */

.news{
    margin:0em 0em 1em 0em;
    padding-top:0.5em;
    padding-bottom:1.5em;
    padding-left:0em;
    border-bottom:solid 2px #999;
}

#content .info,#content a.info:link,#content a.info:visited {
border:0px;
padding:0px;
background:#CF9B9A;
text-decoration:none;
color:#FFF;
}

#content a.info:hover,#content a.info:focus {
border:0px;
padding:0px;
background:#CF9B9A;
text-decoration:underline;
color:#FFF;
}

#content .info2,#content a.info2:link,#content a.info2:visited {
border:0px;
padding:0px;
background:#BB5D5C;
text-decoration:none;
color:#FFF;
}

#content a.info2:hover,#content a.info2:focus {
border:0px;
padding:0px;
background:#BB5D5C;
text-decoration:underline;
color:#FFF;
}

.img_cont{
margin-top:0.5em;
    }

.cont_pic{
float:left;
margin-left:15px;
margin-right:15px;
margin-bottom:5px;
margin-top:3px;
}
.cont_picL{
float:left;
margin:0.4em 0.8em 0 0;/* top right bottom left */
border:none;
}
.cont_picR{
float:right;
margin:0.4em 0.2em 0 0.5em;
border:none;
}

.cont_pic1{
float:left;
margin:4px 0px 0px 12px;/*top right bottom left*/
}

.cont_pic2{
margin:5px 20px 0px 20px;
padding:0px 0px 0px 0px;
}

.cont_pic3{
float:right;
margin:60px 20px 5px 10px; /*top right bottom left*/
}

p.contxet{
font-size:100%;
line-height:120%;
margin:10px 15px 20px 12px;/* top right bottom left*/
}
p.contxet_left{
font-size:0.82em;
color:#777;
font-weight:bold;
line-height:120%;
margin:10px 20px 10px 12px;/* top right bottom left*/
}
.contxet_left a:link, .contxet_left a:visited{
background:none;
color:#777;
text-decoration:none;
}
.contxet_left a:hover, .contxet_left a:focus{
color:#777;
text-decoration:underline;
}

.top {
      border-top:0px solid #8898bf;
      border-bottom: 0px solid #8898bf;
      border-right: 0px solid #006699;
      border-left: 0px solid #006699;
      font-size:0.7em;
      font-weight:bold;
      color:#551285;
      text-align:right;
      margin:0px 0px 0px 0px;
      padding-top: 0.1em;
      padding-bottom: 0.1em;
      padding-left:0em;
      padding-right:1em;
      clear:both;
}

/************* listings in content area */

#content li{
margin-left:-10px;
}

/********************** lists for content*/
.cont_list{
font-size:90%;
font-weight:800;
line-height:170%;
margin-right:20px;
}

.cont_list_2{
font-size:90%;
font-weight:800;
line-height:220%;
margin-right:20px;
}

.deflist{
font-size:85%;
font-weight:bold;
line-height:150%;
margin-left:20px;
}
/* ========================================================================== */
/* THE NAVIGATION */
/* MENU-TOP */
#menu-top{
background:#043079;
border-top:1px solid #777;
border-bottom:1px solid #777;
border-right:0px solid #006699;
border-left:0px solid #006699;
font-size:1em;
text-align:right;
margin:0 0 0 0;
padding-top:0.2em;
padding-bottom:0.2em;
padding-left:1.5em;
padding-right:1.5em;
}

.topmenu{
display:inline;
}

.topmenu a{
text-decoration:none;
padding-left:0.5em;
padding-right:0.5em;
margin-right:0.5em;
margin-left:0.5em;
border-top:solid 0px #777;
border-left:solid 0px #777;
border-bottom:solid 0px #777;
border-right:solid 0px #777;
}

.topmenu a:link, .topmenu a:visited{
color:#fff;
background:#043079;
border-top:solid 0px #FFF;
border-left:solid 0px #FFF;
border-bottom:solid 0px #FFF;
border-right:solid 0px #FFF;
}

.topmenu a:hover, .topmenu a:focus{
color:#fff;
background:#043079;
border-top:solid 0px #3300FF;
border-left:solid 0px #A6A6A6;
border-bottom:solid 0px #3300FF;
border-right:solid 0px #A4A4A4;
text-decoration:underline;
}

/* MENU-LEFT */

.menu-left {
list-style:none;
font-size:0.9em;
margin:0 0 0 0;
padding:0 0 0 0;
border:0px solid #000;
}

.menu-left a{
height:auto;
display:block;
height:15px;
margin:2px 0px 2px 0px;
padding:4px 0px 4px 10px;/* top right bottom left */
border-top:solid 0px #f5f5f5;
border-left:solid 0px #A6A6A6;
border-bottom:solid 0px #f5f5f5;
border-right:solid 0px #A4A4A4;
}

.menu-left a:link, .menu-left a:visited{
color:#043079;
font-weight:bold;
text-decoration:none;
/*background:none;*/
border-top:solid 0px #f5f5f5;
border-left:solid 0px #A6A6A6;
border-bottom:solid 0px #f5f5f5;
border-right:solid 0px #A4A4A4;
}

.menu-left a:hover{
color:#fff;
background:#043079;
text-decoration:none;
border-top:solid 0px #009bdd;
border-left:solid 0px #3300FF;
border-bottom:solid 0px #009bdd;
border-right:solid 0px #3300FF;
}
.menu-left a:focus{
color:#fff;
background:#043079;
text-decoration:none;
border-top:solid 0px #A6A6A6;
border-left:solid 0px #3300FF;
border-bottom:solid 0px #9971b7;
border-right:solid 0px #3300FF;
}

.menuleft {
list-style:none;
font-size:0.9em;
margin:0 0 0 0;
padding:0 0 0 0;
border:0px solid #000;
}

.menuleft a{
height:auto;
display:block;
margin:2px 0px 2px 0px;
padding:4px 0px 4px 10px;/* top right bottom left */
border-top:solid 0px #f5f5f5;
border-left:solid 0px #A6A6A6;
border-bottom:solid 0px #f5f5f5;
border-right:solid 0px #A4A4A4;
}

.menuleft a:link, .menuleft a:visited{
color:#666;
font-weight:bold;
text-decoration:none;
background:#ddd;
border-top:solid 0px #f5f5f5;
border-left:solid 0px #A6A6A6;
border-bottom:solid 0px #f5f5f5;
border-right:solid 0px #A4A4A4;
}

.menuleft a:hover{
color:#fff;
background:#043079;
text-decoration:none;
border-top:solid 0px #009bdd;
border-left:solid 0px #3300FF;
border-bottom:solid 0px #009bdd;
border-right:solid 0px #3300FF;
}
.menuleft a:focus{
color:#fff;
background:#043079;
text-decoration:none;
border-top:solid 0px #A6A6A6;
border-left:solid 0px #3300FF;
border-bottom:solid 0px #9971b7;
border-right:solid 0px #3300FF;
}

/* SUBMENU-LEFT */

.menuleft_1{
list-style:none;
padding:0px;
margin:0px 0px 0px 20px;
color:#000;
}

.menuleft_1 a{
width:auto;
margin:3px 0px 3px 0px;
padding:4px 0px 4px 5px;
/* top right bottom left */
border-top:solid 0px #f5f5f5;
border-left:solid 1px #A6A6A6;
border-bottom:solid 0px #f5f5f5;
border-right:solid 0px #3300FF;
}

.menuleft_1 a:link, .menuleft_1 a:visited{
background:#ddd;
color:#666;
text-decoration:none;
border-top:solid 0px #f5f5f5;
border-left:solid 1px #9971b7;
border-bottom:solid 0px #f5f5f5;
border-right:solid 0px #A6A6A6;
}

.menuleft_1 a:hover, .menuleft_1 a:focus{
background:#043079;
color:#fff;
text-decoration:none;
border-top:solid 0px #f5f5f5;
border-left:solid 1px #9971b7;;
border-bottom:solid 0px #9971b7;
border-right:solid 0px #3300FF;
}

/*************** navigation youarehere */
.youarehere {
padding-left:10px;
color:#777;
font-size:0.85em;
padding-top:0.8em;
padding-bottom:0.8em;
background-color:#f5f5f5;
}
.youarehere a:link, .youarehere a:visited {
color:#555;
text-decoration:none;
}
.youarehere a:hover, .youarehere a:focus{
text-decoration:underline;
}

.pdflink {
padding-right:25px;
background: url(../images/pdf.gif) right no-repeat;
}
.pdf{
float:left;
padding:0 0 0 0;
margin-top:0em;
margin-right:0.8em;
border:0px solid #EE0000;
}

/****************************** sitemap */

.list{
    color:#666;
    }
    
.list1{
margin-top:0.5em;
margin-bottom:0.5em;
line-height:150%;
list-style-position:outside;
font-size:100%;
font-weight:bold;
}

.list2{
margin-top:0.5em;
margin-bottom:0.5em;
line-height:150%;
list-style-position:outside;

}

.list3{
margin-top:0.5em;
margin-bottom:0.5em;
line-height:160%;font-weight:300;
}

.list4{
color:#000;
margin-top:0.5em;
margin-bottom:0.5em;
line-height:160%;font-weight:300;
}
.ruler{
    list-style:none;
    }
/* ========================================================================== */
/* THE FOOTER */
#footer{
    height:60px;
    background:#fff url(../images/backgrdfooter.jpg) repeat-x;
    border-top:1px solid #aaa;
    border-bottom:0px solid;
    border-right:0px solid;
    border-left:0px solid;
    font-size:0.7em;
    color:#777;
    text-align:center;
    margin:0px 0px 0px 0px;
    margin-bottom:0;
    padding-top:0em;
    padding-bottom:0em;
    padding-left:0em;
    padding-right:0em;
    clear:both;
}
#footer a {
    display:inline;
    text-decoration:none;
    color:#555;
    padding-left:0.5em;
    padding-right:0.5em;
}
#footer a:link, #footer a:visited {
    border-top:solid 0px;
    border-left:solid 0px;
    border-bottom:solid 0px;
    border-right:solid 0px;
    text-decoration:none;
}
#footer a:hover, #footer a:focus{
    color:#555;
    border-top:solid 0px;
    border-left:solid 0px;
    border-bottom:solid 0px;
    border-right:solid 0px;
    text-decoration:underline;
}
.footer{
    padding-top:0.5em;
    }
/* hidden elements */

.hide {
display:none;
}

.clearing {
clear:both;
}

form
   { background-image:url(background.gif); padding:20px; border:0px solid #006699; }
/* td, input, select, textarea
   { font-size:13px; font-family:Verdana,sans-serif; font-weight:bold; }*/
 input, select, textarea
   { color:#551285; }
/*.Bereich, .field
   { background-color:#FFFF80; width:300px; border:1px solid #FF7700; }*/
.field
   { background-color:#eae5ef; width:300px; border:1px solid #A794C5; }
.selec_day
   { background-color:#eae5ef; width:50px; border:1px solid #A794C5; }
.selec_month
   { background-color:#eae5ef; width:105px; border:1px solid #A794C5; }
.selec_year
   { background-color:#eae5ef; width:65px; border:1px solid #A794C5; }
.Auswahl
   { background-color:#eae5ef; width:300px; border:1px solid #A794C5; }
.radio
   { background-color:#eae5ef; border:1px solid #A794C5; }
.button
   { background-color:#551285; color:#fff; width:140px; border:2px solid #A794C5; }
.error
   { color:#FF0000; font-weight:bold; font-size:85%;}