/*
-----------------------------------------------
Deutsche Wanderjugend - Bundeswettbewerb 2004
----------------------------------------------- */

/*
Wichtige Farben:
Menue - Orange #D81
Papier #FFE
#BD6

*/

/* =STRUCTURE
----------------------------------------------- */

* {
	margin: 0;
	padding: 0;
    }

p.access {
	display: none;
	}

html, body {
	background: #FFE url(../../bilder/bg.gif) repeat;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.5em;
	color: #000;

   font-size: x-small;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: 90%;
	}

html>body {
	font-size: small;
}

#wrapper {
	background: url(../../bilder/bg_cnt.gif) top left repeat-y;
	width: 760px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}


/* =HEADER
----------------------------------------------- */

#header {
	float: left;
	width: 760px;
	height: 70px;
	margin: 0;
	padding: 0;
}

#header h1 {
    background: url(../../bilder/logo_dwj.gif) left top no-repeat;
	font-size: 1em;
	width: 205px;
	height: 70px;
	margin: 0;
	padding: 0;
    margin-left: 13px;
    }

#header h1 a {
	display: block;
	height: 70px;
	margin: 0;
	padding: 0;
	text-indent: -5000px;
	text-decoration: none;
    }

#headerpic {
    clear: left;
	background: #FFE;
	width: 734px;
	height: 110px;
	margin: 0 0 0 13px;
	padding: 0;
	border: 0;
	}

#headerpic img {
   border: none;
   margin: 0;
   padding: 0;
   height: 110px;
   }

/* =MENU
----------------------------------------------- */

#menue          { background-color: #D81; margin: 0; padding: 0; width: 205px; text-align: left; font-size: 100%; }
#menue ul       { margin: 0; padding: 0; list-style-type: none; }
#menue li       { margin: 0; padding: 0; border-top: 1px solid #FFE; /* Border hier wg Safari! */ }
#menue ul li    { background-color: #DCEEA9; list-style: none; }
#menue li a     { background-color: #BBDD66; text-decoration: none; margin: 0; padding: 2px 0 2px 13px; color: #060; display: block; font-weight: bold; }
#menue li li li {  } /* erst die zweite Ebene einruecken */
#menue li li a  { font-weight: normal; }
#menue li.active a { background-color: #DD8811; color: #fff; border-left: 5px #006600 solid; padding: 2px 0 2px 8px; } /* jede aktive Ebene einfaerben */
#menue li.active li.active a { background-color: #EDC576; color: #060; border-left: 5px #008001 solid; padding: 2px 0 2px 8px; }
#menue li.active li.active li.active a { background-color: #D9E7B4; color: #060; border-left: 5px #59AE59 solid; padding: 2px 0 2px 8px; }
#menue li.active li a { color: #060; background-color: #DCEEA9; border-left: 0px; padding: 2px 0 2px 13px; } 
#menue li.active li.active li a { color: #060; background-color: #EEF8D3; border-left: 0px; padding: 2px 0 2px 13px; } 

#menue a:hover                        { background-color: #DD8811; border-left: 5px #006600 solid; color: #fff; padding: 2px 0 2px 8px; }
#menue li.active a:hover              { background-color: #EDC576; border-left: 5px #008001 solid; padding: 2px 0 2px 8px; }
#menue li.active li.active li a:hover { background-color: #D9E7B4; border-left: 5px #59AE59 solid; padding: 2px 0 2px 8px; }

#menue2          { margin: 0; padding: 0; text-align: left; font-size: 100%; text-align: center; }
#menue2 ul       { margin: 5px 0; padding: 0; list-style-type: none; }
#menue2 li       { margin: 0 5px; padding: 0; display: inline; }
#menue2 li a     { text-decoration: none; margin: 0; }    

#menubottom {
   height: 2px;
   background-color: #060;
   border-top: 1px solid #FFE;
   }

#menubottom hr {
   display: none;
   }


/* =SIDEBAR
----------------------------------------------- */

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#sidebar {clear:left;}
/* End IE5-Mac hack */

#sidebar {
	margin: 0 0 0 13px;
	padding: 0;
	float: left;
	width: 205px;
	display: inline;
    }

/* =SIDEBAR =Info
----------------------------------------------- */

#info {
	background: transparent url(../../bilder/info_bg.gif) top left repeat-y;
	width: 190px;
	margin: 25px 0 0 8px;
	padding: 0;
	border: none;
	float: left;
    display: inline;    
    }
    
#info .box {
    background: url(../../bilder/header/info_ueber.gif) top left no-repeat;
    height: 25px;
    color: #005500;
    font-size: 14px;
    padding: 5px 10px 0px 0px;
    margin: 0;
    text-align: right;
    font-weight: bold;    
	}

#infocontent {
	background: url(../../bilder/info_gradient.gif) top left no-repeat;
    font-size: small;    
   }

#infocontent .title {
    background: url(../../bilder/info_ueber.gif) top left no-repeat;
    height: 30px;
	}

#infocontent .titledl {
    background: url(../../bilder/info_down.gif) top left no-repeat;
    height: 30px;
	}

#infocontent .titlekontakt {
    background: url(../../bilder/info_kontakt.gif) top left no-repeat;
    height: 30px;
	}

#infocontent span.hide {
   display: none;
	}

#info .end {
	background: url(../../bilder/info_end.gif) top left no-repeat;
	height: 20px;
	padding: 0;
	margin: 0;
   }

#info hr {
  display: none;
}

#info dl {
  font-size: 0.9em;
  color: #030;
}

#info dt {
    padding: 2px 10px 5px 10px;
    line-height: 1.1em;
    font-size: 110%;
    font-weight: bold;
    letter-spacing: 0px;
    }

#info dd {
    padding: 0 10px 10px 10px;
    line-height: 1.4em;
    }

#info dt.txt {
    padding: 2px 10px 15px 10px;
    line-height: 1.3em;
    font-size: 100%;
    font-weight: normal;
    letter-spacing: 0px;
	}

/* =CONTENT
----------------------------------------------- */

#content {
	width: 472px;
	float: right;
	margin: 0 42px 0 0;
	padding: 0;
	display: inline;
    font-size: 11px;
	}

#content p {
   margin-bottom: 25px;
   }

#content p.presse {
  margin: 0;
  font-size: 1.3em;
}


#content .teaser {
   color: #060;
   font-size: 1.15em;
   font-weight: bold;
   margin-bottom: 30px;
   }

#content img {
   background-color: #FFF;
   padding: 2px;
   border: 1px solid #666;
   }

#content img.cnt {
   float: right;
   margin: 5px 0 10px 20px;
}

#content img.badge {
   float: right;
   border: none;
   padding: 0;
   margin: 0 0 0 40px;
}


/* CONTENT =Kommentar
----------------------------------------------- */

#comment {
  border-left: 6px solid #BD6;
  font-style: italic;
  line-height: 1.3em;
  padding: 0 0 0 15px;
}

#comment h4 {
  font-size: 1.3em;
  line-height: 0.9em;
  margin-bottom: 10px;
}

#content .copy {
   color: #666;
   font-size: 0.85em;
   font-style: italic;
}


/* =CONTENT =Bildgalerie
----------------------------------------------- */

#gallery {
	background: transparent url(../../bilder/bildgal_bg.gif) top left repeat-y;
	width: 455px;
	margin: 0 0 30px 12px;
	padding: 0;
	border: none;
   }

#gallerycnt {
	background: url(../../bilder/bildgal_grad.gif) top left no-repeat;
   }

#gallerycnt .title {
   background: url(../../bilder/bildgal_head.gif) top left no-repeat;
   height: 30px;
	}

#press #gallerycnt .title { /* Download Presse */
   background: url(../../bilder/presse/download_head.gif) top left no-repeat;
   height: 30px;
	}

#gallerycnt .title span {
   display: none;
	}

#gallery .end {
	background: url(../../bilder/bildgal_end.gif) top left no-repeat;
	height: 15px;
	padding: 0;
	margin: 0;
   }

#gallery hr {
  display: none;
}

#gallery p {
   margin: 0;
   margin-left: 15px;
}

#press #gallery p { /* Download Presse*/
   margin: 10px 10px 0px 15px;
   padding: 0;
}

#gallery img {
    margin: 15px 10px 10px 0;
}

#gallery .note {
   color: #666;
   font-size: 0.85em;
   font-style: italic;
   padding: 0;
   margin: 5px 15px 0 0;
   text-align: right;
   line-height: 1em;
}


/* =CONTENT =Overview Beitraege
----------------------------------------------- */

#overview {
    background: transparent url(../../bilder/wettbewerb/overview_bg.gif) top left repeat-y;
	width: 472px;
	margin: 0 0 30px 0;
	padding: 0;
	border: none;
   }

#overviewcnt .kiju {
    background: url(../../bilder/wettbewerb/overview_kiju.gif) top left no-repeat;
    height: 30px;
	}

#overviewcnt .familie {
    background: url(../../bilder/wettbewerb/overview_familie.gif) top left no-repeat;
    height: 30px;
	}

#overviewcnt .schul {
    background: url(../../bilder/wettbewerb/overview_schul.gif) top left no-repeat;
    height: 30px;
	}

#overviewcnt .box {
    background: url(../../bilder/header/overview.gif) top left no-repeat;
    height: 25px;
    color: #005500;
    font-size: 14px;
    padding: 5px 10px 0px 0px;
    margin: 0;
    text-align: right;
    font-weight: bold;
	}
    
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #overviewcnt .box { height: 30px; }
     
/* End hide from IE5/mac */

#overviewcnt .rede {
    background: url(../../bilder/abschluss/overview_rede.gif) top left no-repeat;
    height: 30px;
	}

#overviewcnt span.hide {
   display: none;
	}

#overview .end {
	background: url(../../bilder/wettbewerb/overview_end.gif) top left no-repeat;
	height: 15px;
	padding: 0;
	margin: 0;

    clear: left; /* Wichtig */
   }

#overview .choose {
   margin: 0;
   padding: 5px 5px 20px 5px;
   clear: left;

   margin: 0px 4px 0 1px;

   background: url(../../bilder/wettbewerb/overview_grad.gif) top left no-repeat;
   border: none;
}

#press #overview .choose, #abschluss #overview .choose  {
  padding-left: 10px;
}


#overview .choose:hover, #overview .over {
   margin: 0;
   padding: 5px 5px 20px 5px;

   clear: left;
   background-color: #BD6;
   cursor: pointer;

   margin: 0px 4px 0 1px;
   background-image: none;
   border: none;
}

#press #overview .choose:hover, #press #overview .over, #abschluss overview .choose:hover, #abschluss #overview .over   {   /* Overview Presse / Abschluss */
  padding-left: 10px;
}

#overview img {
   float: left;
   margin: 5px 10px 0 5px;
   display: inline;
   }
   
#overview a.h2 {
    font-size: 15px;
    color: #005500;
    font-weight: bold;
    margin: 0;
    padding: 0;
    }
    
#overview h3 {
    font-size: 13px;
    color: #006600;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
    }

#overview gruppe {
    color: #060;
    font-size: 105%;
    font-weight: bold;
    padding: 0;
    margin-bottom: 8px;
    }

#press #overview p.gruppe, #abschluss #overview p.gruppe {
    color: #060;
    font-size: 105%;
    font-weight: bold;
    padding: 0;
    margin-bottom: 8px;
    }

#overview p {
    font-size: 95%;
    line-height: 16px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin: 0 0 0 86px; /* ! */
    }

#press #overview p, #abschluss #overview p  {
    font-size: 95%;
    line-height: 18px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin: 0 0 0 0px; /* ! */
    }

#overview hr {
  display: none;
}


/* CONTENT =Liste
----------------------------------------------- */

#content ul, ol {
  padding: 0 0 25px 25px;
  font-size: 12px;
    }


#content ul, li {
    list-style-type: square;
    }


/* CONTENT =Preistraeger
----------------------------------------------- */

#preis #content dl {
    font-size: 0.9em;
    }

#preis #content dt {
    color: #050;
    font-size: 1.2em;
    font-weight: bold;
    margin: 15px 0 3px 0;
    }

#preis #content dd.bottom {
  height: 80px;
}

#press #content dl {
    font-size: 0.9em;
    margin-left: 15px;
    }

#press #content dt {
    font-weight: bold;
    margin: 15px 0 3px 0;
    }

/* =FOOTER
----------------------------------------------- */

#footer {
   clear: both;
   background: url(../../bilder/bg_footer.gif) bottom left repeat-x;
   font-size: 0.9em;
   color: #FFF;
   line-height: 18px;
   background-color: #050;
   width: 734px;
   height: 56px;
   margin: 0 13px;
   text-align: center;
   padding: 0px 0 0px 0;
   border-top: 2px solid #FFE;
    }

#footer span {
    font-size: 1.2em;
    }

#footer p {
    padding: 6px 0 5px 0;
    }

#footer a {
    text-decoration: none;
    }

#footer a:link {
    color: #FFF;
    text-decoration: none;
    }

#footer a:visited {
    color: #FFF;
    }

#footer a:active {
    color: #FFF;
    }

#footer a:hover {
    color: #090;
    text-decoration: underline;
    }


/* =HEADINGS
----------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
    color: #040;
    font-weight: normal;
    }

#content h1 {
    font-size: 23px;
    line-height: 1.2em;
    letter-spacing: -1px;
    margin: 20px 0 20px 0;
    }

#content h2 {
    font-size: 18px;
    line-height: 1.2em;
    letter-spacing: -1px;
    margin: 20px 0 5px 0;
    }
    
#content h3 {
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: -1px;
    margin: 20px 0 5px 0;
    }

#overview h2 {
    margin: 0;
    padding: 0;
    }

#gallery h2 {
    margin: 0;
    padding: 0;
    }

#gallery h3 {
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
    padding: 15px 0 0px 15px;
    }

#content h2.presse {
    margin-bottom: 25px;
    }

#content h2.presse span {
    font-size: 0.8em; font-weight: bold;
    }


/* =MISC
----------------------------------------------- */

acronym, abbr, .help {
	border-bottom: 1px dotted;
	cursor: help;
	margin: 0;
	padding: 0;
    }

address {
    font-size: 0.9em;
    padding: 0 0 30px 0;
    }


/* =Links
----------------------------------------------- */

/* Content Links */

#content a {
    color: #050;    
    text-decoration: underline;
    padding: 0;
    }
    
#content a.int:hover {
    color: #090;   
    padding: 0px;
    }
    

#content a.int {
    color: #050;
    background: url(../../bilder/icn_int.gif) left center no-repeat;
    text-decoration: underline;
    padding: 0 0 0 13px;
    }

/* Content Links intern */

#content a.int:link {
    background: url(../../bilder/icn_int.gif) left center no-repeat;
    padding: 0 0 0 13px;
    }

#content a.int:hover {
    color: #090;
    background: url(../../bilder/icn_int_over.gif) left center no-repeat;
    padding: 0 0 0 13px;
    }

html + body #content a {
    color: #050;
    background-image: none;
    padding: 0 0;
    }

/* Content Links "Zum Seitenanfang" */

#content a.top {
    float: right;
    background: url(../../bilder/icn_top.gif) left center no-repeat;
    padding: 0 0 0 10px;
    }

#content a.top:link {
    background: url(../../bilder/icn_top.gif) left center no-repeat;
    margin-bottom: 20px;
    }

#content a.top:hover {
    background: url(../../bilder/icn_top_over.gif) left center no-repeat;
    padding: 0 0 0 10px;
    }

/* Content Links "Mail" */

#content a.mail {
	text-decoration: underline;
	color: #050;
	background: url(../../bilder/icn_mail.gif) left center no-repeat;
	padding: 0 0 0 13px;
    }

#content a.mail {
	text-decoration: underline;
	color: #050;
	background: url(../../bilder/icn_mail.gif) left center no-repeat;
	padding: 0 0 0 13px;
    }

#content a.mail:hover {
	color: #090;
	background: url(../../bilder/icn_mail_over.gif) left center no-repeat;
    }

/* Content Links "Extern" */

#content a.ext {
	text-decoration: underline;
	color: #050;
	background: url(../../bilder/icn_ext.gif) left center no-repeat;
	padding: 0 0 0 13px;
    }

#content a.ext:link {
	text-decoration: underline;
	color: #050;
	background: url(../../bilder/icn_ext.gif) left center no-repeat;
	padding: 0 0 0 13px;
    }

#content a.ext:hover {
	color: #090;
	background: url(../../bilder/icn_ext_over.gif) left center no-repeat;
    }

/* Content Links "Zurueck" */

#content a.back {
    float: left;
    background: url(../../bilder/icn_back.gif) left center no-repeat;
    }

#content a.back:link {
    background: url(../../bilder/icn_back.gif) left center no-repeat;
    margin-bottom: 20px;
    }

#content a.back:hover {
  background: url(../../bilder/icn_back_over.gif) left center no-repeat;
    }

/* Content Links "Download */

#content a.down {
    background: url(../../bilder/icn_down.gif) left center no-repeat;
    }

#content a.down:link {
    background: url(../../bilder/icn_down.gif) left center no-repeat;
    margin-bottom: 20px;
    }

#content a.down:hover {
    background: url(../../bilder/icn_down_over.gif) left center no-repeat;
    color: #009900;
    }

/* Content Links "kein Icon */

#content a.noicon, #content a.noicon:link, #content a.noicon:hover {
    background: transparent;
    padding: 0;
	 }
	 
/* Sidebar Links "Intern" */

#infocontent a {
    color: #050;
    background: transparent url(../../bilder/icn_int.gif) left center no-repeat;
    padding: 0 0 0 13px;
    }


#infocontent a:link {
    color: #050;
    background: transparent url(../../bilder/icn_int.gif) left center no-repeat;
    padding: 0 0 0 13px;
    }

#infocontent a:hover {
    color: #090;
    background: transparent url(../../bilder/icn_int_over.gif) left center no-repeat;
    padding: 0 0 0 13px;
    border: none;
    text-decoration: underline
    }


/* Sidebar Links "Download" */

#infocontent a.down {
    color: #050;
    background: transparent url(../../bilder/icn_down.gif) left center no-repeat;
    padding: 0 0 0 11px;
    }


#infocontent a.down:link {
    color: #050;
    background: transparent url(../../bilder/icn_down.gif) left center no-repeat;
    padding: 0 0 0 11px;
    }

#infocontent a.down:hover {
    color: #090;
    background: transparent url(../../bilder/icn_down_over.gif) left center no-repeat;
    padding: 0 0 0 11px;
    border: none;
    text-decoration: underline
    }


/* Sidebar Links "Mail" */

#infocontent a.mail {
    color: #050;
    background: transparent url(../../bilder/icn_mail.gif) left center no-repeat;
    padding: 0 0 0 13px;
    }


#infocontent a.mail:link {
    color: #050;
    background: transparent url(../../bilder/icn_mail.gif) left center no-repeat;
    padding: 0 0 0 13px;
    }

#infocontent a.mail:hover {
    color: #090;
    background: transparent url(../../bilder/icn_mail_over.gif) left center no-repeat;
    padding: 0 0 0 13px;
    border: none;
    text-decoration: underline
    }

/* Sidebar Links "Extern" */

#infocontent a.ext {
    color: #050;
    background: transparent url(../../bilder/icn_ext.gif) left center no-repeat;
    padding: 0 0 0 13px;
    }


#infocontent a.ext:link {
    color: #050;
    background: transparent url(../../bilder/icn_ext.gif) left center no-repeat;
    padding: 0 0 0 13px;
    }

#infocontent a.ext:hover {
    color: #090;
    background: transparent url(../../bilder/icn_ext_over.gif) left center no-repeat;
    padding: 0 0 0 13px;
    border: none;
    text-decoration: underline
    }

/* Content Links "Bildgalerie" */

#content a.thumb, #gallerycnt a.thumb {
    background-image: none;
    padding: 0;
    margin: 0;
    }

#content a.thumb:link, #gallerycnt a.thumb:link {
    background-image: none;
    padding: 0;
    margin: 0;
    }

#content a.thumb:hover, #gallerycnt a.thumb:hover {
    background-image: none;
    margin: 0;
    padding: 1px 0px;
   }

#content a .beitragimg {
    padding: 2px;
    border: 1px solid #666;
    background-color: #FFF;
    background-image: none;
    margin: 15px 10px 10px 0;
    }

#content a:hover .beitragimg {
    padding: 2px;
    border: 1px solid #D81;
    background-color: #D81;
    background-image: none;
    }

/* Beitraege Bild 1 */

#content a .beitragimgBig {
    padding: 2px;
    border: 1px solid #666;
    background-color: #FFF;
    background-image: none;
    margin: 0px;
    }

#content a:link .beitragimgBig {
    padding: 2px;
    border: 1px solid #666;
    background-color: #FFF;
    background-image: none;
    margin: 0px;
    }

#content a:hover .beitragimgBig {
    padding: 2px;
    border: 1px solid #D81;
    background-color: #D81;
    background-image: none;
    }

/* Content Links "Overview" */

#overview a.overvw {
    padding: 0;
    background-image: url(../../bilder/clear.gif);
    }

#overview a.overvw:link {
    padding: 0;
    background-image: url(../../bilder/clear.gif);
    }

#overview a.overvw:hover {
    padding: 0;
    color: #050;
    background-image: url(../../bilder/clear.gif);
    }

/* Footer Links */

#footer a {
    text-decoration: none;
    }

#footer a:link {
    color: #FFF;
    text-decoration: none;
    }

#footer a:visited {
    color: #FFF;
    }

#footer a:active {
    color: #FFF;
    }

#footer a:hover {
    color: #090;
    text-decoration: underline;
    }


/* Links IE 5.0 only */

html + body #content a {
    background: none;
    }

html + body #content a:link {
    background: none;
    }

html + body #content a:hover {
    background: none;
    }

	 
/* Video Links unter Bild 1 */
	 
dl.unter {
float: right;
font-size: 0.9em;
margin: 5px 0 0 25px;
}

dt.unter {
margin: 0;
}

dd.unter {
margin: 0;
padding: 3px;
}

img.legende {
margin: 0;
}