html, body {
  font-family:Arial,Verdana,Geneva,Helvetica;
  text-align:center;
  background-image:url(../images/retten-loeschen-bergen-schuetzen-feuerwehr-gundelfingen-head-background.gif);
  margin-top:0px;
  margin-bottom:0px;
  background-repeat:repeat-x;
  background-color:#F0F0F0;
  height:100%;
}

#main {
  margin:auto;
  width:780px;
  height:100%;
  text-align:left;
}

#toleft {
  position:relative;
  margin:0px;
  width:780px;
  text-align:left;
}

#head {
  width:780px;
  height:147px;
}

#bildmarke {
  position:relative;
  float:left;
  top:16px;
  left:0px;
}

/*Der slogan wird relativ zur Bildmarke angeordnet*/
#slogan {
  position:relative;
  /*top:43px;*/
  top:-25px;
  /*left:12px*/
  left:60px;
}

#wappen {
  position:relative;
  top:14px;
  left:113px;
}



#menue {
  position:absolute;
  top:147px;
  right:0px;
  width:780px;
  height:31px;
  clear:both;
}

.mainmenupoint {
  float:left;
  height:30px;
  padding-top:10px;
  voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  height:20px; /*30 - 10*/
}

#content a.mainmenuestart {
  font-size:12pt;
  margin-top:0px;
  padding-top:10px;
  padding-right:7px;
  height:30px;
  vertical-align:bottom;
  color:#FFFFFF;
  font-weight:bolder;
  text-decoration:none;
  voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  height:20px; /*30 - 10*/
}

#content a.mainmenuestart:hover {
  background-image:url(../images/retten-loeschen-bergen-schuetzen-feuerwehr-gundelfingen-background-mainmenu-active.gif);
  background-color:#F2B900;
  color:#CC001C;
  padding-top:7px;
}


#content a.mainmenue {
  font-size:12pt;
  margin-top:0px;
  padding-top:10px;
  padding-right:7px;
  padding-left:7px;
  height:30px;
  vertical-align:bottom;
  color:#FFFFFF;
  font-weight:bolder;
  text-decoration:none;
  voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  height:20px; /*30 - 10*/
}

#content a.mainmenue:hover {
  background-image:url(../images/retten-loeschen-bergen-schuetzen-feuerwehr-gundelfingen-background-mainmenu-active.gif);
  background-color:#F2B900;
  color:#CC001C;
  padding-top:7px;
}

.submenu {
  position:relative;
  width:0px;
  height:0px;
}

.submenulayer {
  position:absolute;
  left:0px;
  top:0px;
  z-index:2;
  visibility:hidden;
  filter:Alpha(opacity=90, finishopacity=90, style=3);
  opacity:0.9;
  background-color:#F2B900;
}

.submenulayer ul{
  margin:0px;
  padding:0px;
  background-color:#F2B900;
}

.submenulayer ul li {
  width:300px;
  list-style:none;
  margin:0px;
  padding:0px;
  border: 1px solid #FFFFFF;
  border-top-color:#FFFFFF;
  border-right-width:0px;
  border-left-width:0px;
  border-bottom-width:0px;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:5px;
  background-color:#F2B900;
}




#content a.submenupoint {
  text-decoration:none;
  font-size:10pt;
  color:#CC001C;
  font-weight:bolder;
}





.mainmenuespacer {
  float:left;
  margin-top:4px;
  margin-bottom:0px;
  width:1px;
  height:26px;
  background-color:#FFFFFF;
  filter:Alpha(opacity=60, finishopacity=60, style=3);
  opacity:0.6;
}

#breadcrumb {
  margin-top:38px;
  width:780px;
  height:35px;
  font-size:10pt;
  color:#CC001C;
  font-weight:bolder;
  clear:both;
}

#breadcrumb a{
  font-size:10pt;
  color:#CC001C;
  font-weight:bolder;
  text-decoration:none;
}


#content {
  clear:both;
}

#content a{
  color:#003366;
}



/******************News**********************/

#news {
  width:200px;
  float:left;
  background-color:#DFE2E4;
}

.newsbox {
  width:200px;
  margin:0px;
}

.newsbox h1{
  width:200px;
  height:20px;
  margin:0px;
  padding-top:2px;
  padding-left:5px;
  padding-right:5px;
  font-size:10pt;
  font-weight:bolder;
  color:#FFFFFF;
  background-image:url(../images/retten-loeschen-bergen-schuetzen-feuerwehr-gundelfingen-background-h1-news.gif);
  background-repeat:repeat-x;
  voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  height:18px; /*20 - 2*/
  width:190px; /*200 - 10*/
}

.newsbox p{
  width:200px;
  margin:0px;
  padding:5px;
  font-size:8pt;
  color:#003366;
  voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  width:190px; /*200 - 10*/
}




/*********************** mit rechter Spalte ********************/


#textcolumn {
  width:555px;
  margin-right:25px;
  float:left;
}

#textcolumn1 {
  width:265px;
  margin-right:25px;
  float:left;
}

#textcolumn2 {
  width:265px;
  margin-right:25px;
  float:left;
}






.teaserWithoutPicSmall {
  width:265px;
  margin-bottom:15px;
  background-color:#DFE2E4;
  background-image:url(../images/retten-loeschen-bergen-schuetzen-feuerwehr-gundelfingen-teaser-bottom-corner.gif);
  background-repeat:no-repeat;
  background-position:bottom;
}

.teaserWithoutPicSmall h1{
  width:265px;
  height:35px;
  margin:0px;
  padding-top:7px;
  padding-left:5px;
  padding-right:5px;
  background-color:#D0D2D4;
  background-image:url(../images/retten-loeschen-bergen-schuetzen-feuerwehr-gundelfingen-teaser-h1-corner.gif);
  background-repeat:no-repeat;
  font-size:13pt;
  color:#003366;
  voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  height:28px; /*35 - 7*/
  width:255px; /*265 - 10*/
}

.teaserWithoutPicSmall p{
  width:265px;
  margin:0px;
  padding:5px;
  font-size:10pt;
  color:#003366;
  voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  width:255px; /*265 - 10*/
}








.teaserWithPicSmall {
  width:265px;
  margin-bottom:15px;
  background-color:#DFE2E4;
  background-image:url(../images/retten-loeschen-bergen-schuetzen-feuerwehr-gundelfingen-teaser-bottom-corner.gif);
  background-repeat:no-repeat;
  background-position:bottom;
}

.teaserPic {
  position:relative;
  width:265px;
  height:65px;
  margin:0px;
  overflow:hidden;
}

.smallPicCorner {
  position:relative;
  top:-65px;
  width:265;
  height:3px;
  background-image:url(../images/retten-loeschen-bergen-schuetzen-feuerwehr-gundelfingen-teaser-h1-corner.gif);
  background-repeat:no-repeat;
  display:
}

.teaserWithPicSmall h1{
  margin:0px;
  padding-top:3px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:2px;
  font-size:13pt;
  color:#003366;
  voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  height:30px; /*35 - 5*/
}

.teaserWithPicSmall p{
  width:265px;
  margin:0px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
  font-size:10pt;
  color:#003366;
  voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  width:255px; /*265 - 10*/
}








.teaserWithPic {
  width:555px;
  height:175px;
  margin-bottom:15px;
  background-color:#DFE2E4;
  background-image:url(../images/retten-loeschen-bergen-schuetzen-feuerwehr-gundelfingen-teaser-left-corner.gif);
  background-repeat:no-repeat;
  overflow:hidden;
}

.teaserTextBlock {
  width:375px;
  height:175px;
  float:left;
  overflow:auto;
}

.teaserTextBlock h1{
  margin:0px;
  padding-top:3px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:2px;
  font-size:13pt;
  color:#003366;
  voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  height:30px; /*35 - 5*/
}

.teaserTextBlock p{
  width:375px;
  margin:0px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
  font-size:10pt;
  color:#003366;
  voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  width:255px; /*265 - 10*/
}

.teaserPicBig {
  position:relative;
  width:180px;
  height:175px;
  float:right;
  margin:0px;
  overflow:hidden;
}

.picFrame {
  position:relative;
  top:-175px;
  left:375px;
}




.bigText {
  width:555px;
  background-color:#DFE2E4;
  background-image:url(../images/retten-loeschen-bergen-schuetzen-feuerwehr-gundelfingen-teaser-bottom-corner-big.gif);
  background-repeat:no-repeat;
  background-position:bottom;
  margin-bottom:15px;
}

.bigText h1{
  width:555px;
  height:35px;
  margin:0px;
  padding-top:7px;
  padding-left:5px;
  padding-right:5px;
  background-color:#D0D2D4;
  background-image:url(../images/retten-loeschen-bergen-schuetzen-feuerwehr-gundelfingen-teaser-h1-corner-big.gif);
  background-repeat:no-repeat;
  font-size:13pt;
  color:#003366;
  voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  height:28px; /*35 - 7*/
  width:545px; /*555 - 10*/
}

.bigText p{
  width:555px;
  margin:0px;
  padding:5px;
  font-size:10pt;
  color:#003366;
  voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  width:545px; /*555 - 10*/
}




/***************************** Footer **********************/



#pics {
  width:200px;
  float:left;
}



#footer {
  clear:both;
  width:780px;
  margin-top:10px;
  font-size:8pt;
  color:#003366;
}

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




/***********************ohne rechte Spalte********************/


#textcolumnbig {
  width:780px;
  margin-right:25px;
  float:left;
}

#textcolumn1big {
  width:377px;
  margin-right:25px;
  float:left;
}

#textcolumn2big {
  width:377px;
  float:left;
}



.bigTextbig {
  width:780px;
  background-color:#DFE2E4;
  background-image:url(../images/retten-loeschen-bergen-schuetzen-feuerwehr-gundelfingen-teaser-bottom-corner-big.gif);
  background-repeat:no-repeat;
  background-position:bottom;
  margin-bottom:15px;
}

.bigTextbig h1{
  width:780px;
  height:35px;
  margin:0px;
  padding-top:7px;
  padding-left:5px;
  padding-right:5px;
  background-color:#D0D2D4;
  background-image:url(../images/retten-loeschen-bergen-schuetzen-feuerwehr-gundelfingen-teaser-h1-corner-big-big.gif);
  background-repeat:no-repeat;
  font-size:13pt;
  color:#003366;
  voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  height:28px; /*35 - 7*/
  width:770px; /*780 - 10*/
}

.bigTextbig p{
  width:780px;
  margin:0px;
  padding:5px;
  font-size:10pt;
  color:#003366;
  voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  width:770px; /*780 - 10*/
}