/*********************************************************
Struktur-CSS-Basis-Datei f¸r www.rillengrillen.de
Stand: 12.12.2004
(c) hebler-hebler.de - agentur fuer neue und alte medien
***********************************************************/

body {
  margin: 0px;
  padding: 0px;
  color: #000000;
  font-size:12px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  line-height:1.7em;
  font-size: 11px;
  background: #FFFFFF;
}

#FlashBox {
  position: absolute;
  top: 40px;
  left: 20px;
  width: 450px;
  margin: 0px;
  padding: 0px;
  height: 450px;
  overflow: hidden;
}


#PfeilBox {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 450px;
  margin: 0px;
  padding: 0px;
  height: 450px;
}

#s01 {
  position: absolute;
  top: 45px;
  left: 225px;
  width: 80px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  z-index: 12;
}

#s02 {
  position: absolute;
  top: 133px;
  left: 45px;
  width: 80px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  z-index: 12;
}

#s03 {
  position: absolute;
  top: 133px;
  left: 137px;
  width: 80px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  z-index: 12;
}

#s04 {
  position: absolute;
  top: 133px;
  left: 225px;
  width: 80px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  z-index: 12;
}

#s05 {
  position: absolute;
  top: 133px;
  left: 313px;
  width: 80px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  z-index: 12;
}

#s06 {
  position: absolute;
  top: 221px;
  left: 45px;
  width: 80px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  z-index: 12;
}

#s07 {
  position: absolute;
  top: 221px;
  left: 137px;
  width: 80px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  z-index: 12;
}

#s08 {
  position: absolute;
  top: 221px;
  left: 225px;
  width: 80px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  z-index: 12;
}

#s09 {
  position: absolute;
  top: 221px;
  left: 313px;
  width: 80px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  z-index: 12;
}

#s10 {
  position: absolute;
  top: 221px;
  left: 401px;
  width: 80px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  z-index: 12;
}

#s11 {
  position: absolute;
  top: 309px;
  left: 45px;
  width: 80px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  z-index: 12;
}

#s12 {
  position: absolute;
  top: 309px;
  left: 137px;
  width: 80px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  z-index: 12;
}

#s13 {
  position: absolute;
  top: 309px;
  left: 225px;
  width: 80px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  z-index: 12;
}

#s14 {
  position: absolute;
  top: 309px;
  left: 313px;
  width: 80px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  z-index: 12;
}

#s15 {
  position: absolute;
  top: 397px;
  left: 225px;
  width: 80px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  z-index: 12;
}


#MitmachenBox {
  position: absolute;
  top: 118px;
  left: 520px;
  width: 450px;
  margin: 0px;
  padding: 0px;
  height: 450px;
}
  
#LogoBox {
  position: absolute;
  width: 400px;
  left: 410px;
  top: 40px;
  padding: 5px 0px 0px 5px;
  margin: 0;
  background: #EAE6E2;
  color: #FEFFF1;
  z-index: 7;
  font-weight: bold;
  font-size:12px;
  line-height: 20px;
  background: transparent;
}



#HauptnavigationBox {
  color: #000000;
  height: 15px;
  padding: 15px 0px 0px 0px;
  background-color: #FEFFF1;
  font-size: 10px;
 }


#ContentBox {
  position: absolute;
  left: 500px;
  top: 300px;
  text-align:left;
  min-height: 300px;
  width: 300px;
}


#SubnavigationBox {
  float: left;
  width: 190px;
  margin:0px;
  padding: 65px 5px 5px 10px;
  text-align:left;
  min-height: 300px;
  line-height: 18px;
}

#NavigationBox {
  float: left;
  width: 150px;
  margin:0px;
  padding: 15px 5px 5px 10px;
  text-align:left;
  background: #EAE6E2;
  min-height: 400px;
  line-height: 15px;
}


#FooterBox {
  height:15px;
  float: left;
  margin: 0px;
  background:#000000;
  white-space:nowrap;
  text-align:left;
  padding:5px 5px 5px 15px;
  color: #000000;

}



/***************************************************************************/

a.image-link:link,
a.image-link:visited,
a.image-link:active,
a.image-link:hover {
color: #CC0033;
 font-weight: bold;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  background: transparent;
}
  
/* Links in HauptnavigationBox */
a.HauptnavigationItem:link,
a.HauptnavigationItem:visited,
a.HauptnavigationItem:active,
a.HauptnavigationItem:hover {
 color: #CC0033;
font-size: 10px;
  text-decoration: none;
  font-weight: normal;
  text-decoration: none;
  background: transparent;
 }

a.HauptnavigationItem:hover {
color: #FFFFFF;
background: #e3142c;
 }
 
a.HauptnavigationItemActive:link,
a.HauptnavigationItemActive:visited,
a.HauptnavigationItemActive:active,
a.HauptnavigationItemActive:hover {
 color: #000000;
 font-weight: bold;
 text-decoration: none;
 background: transparent;
  }

a.HauptnavigationItemActive:hover {
  color: #FFFFFF;
  background: #e3142c;
}

/* Class f¸r Aufz‰hlungspunkte in HAUPTNAVIGATION GMENU */
 
.Hauptnavigation-GEMU-Item {
margin-top: -5px;
margin-bottom: -7px;
}
 
/* Links in SubnavigationBox */ 
a.SubnavigationItem:link,
a.SubnavigationItem:visited,
a.SubnavigationItem:active,
a.SubnavigationItem:hover {
 color: #95977E;
 background: #EAE6E2;
 font-weight: bold;
 text-decoration: none;
 padding-left: 3px;
 background: transparent;
 }

a.SubnavigationItem:hover {
 color: #135C74;
 padding-left: 3px;
 }
 
a.SubnavigationItemActive:link,
a.SubnavigationItemActive:visited,
a.SubnavigationItemActive:active,
a.SubnavigationItemActive:hover {
 color: #34768C;
 background: #EAE6E2;
 font-weight: bold;
 text-decoration: none;
  padding-left: 3px;
  background: transparent;
  }

a.SubnavigationItemActive:hover {
 color: #135C74;
 padding-left: 3px;
 }

 
/* Class f¸r Aufz‰hlungspunkte in SUBNAVIGATION GMENU */
 
.Subnavigation-GEMU-Item {
}
 
 
/* Links in FooternavigationBox */
a.FooternavigationItem:link,
a.FooternavigationItem:visited,
a.FooternavigationItem:active,
a.FooternavigationItem:hover {
 color: #95977E;
 background: #000000;
 font-weight: bold;
 text-transform: uppercase;
  text-decoration: none;
 }

a.FooternavigationItem:hover {
 color: #e3142c;
 }
 
a.FooternavigationItemActive:link,
a.FooternavigationItemActive:visited,
a.FooternavigationItemActive:active,
a.FooternavigationItemActive:hover {
 color: brown;
 background: #000000;
 font-weight: bold;
 text-transform: uppercase;
 text-decoration: none;
  }

a.FooternavigationItemActive:hover {
  color: #EAE6E2;
}
 

/***********************************************************************/

 
/* Links in NAVIGATION */

#NavigationBox a {
 color: brown;
 background: #EAE6E2;
 font-weight: bold;
 text-transform: uppercase;
 text-decoration: none;
 line-height: 20px;
}

#NavigationBox a:hover {
 color: #EAE6E2;
 background: #e3142c;
}

#NavigationBox a.Navigation-1-ItemActive, 
#NavigationBox a.Navigation-2-ItemActive, 
#NavigationBox a.Navigation-3-ItemActive {
 background: #e3142c;
 color: #EAE6E2;
}

#NavigationBox a.Navigation-2-Item, #NavigationBox a.Navigation-2-ItemActive {
margin-left: 20px;
line-height: 16px;
text-transform: none;
}

#NavigationBox a.Navigation-3-Item, #NavigationBox a.Navigation-3-ItemActive {
margin-left: 30px;
line-height: 16px;
text-transform: none;
}

 
/***********************************************************************/


/* Formatierungen Content */
 
h1 { 
  font-size: 12px; 
  margin-left: 0px;
  margin-bottom: 0px; 
  margin-top: 5px;
  color: #e3142c;
}


p, ul,  .bulletlist {
	line-height: 20px;
	font-size: 11px;
	margin-top: 5px;
}

.csc-header {
padding-top: 0px;
}

.csc-firstHeader {
  font-size: 14px;
}
  
.imgtext-table {
  margin: 0 0 0 0;
}

/* allgemeine Links im Content */

a:link,
a:visited,
a:active,
a:hover {
 color: #e3142c;
 text-decoration: underline;
 }

a:hover {
 text-decoration: none;
 background: #e3142c;
 color: #FFFFFF;
}



/***********************************************************************/

/* Formulare */

.csc-mailform {
  line-height: 1.4em;
  font-size: 100%;
  margin-top: 10px;
  padding-left: 0px;
  border: none;
  margin-left: 0px;
  width: 290px;
  
}

.csc-form-label {
 width: 100px;
}

.csc-form-labelcell, .csc-form-commentcell {
   vertical-align: top;
   width: 500px;
}


.submit-button {
 border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: none;
	background: #e3142c;
 color: #000000;
 font-size: 11px;
 height: 20px;
 margin-left: 0px;
}

.textfield {
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: none;
	background-color: #e3142c;
}

.file {
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: none;
	background-color: #e3142c;
}

.file submit {
border-top: 1px solid #e3142c;
 border-right: 1px solid #e3142c;
 border-bottom: 1px solid #e3142c;
 border-left: 1px solid #e3142c;
 background: #e3142c;
 font-size: 11px;
 height: 20px;
}

.textarea {
	border: none;
	background-color: #e3142c;
 }

select {
  background-color: #e3142c;
  border-top: 1px solid #e3142c;
  border-right: 1px solid #e3142c;
  border-bottom: 1px solid #e3142c;
  border-left: 1px solid #e3142c;
}
 
 
.contenttable td {
padding:0 0 0 0px;
vertical-align:top;
border: 1px solid #c0c0c0;
}
 
/*
.mailform {
font-size: 11px;
color: #000000;
}

.mailformrequired {
font-size: 11px;
color: #000000;
}

.mailformcomment {
font-size: 11px;
color: #000000;
}
*/

/*************/
/* Debugging */
/*************/

/* H1, H2, H3, H4, H5, P, UL, OL, LI, BLOCKQUOTE, PRE { border: 1px dotted #999999;}
TD TABLE { border: 1px dotted #000099;}
DIV { border: 1px dotted #990000;}
IMG.spacer-gif { border: 1px solid black; }
*/