/*Style-sheet for the Verein für Internationale Jugendarbeit e. V.*/
body{
background:url(../images/bg-gradient.jpg) repeat-x;
background-color:#e7e7e7;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:/*0.8em*/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;
border:0px solid #777;
}
/* ========================================================================== */
/* THE HEADER */
#header {
    height:250px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0px;
    background: url(../images/header_da.jpg) no-repeat;
    padding-top:0px;
    padding-bottom:0px;
    border:0px solid #0F0F00;
}

#vij-Logo {
    float:left;
    border:0;
    margin-left:7px;
    margin-top:10px;
    }

#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;
}

.left_add3 p{
    font-size:0.85em;
    color:#fff;
    line-height:130%;
    margin:10px 20px 10px 12px;
}
.left_add3{
    clear:both;
    /*background:#9971b7;*/
    background:#542580;
    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;
/*background-color:#FFF;*/
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:arial, helvetica, sans-serif;
    font-size:1.5em;
    /*color:#000b74;*/
    color:#009dde;
    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:1px solid #aaa;
    font-size:1.1em;
    color:#551285;
    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 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;
}

#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:#542580;
text-decoration:underline;
}

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

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

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

.img-center{
	margin-left:10px;
	margin-top:5px;
	}

.advice{
	background: #D3DEF0;
	color: #542580;
	padding-bottom: 10px;
	}

/*************************** home */

p.containsign{
    font-size:85%;
    font-weight:bold;
    float:right;
    margin:0em 0em 0em 0em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left:0em;
}
.news{
    margin:0em 0em 1em 0em;
    padding-top:0.5em;
    padding-bottom:1.5em;
    padding-left:0em;
    border-bottom:solid 2px #999;
}

.cont_info{
       background:#CF9B9A;
      /* border-top:0px solid #8898bf;
       border-bottom:0pt solid #870603;
       border-left:0.5pt solid #870603;
       border-right:0.5pt solid #870603;*/
       font-size:0.8em;
       font-weight:bold;
       /*font-size-adjust:inherit;*/
       color:#FFF;
       margin:0px 0px 0px 0px;
       padding-top:0.2em;
       padding-bottom:0.2em;
       padding-left:12px;
       padding-right:12px;
}

#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;
}

.pic-left{
margin-left:10px;
margin-right:auto;
margin-bottom:5px;
margin-top:3px;
}

.cont_picL{
float:left;
margin-left:0.5em;
margin-right:15px;
margin-bottom:10px;
margin-top:8px;
}
.cont_picR{
float:right;
margin-left:5px;
margin-right:15px;
margin-bottom:5px;
margin-top:3px;
}

.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*/
}

.bo{
font-weight:bold;
font-size:90%;
line-height:150%;
}
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;
}

p.cont_img{
margin:0px 0px 0px 10px; /*top right bottom left*/
}

p.cont_img2{
text-align:center;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
/*margin:0px 20px 10px 20px; top right bottom left*/
}

#content .cont_pics,#content a.cont_pics:link,#content a.cont_pics:visited,#content a.cont_pics:hover,#content a.cont_pics:focus {
border:0px;
padding:0px;
background-color:#FFF;
}
.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;
      /*background: url(../images/top.gif) right no-repeat;*/
}

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

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

/******************headlines for content*/
/*.head_vij{
font-size:140%;
font-weight:550;
line-height:130%;
}

.subhead_vij{
font-size:100%;
font-weight:700;
line-height:120%;
}*/
/********************** 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:#542580;/*#A794C5;*/
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:#542580;/*#A794C5;*/
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:#542580;
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:#551285;
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:#9971b7;
background:#E6E6E6;*/
color:#fff;
background:#542580;
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:#9971b7;
background:#E6E6E6;*/
color:#fff;
background:#542580;
text-decoration:none;
border-top:solid 0px #A6A6A6;
border-left:solid 0px #3300FF;
border-bottom:solid 0px #542580;
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;
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;
}

.menuleft a:link, .menuleft a:visited{
color:#551285;
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;
}

.menuleft a:hover{
/*color:#9971b7;
background:#E6E6E6;*/
color:#fff;
background:#542580;
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:#9971b7;
background:#E6E6E6;*/
color:#fff;
background:#542580;
text-decoration:none;
border-top:solid 0px #A6A6A6;
border-left:solid 0px #3300FF;
border-bottom:solid 0px #542580;
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;/*width:"10px";*/
margin:2px 0px 2px 0px;
padding:3px 0px 3px 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:none;
/*color:#006898;*/
color:#551285;
text-decoration:none;
border-top:solid 0px #f5f5f5;
border-left:solid 1px #542580;
border-bottom:solid 0px #f5f5f5;
border-right:solid 0px #A6A6A6;
}

.menuleft_1 a:hover, .menuleft_1 a:focus{
background:#542580 /*#4488CC #006898*/;
color:#fff;
text-decoration:none;
border-top:solid 0px #f5f5f5;
border-left:solid 1px #542580;
border-bottom:solid 0px #542580;
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;
}
/****************************** vij bold*/
.b_vij {
font-weight:bold;
}

/****************************** 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;
}

.legende { font-weight:bold; color:#009bdd;}
.setfield{ /*background-color:#e4f5fc;*/ margin-bottom:1em; }


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:#efe7f4; width:270px; border:1px solid #A794C5; }
.selec_day
   { background-color:#efe7f4; width:50px; border:1px solid #A794C5; }
.selec_month
   { background-color:#efe7f4; width:105px; border:1px solid #A794C5; }
.selec_year
   { background-color:#efe7f4; width:65px; border:1px solid #A794C5; }
.auswahl
   { background-color:#efe7f4; width:250px; border:1px solid #A794C5; }
.radio
   { background-color:#efe7f4; 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%;}