/******************************************/
/*                                        */
/*  CSS für http://www.asta-frankfurt.de  */
/*   (c) werk21 <http://www.werk21.de>    */
/*                                        */
/******************************************/

/* override some defaults that are different from browser to browser anyway */
body,div,form {
  padding: 0px;
  margin: 0px;
}

img {
  border: none;
}

body {
  background: url(./body_bg.gif) top center repeat-y #fff;
  color: #333;
  text-align: center; /* IE5 block element centering hack */
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.8em;
}

label {
  cursor: pointer;
}

/* set some more defaults for our convenience */
h1,h2,h3,h4, #news p {
  margin: 0px;
  padding: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.meta {
  font-size: 0.8em;
 }

/*
 * hide certain elements from modern browsers which are (hopefully) mostly
 * convenient for text-browsers and the like
 */
.hidden {
  display: none;
}

/* default link styling */
a:link    { color: #333; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:hover   { color: #38c; text-decoration: underline; }
a:active  { color: #38c; text-decoration: underline; }


/*** main wrapper, centered ***/
#wrapper {
  margin-left: auto;
  margin-right: auto;
  text-align: left; /* reset alignment to default */
  width: 940px;
}


/** head: header-img, links for contact, imprint etc + nav level 1 **/
#head {
  width: 940px;
  height: 125px;
  background: url(./head.jpg) top left no-repeat;
}

#head ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
}


/* general links: home, imprint and stuff */
#head .general ul {
  height: 20px;
  /* margin-right: 75px; */
  padding-top: 3px;
}

#head .general li {
  float: left; 
  padding-left: 8px;
  padding-right: 8px;
  border-left: 1px solid #333;
}

#head .general a:link     { color: #333; text-decoration: none; }
#head .general a:visited  { color: #333; text-decoration: none; }
#head .general a:focus    { color: #333; text-decoration: underline; }
#head .general a:hover    { color: #333; text-decoration: underline; }
#head .general a:active   { color: #333; text-decoration: underline; }


#head .meta {
  position: absolute;
  top: 103px;
  margin-left: 660px; 
  font-size: 1em;
}

/** nav level 1 **/
#head .nav {
  position: absolute;
  top: 103px;
  margin-left: 2px;
}

#head .nav li {
  float: left;
  margin: 0px;
  padding: 0px;
  margin-right: 3px;
  height: 20px;
}

#head .nav a {
  font-weight: bold;
  display: block;
  height: 14px;
  padding: 3px;
  padding-left: 6px;
  padding-right: 6px;
  background-color: #ac0;
  margin-left: 5px;
  font-size: 115%;
}

#head .nav ul li {
  background: url(./head_nav_left_p.gif) top left no-repeat;
}

#head .nav span {
  display: block;
  padding-right: 5px; 
  background: url(./head_nav_right_p.gif) top right no-repeat;
}

#head .nav li.active {
  background-image: url(./head_nav_left_a.gif);
}

#head .nav li.active span {
  background-image: url(./head_nav_right_a.gif);
}

#head .nav li.active a {
  background-color: #fd1;
}


#head .nav a:link     { color: #333; text-decoration: none; }
#head .nav a:visited  { color: #333; text-decoration: none; }
#head .nav a:focus    { color: #333; text-decoration: underline; }
#head .nav a:hover    { color: #333; text-decoration: underline; }
#head .nav a:active   { color: #333; text-decoration: underline; }


/** main nav: left-side main navigation menu (level 2) **/
#nav {
  width: 195px;
  float: left;
  padding-top: 15px;
  padding-bottom: 150px;
  background: url(./news_bottom.gif) bottom no-repeat #EAF2C0;
}

#nav ul, #nav ul li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#nav ul a {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  text-transform: uppercase;
  font-weight: normal;
  width: 180px;
}

#nav li.active a {
  font-weight: bold; 
}


#nav ul a:link    { color: #333; text-decoration: none; }
#nav ul a:visited { color: #333; text-decoration: none; }
#nav ul a:focus   { color: #333; text-decoration: underline; } 
#nav ul a:active  { color: #333; text-decoration: underline; } 
#nav ul a:hover   { color: #333; text-decoration: underline; }

#nav li {
  background: url(./nav_bottom.gif) bottom right no-repeat;
}

/* implicit second+ level (nested unordered lists) */
#nav li ul {
  padding-left: 25px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: url(./nav_bottom.gif) bottom right no-repeat #fd1;
}

#nav li li {
  list-style-type: square;
  background-image: none;
  padding: 0px;
  margin-left: 5px;
}

#nav li.active li a {
  text-transform: none;
  font-weight: normal;
  padding: 0px;
  width: 165px;

}

#nav li.active li.active a {
  font-weight: bold;
}
	

#nav .banner {
  margin-top: 40px;
}

/** content: main content block **/
#content {
  width: 710px;
  margin-top: 15px;
  margin-left: 230px;
}

/** news: right-side news container **/
#news {
  width: 195px;
  float: right;
}

#news h2 {
  color: #fff;
  font-size: small;
  padding: 2px;
  padding-left: 5px;
  padding-bottom: 0px;
  background: url(./news_top.gif) top no-repeat #ac0;
  text-transform: uppercase;
}

#news .item {
  margin-bottom: 10px;
  background: url(./news_bottom.gif) bottom no-repeat #EAF2C0;
  padding-bottom: 5px;
}

#news .item p {
  padding-left: 5px;
  padding-right: 3px;
  padding-bottom: 5px;
}

#news .item2 {
  margin-bottom: 10px;
  background: url(./news_bottom2.gif) bottom no-repeat #fd1;
  padding-bottom: 5px;
}

#news .item2 p {
  padding-left: 5px;
  padding-right: 3px;
  padding-bottom: 5px;
}
	    

#news .seperator {
  height: 10px;
  background: url(./nav_bottom.gif) top right no-repeat;
  overflow: hidden;
}


#news .seperator2 {
  height: 10px;
  background: url(./nav_bottom2.gif) top right no-repeat;
  overflow: hidden;
}
      

#news .newsletter {
  background: url(./news_newsletter_bottom.gif) bottom no-repeat #ac0;
}

#news .newsletter .input {
  background-color: #fff;
  margin-left: 5px;
  margin-right: 5px;
  width: 145px;
}

#news .newsletter p {
  background-image: none;
  padding-bottom: 0px;
}

#news .item h3 {
  font-size: small;
  color: #38c;
  padding-left: 5px;
}

#news .item a {
  font-weight: bold;
}

#news .item h3 a:link    { color: #38c; text-decoration: none; }
#news .item h3 a:visited { color: #27b; text-decoration: none; }
#news .item h3 a:hover   { color: #38c; text-decoration: underline; }
#news .item h3 a:active  { color: #38c; text-decoration: underline; }

#news .item2 h3 {
  font-size: small;
  color: #38c;
  padding-left: 5px;
}


#news .item2 a {
  font-weight: bold;
}


#news .item2 h3 a:link    { color: #38c; text-decoration: none; }
#news .item2 h3 a:visited { color: #27b; text-decoration: none; }
#news .item2 h3 a:hover   { color: #38c; text-decoration: underline; }
#news .item2 h3 a:active  { color: #38c; text-decoration: underline; }



#news .foot {
  height: 80px;
  background: url(./news_foot.gif) bottom no-repeat;
}

#news .ecard {
  min-height: 75px;
}

/** central main block **/
#main {
  margin-right: 30px;
}

#main div.narrow {
  margin-right: 195px;
}

#main h1 {
  font-size: 1.5em;
  color: #38c;
}

#main h2 {
  font-size: 1.2em;
  color: #38c;
}

#main h2.lead {
  color: #333;
}
  

#main p img {
  float: right;
  margin-left: 5px;
}


#main .general ul {
  list-style-type: none;
  height: 20px;
  padding-right: 75px;
  padding-top: 3px;
}

#main .general li {
  float: right;
  padding-left: 8px;
  padding-right: 8px;
  border-right: 1px solid #333;
}

#main .general a:link     { color: #333; text-decoration: none; }
#main .general a:visited  { color: #333; text-decoration: none; }
#main .general a:focus    { color: #333; text-decoration: underline; }
#main .general a:hover    { color: #333; text-decoration: underline; }
#main .general a:active   { color: #333; text-decoration: underline; }