/*
#######################################################
## Voreinstellungen
#######################################################
*/
* { margin: 0; padding: 0; }

html, body {
  font-size: 10pt; font-family: arial, verdana, tahoma, helv, helvetica, sans-serif;
  background-color: #fff;
  }
div { font-family: arial, verdana, tahoma, helv, helvetica, sans-serif; }

img { border: 0; }

a:link, a:visited { color: #fff; text-decoration: none; }
a:hover  { color: #ccc; }

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

h1 {
  font-size: 18px; 
  font-family: verdana, tahoma, arial, helv, helvetica, sans-serif;
  letter-spacing: 0.03em;
  color: #452582;
  text-transform: uppercase;
  padding-bottom: 8px;
  }

h2 {
  font-size: 16px;
  font-family: verdana, tahoma, arial, helv, helvetica, sans-serif;
  color: #452582;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}

h3 {
  color: #452582;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #452582;
  width: 100%;
  margin-bottom: 8px;
  }

h4 {
  color: #452582;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em;
 }

h5 {
 line-height: 17px;
 font-size: 11pt;
 padding-left: 15px;
 padding-top: 0px;
 background-image: url(https://buchhaltungsservice-reinsch.de/templates/reinsch/images/haken.gif);
 background-repeat: no-repeat;
 background-position: 0px 3px; 
	}

h6 {
  font-size: 16px; 
  font-family: verdana, tahoma, arial, helv, helvetica, sans-serif;
  letter-spacing: 0.1em;
  background: url(https://buchhaltungsservice-reinsch.de/templates/reinsch/images/contentheading.png) no-repeat;
  color: #452582;
  padding-left: 30px;
  padding-top: 2px;
  padding-bottom: 2px;
   }

li { list-style: none; }

div.clr { clear: both; }

hr {
  border-top: 1px solid #452582;
  border-top-style: solid;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

/*
#######################################################
## Mainframe
#######################################################
*/

#mother { z-index: 0;
  position: relative;
  width: 950px;
  margin: 0 auto;
  }

/*
#######################################################
## TOP
#######################################################
*/
#reinsch-top { z-index: 1;
  position: absolute;
  top: 0px; left:0px;
  width: 950px; height: 214px;
  background: url(../images/Reinsch-Top.gif) no-repeat;
  }

#ClickONLogo {
  position:absolute;
  top: 18px; left: 610px;
  width: 295px; height: 185px;
}

/* top Top-nav */
#top-pathway {
  position: absolute;
  top: 214px; left:0px;  
  width: 950px; height: 21px;
  background: url(../images/Reinsch-bg-pathway.gif) no-repeat;
  }
#datum {
  float: left;
  width: 169px; height: 21px;
  margin-left: 16px;
  background: none;
  font-size: 11px;
  line-height: 21px;
  color: #452582;
  padding-left: 5px;
  }  

/* pathway Top */
#pathway {
  float: left;
  width: 738px; height: 21px;
  line-height: 21px;
  text-indent: 5px;
  color: #000;
  font-size: 11px;
  }
  
#pathway div span a { color: #452582; }
#pathway div span { font-size: 11px; }

/* CENTER */
#content_box { 
  position: absolute;
  top: 235px; left: 0px; 
  width: 950px; height: auto;
  background: url(../images/Reinsch-bg.gif) repeat-y;
  }
  
/* MAIN Level Left */
#left { z-index: 5;
  position: relative;
  float: left;
  margin: 10px 0 0 16px;
  width: 170px;
  }

/* IE6 */  
* html #left {
}
  
/* ################ left ######################## */

#left h3,#right h3 {
color:#452582;
font-size:1.1em;
text-indent: 5px;
border:solid 0;
}

#left ul {
list-style-type:none;
margin:0 0 20px 0;
}

#left ul li {
margin:0 0 1px;
}

#left ul li a {
display:block;
padding:0 0 0 8px;
text-decoration:none;
}

#left ul li a:link,#left ul li a:visited {
background: url(../images/Reinsch-bg-menue.gif) no-repeat 0 0;  
font-weight:normal;
height: 26px;
line-height: 26px;
}

#left ul li a:hover,#left ul li a:active,#left ul li a:focus {
background: url(../images/Reinsch-bg-menue-mo.gif) no-repeat 0 0; 
color:#fff;
}

#left ul li ul {
margin:0;
}

#left ul li ul li {
}

#left ul li ul li {
margin: 0;
height: 24px;
}

#left ul li ul li a:hover,#left ul li ul li a:active,#left ul li ul li a:focus {
color: #452582 !important;
font-weight: bold !important;
background: url(../images/Reinsch-bg-submenue-hover.gif) no-repeat !important;
}

#left ul li ul li ul {
padding:10px 0 10px 5px;
}

#left ul li.active a:link,#left ul li.active a:visited {
background: url(../images/Reinsch-bg-menue-2.gif) no-repeat 0 0;
}

#left ul li.active ul li a:link,#left ul li.active ul li a:visited {
background: url(../images/Reinsch-bg-submenue.gif) no-repeat 0 0;
color:#452582;
font-weight:normal;
padding: 0 0 0 18px;
line-height: 26px;
}

#left ul li.active ul li ul li a:link,#left ul li.active ul li ul li a:visited {
background:#fff;
color:#ccc;
font-weight:normal;
margin:0 0 0 10px;
}

#left ul li.active ul li.active a:link,#left ul li.active ul li.active a:visited {
background: url(../images/Reinsch-bg-submenue.gif) no-repeat 0px 0px !important;	
color:#452582;
font-weight:bold !important;
}

#left ul li.active ul li.active ul li a:link,#left ul li.active ul li.active ul li a:visited {
background:url(https://buchhaltungsservice-reinsch.de/templates/reinsch/images/arrow.gif) #fff no-repeat top left;
color:#000;
font-weight:normal;
margin:0 0 0 15px;
padding:3px 0 3px 15px;
}

#left ul li.active ul li.active ul li.active span.active_link {
background:url(https://buchhaltungsservice-reinsch.de/templates/reinsch/images/arrow.gif) #fff no-repeat top left;
border-bottom:solid 1px #E0C1E0;
color:#000;
font-weight:bold;
margin:0 0 0 15px;
padding:3px 0 3px 15px;
}

#left form a:hover,#left form a:active,#left form a:focus {
color:#ccc;
}
  
#middle {
  float: left;
  overflow: hidden;
  }

/* RECHTES Modul */
#right {
  float: left;
  width: 170px;
  margin: 5px 8px 0 0;
  background: url(https://buchhaltungsservice-reinsch.de/templates/reinsch/images/box-bg.gif) repeat-y;
  }
#right div.moduletable {
  position: relative;
  width: 170px;
  border: 2px solid #ccc;
  margin-bottom: 5px;
  }
/* IE 6 */
* html #right div.moduletable {
}    
#right div.moduletable h3 {
  padding: 3px 0 0 0;
  font-size: 12px; font-weight: bold;
  }
#right div.moduletable table { padding: 0 5px 5px 5px; }
#right div.moduletable div#jbmwrap { padding: 0 10px !important; }


#right div.moduletable ul li ul {
  padding: 5px 0 0px 0;

  }
#right div.moduletable li {
  list-style: none;
  margin-left: 0;
  padding-bottom: 5px;
  padding-left: 10px;
  }  
  
#right div.moduletable li li{
  list-style: none;
  margin-left: 0;
  padding-bottom: 5px;
  padding-left: 20px;

  }    
    
#right div.moduletable ul li ul li {
  list-style: none;
  margin-left: 0;
  padding: 0 0 5px 15px;
  background: url(https://buchhaltungsservice-reinsch.de/templates/reinsch/images/square.gif) no-repeat 8px 11px;
  }
#right div.moduletable a {
  color: #452582;
  font-size: 12px;
  text-decoration: underline;
  }
#right div.moduletable a:hover { text-decoration: underline; color: #FF2B55; }
#right div.moduletable li#current a { text-decoration: underline; }

#right div.moduletable p {
  font-size: 12px;
  }
/* IE 6 */
* html #right div.moduletable p {
  padding: 5px;
}  
/* IE7 */
*+html div.moduletable p { 
  padding: 5px !important;
}
  
#right div.moduletable ul li ul li a {
  color: #2D2D2D;
  font-size: 11px;
  text-decoration: none;
  }
#right div.moduletable ul li ul li#current a { text-decoration: underline; }


#editorial {
  height: 300px;
  padding: 3px;
  margin: 5px;
  border: 2px solid #ccc;
  }
html>body #editorial {
  min-height: 300px;
  height: auto;
  }
#editorial p {  }
#editorial a { color: #452582; text-decoration: underline; }
#editorial a:hover { color: #FF2B55; text-decoration: underline; }
#editorial ul { margin: 0 0 10px 0; }
#editorial li { 
  padding-left: 10px; 
  display: block;
  margin-bottom: 3px;
  margin-left: 4px;
  background: url(../images/list.gif) no-repeat 0px 6px;  
}

/*
#######################################################
## BOTTOM
#######################################################
*/

#footer {
  float: left;
  width: 950px;
  height: 25px;
  background: url(../images/Reinsch-Seitenabschluss.gif) no-repeat top;
  }

#footer div.moduletable_footer {
  float: right;
  padding-right: 10px;
  padding-top: 10px;
  }
#footer div.moduletable_footer li {
  float: right;
  list-style: none;
  padding: 0 10px;
  font-size: 11px;
  background: none;
  line-height: 20px;
  }
#footer div.moduletable_footer a {
  color: #666;
  text-decoration: none !important;
  }
#footer div.moduletable_footer a:hover, .moduletable_footer li#current a {
  text-decoration: underline !important;
  }
#footer div.copyright {
  position: absolute;
  top: 7px; right: 24px;
  color: #8599A7;
  font-size: 11pt; font-weight: bold;
  }
  
/*
#######################################################
## JOOMLA DEFINITONEN
#######################################################
*/

.componentheading {
  font-size: 18px; 
  font-family: verdana, tahoma, arial, helv, helvetica, sans-serif;
  letter-spacing: 0.03em;
  color: #452582;
  text-transform: uppercase;
  padding-bottom: 8px;
  }

/* IE 6 */
* html .componentheading {
  margin-top: 15px;
}  
/* IE 7 */
*:first-child+html .componentheading {
  margin-top: 16px;
}  

.contentpane {
}
.contentpaneopen {
  width: 100%;
}
  
table.blog { 
  width:100%; 
  }
   
.contentheading {
  font-size: 18px; 
  font-family: verdana, tahoma, arial, helv, helvetica, sans-serif;
  letter-spacing: 0.03em;
  color: #452582;
  text-transform: uppercase;
  padding-bottom: 8px;
  }

/* IE6 HACK */
* html .contentheading {
  padding-top: 12px;
}

.small, .createdate {
  color: #452582;
  font-size: 7pt;
  font-weight: 800;
  }

/* Weiter... */
a.readon, a.readon:visited {
  float: left;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  letter-spacing: 0.05em;
  }
a.readon:hover {
  float: left;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  letter-spacing: 0.05em;
  }
  
/* Weiter... */
a.readmore, a.readmore:visited {
  float: right;
  color: #4A708B !important;
  }
a.readmore:hover {
  float: right;
  color: #4A708B !important;
  }
/* Pagenav... */
.pagenav {
  font-weight: bold;
  font-size: 8pt;
  letter-spacing: 0.05em;
  }
a.pagenav, a.pagenav:visited {
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  letter-spacing: 0.05em;
  }
a.pagenav:hover {
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  letter-spacing: 0.05em;
  }
/* Back Button */
.back_button a, .back_button a:visited {
  float: right;
  font-weight: normal;
  font-size: 10px;
  text-decoration: none;
  }
.back_button a:hover {
  float: right;
  font-weight: bold;
  font-size: 10px;
  text-decoration: none;
 }
 
/* Produkttabellen (dünne Tabellenränder) */	
.produkttable { 
border-spacing: 0px;
border-collapse: collapse;
border: 1px solid #666666;
} 
.produkttable td { 
border-spacing: 0px;
border-collapse: collapse;
border: 1px solid #666666;
}