/**
* comBerg Computersysteme - Joomla 1.5 CSS Template
*/





body, html {
  padding: 0; margin: 0;
  font-family: Helvetica,Helv,Arial,sans-serif;
  font-size: 12px;
  background-color: #dadada;
}

body {

}

div { 
  margin: 0; padding: 0;
}


div#page-body {
	overflow:hidden;
	min-width:780px;
	position:relative;
	width:100%;
  

}

div#wrapper {
  background-color: #FFFFFF;
  margin:auto;
  padding: 0;
  width:780px;
	/* für Testzwecke         
	border:1px solid #888888;  */     
}

div#wrapper-body {
  position:relative;
}

div#border-top {
  background-color: #dadada;
  height: 50px;
  z-index: 1;
}

div#border-left {
  background-color: #FFFFFF;	
  height:100%;
  left:-115px;
  position:absolute;
  width:115px;
  
    /* wegen ie7 und Kontakt */
  border-bottom-style: solid;
  border-bottom-width: 100px;
  border-bottom-color: #FFFFFF;/*#888888;*/
  
}

div#border-right {
  background-color: #FFFFFF;	
  height:100%;
  position:absolute;
  right:-115px;
  width:115px;
  
  /* wegen ie7 und Kontakt */
  border-bottom-style: solid;
  border-bottom-width: 100px;
  border-bottom-color: #FFFFFF;/*#888888;*/
}

div#border-bottom {
  background-color: #FFFFFF;
  height: 50px;
  margin:auto;
padding:0;
width:1010px;
}



div#header {
  height: 82px; 
    float: none;
}

div#logo-placeholder {
	float: left;
	width: 370px;
	height: 82px;
}

div#logo {
  position: absolute;  
  top: 0;
  left: 52px;
	width: 266px;
	height: 181px;
	background: url(../images/logo.png) 0 0 no-repeat;      
  overflow:visible;
	z-index: 2;
	float: none;
}


div#navi-top {
  font-size: 9pt;
  float: right;
	width: 404px;
  height: 82px;
}







/* wird nicht immer angezeigt modile->count abhängig */
div#left {
  float: left;
	max-width: 370px;
	min-height: 427px;
}
/* wird nicht immer angezeigt modile->count abhängig */
div#right {
  float: right;
	width: 404px;
	min-height: 427px;
}




div#footer { 
  margin-top: 6px;
  height: 19px;
  clear: both;
	/* für Testzwecke         
	border:1px solid #888888;  */   
}

div#copyright{
  font-size: 8pt;
  float: left;  
  color:#888888;
  text-decoration:none;
}

div#navi-footer { 
  font-size: 8pt;
  float: right;   
}



/* Mainmenu */
ul#mainmenu{
	width: 404px;

  margin-top: 48px;
  margin-bottom: 10px;
  padding: 0;
  text-align: center;
  background-color: #FFFFFF;
  white-space: nowrap;
  
}


ul#mainmenu li {
  list-style: none;
  display: inline;         
  margin: 0; padding: 0;
  
  padding-top: 55px;
  padding-bottom: 13px;
}

ul#mainmenu li#current, ul#mainmenu li.parent.active{
  background-color: #1771F6;

  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #c0c0c0;/*#888888;*/
}
  
ul#mainmenu a {
  padding-top: 13px;
  padding-bottom: 13px;
  margin-left: -1px;
  
  color: #1771F6;
  text-decoration: none;
  text-transform: uppercase;

  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #c0c0c0;/*#888888;*/
  
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #c0c0c0;/*#888888;*/


}

ul#mainmenu li#current a, ul#mainmenu li.parent.active a{

  margin-right: -1px;
  border-left-color: #FFFFFF;/*#888888;*/    
}



ul#mainmenu span {
  display: inline-block; 
  min-width: 100px;
  vertical-align: middle;
  
  /* wegen ie7 usw. ie8 ist OK*/ 
  cursor:pointer;
}

ul#mainmenu li#current span, ul#mainmenu li.parent.active span{
  vertical-align: middle;
  
  background-color: #1771F6;
  color: #FFFFFF;
}


 

/* Leistungen-Menü */

ul#services_menu{


}

/* Footer-Menu */
ul#menu_footer{
  margin: 0; padding: 0;
  text-align: center;
  white-space: nowrap;
}


ul#menu_footer li {
  list-style: none;
  display: inline;         
  margin: 0; padding: 0;
}

ul#menu_footer a {
  color: #888888;
  text-decoration: none;
}

ul#menu_footer li.item6 a {
  padding-right: 10px;
}
  
ul#menu_footer li.item7 a {
  padding-left: 10px;
  padding-right: 10px;
  
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #c0c0c0;
  
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #c0c0c0;
}

ul#menu_footer li.item8 a {
  padding-left: 6px;
}


/**
* comBerg Computersysteme - Joomla 1.5 CSS 
* ------------- Content ------------------
*/


div#wrapper-content {
}

div#content { 
/*background-color: #FFFFFF;   */
  background: url(../images/content-background.png) repeat-y scroll 100% 0 transparent;
/*  background-color: #888888; */ 
  margin: 6px auto;
  max-width: 780px;
  min-height: 427px;
  z-index: 1;
/*  height:auto !important; /* !important-Regel für moderne Browser */ 
/*  height:100%; /* Mindesthöhe für IE <7 */

}

div.blog{

/*background-color: #646464; 
   min-width: 780px;
  min-height: 427px;
  z-index: 1;*/
}

div.leading {
/*background-color: #5FC2ED; 
  min-width: 780px;
  min-height: 427px;
  z-index: 1;*/
}

div#content span.leading_separator{
  clear: both;
  visibility: hidden;
}


div.clear-div {
clear: both;
visibility: hidden;
}

div#content-left {
  float: left;
  clear: both; 
	width: 370px;
	padding-top: 48px;
/*	min-height: 379px; */
/*  background-color: #1771F6;  */
/*		border:1px solid #888888; */
    	z-index: 1;

}

div#page p.buttonheading {
  margin: 0; padding: 0;
}

div#content-title {
  text-transform: uppercase;
  font-size: 15pt; 
  margin: 0;
  padding-top: 24px;
  padding-bottom: 18px;
  padding-left: 30px;
  color: #FFFFFF;
}

div#content-title-custom {
  margin: 0;
  padding-top: 24px;
  padding-bottom: 18px;
  padding-left: 30px;
  color: #FFFFFF;
}

div#content-text {
  margin: 0;
  
  padding-top: 0;
  padding-bottom: 18px;
  padding-left: 30px;
  padding-right: 20px;
  color: #FFFFFF;
  text-decoration: none;

}

div#content-text ul{
  padding-left: 0;
  list-style-position:inside;
}

div#content-text a{
	text-decoration: none;
	color: #FFFFFF; 
}

div#content-text a:visited {  
	text-decoration: none;
	color: #FFFFFF; 
}

div#content-right {
  float: right;
  clear: right; 
  
 	width: 404px;
    
  border-bottom-style: solid;
  border-bottom-width: 6px;
  border-bottom-color: #FFFFFF;/*#888888;*/

}

div#content-right img {
	width: 404px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}


div#content-bottom { 
  float: right;
  clear: right; 
 	width: 404px;
 	
}

div#content-bottom img{ 
  border: 0px;
 	text-decoration: none;
	color: #FFFFFF; 
}

div#content-bottom-text { 

  color: #FFFFFF;
  float: right;
  clear: right; 
  
  padding-top: 16px; 
  padding-bottom: 18px;
  padding-left: 16px;
  padding-right: 18px;
 
 	width: 370px;

  float: right;
  text-decoration: none;
}

div#content-bottom-title {
     	color:#FFFFFF;
     font-size:125%;
font-weight:bold;
}


div#content-bottom-title p {
margin-left: 15px;
margin-bottom: 5px;
}


/* Kontakt-Seite */

div#qcontacts{
 margin: 0;
    float: left;
  clear: both; 
	width: 310px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 15px;
/*	min-height: 379px; */
/*  background-color: #1771F6;  */
/*		border:1px solid #888888; */
    	z-index: 1;
    	color:#FFFFFF;

}

#qcontacts textarea {
 max-width: 308px;
}

#qcontacts label.required {
 color:#FFFFFF;
}

#qcontacts div#contact-address p {
 margin-left: 0;
}



div#contact-email a.white {
  text-decoration:none;
  color:#FFFFFF; 
}

div#contact-email a.black {
  text-decoration:none;
  color:#000000; 
}

div#contact-email span {
display:none;
}


div#message {
	width: 370px;
  float: left;
  clear: both;
  text-align: center;

}

#system-message dd ul {
 border-color: #FFFFFF;
}

div#message #system-message dd ul {
	color:#FFFFFF;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	font-size:125%;
}

div#map {
  width: 404px;
  height: 404px;
}


/* Download */
div#download-link
{
  margin:0;
  padding:0 20px 18px 30px;
}

div#download-link a {

  background-attachment:scroll;
  background-image:url(../images/download.png);
  background-position:0 0;
  background-repeat:no-repeat;
  background-color: transparent;

	color: #1055bf; 
	text-decoration: none;

  
  display:block;
  
  padding-top: 12px;
  padding-left: 55px;
  padding-right: 15px;
  padding-bottom: 20px;
  

  
}

div#download-link a:hover {
  text-decoration:underline;
    background-position:-400px 0;
}

div#download-link a.center {
   margin-left: 42px;
}

/* Anzeige */
div#anzeige {
  margin:0;
  padding:20px 20px 18px 46px;
}

div#anzeige a {  

  background-attachment:scroll;
  background-image:url(../images/promotion.png);
  background-position:0 0;
  background-repeat:no-repeat;
  background-color: transparent;

	color: #1055bf; 
	text-decoration: none;

  
  display:block;
  
  padding-top: 20px;
  padding-left: 9px;
  padding-right: 15px;
  padding-bottom: 20px;
  width: 234px;
  height: 60px;
  
}


div#ref-item-content{
padding-bottom: 10px;
  margin-bottom: 10px;
    border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #c0c0c0;/*#888888;*/

}

div#referenz-item img{  
display:block;
}

div#referenz-item img.ref-item{  
width: 120px;
}


div#referenz-item a{
	text-decoration: none;
	color: #000000; 
}


div#referenz-item a:visited {  
	text-decoration: none;
	color: #000000; 
}

div#ref-item-img{

     clear: both;
    float: left;
}


span.bold{
font-weight: bold;
}


/* content mit Menü */
div#content-menu{
  background-color: #FFFFFF;
  border-bottom-style: solid;
  border-bottom-width: 4px;
  border-bottom-color: #FFFFFF;/*#888888;*/
  width: 370px;
  
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: #FFFFFF;/*#888888;*/
}

div#content-title-menu {
  text-transform: uppercase;
  font-size: 15pt; 
  margin: 0;
  padding-top: 24px;
  padding-bottom: 18px;
  padding-left: 30px;
  color: #888888;
}


/* Leistungen-Menu */
ul#services_menu{
  padding-left:11px;
  margin: 0;
}

ul#services_menu a {
  color: #888888;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
}

ul#services_menu li{
  background-attachment:scroll;
  background-image:url(../images/menu_bullet.png);
  background-position:left bottom;
  background-repeat:repeat-y;
  margin-bottom: 14px;

  list-style: none;
  padding-top: 3px;
  padding-bottom: 7px;
  padding-left: 19px;
}

ul#services_menu li.active a{
  color: #1771F6;
} 

ul#services_menu li#current{

  background-attachment:scroll;
  background-image:url(../images/menu_current_bullet.png);
  background-position:left bottom;
  background-repeat:repeat-y;


 /* list-style-image: url(../images/menu_current_bullet.png);*/
}

ul#services_menu li.active
{
  background-attachment:scroll;
  background-image:url(../images/menu_current_bullet.png);
  background-position:left bottom;
  background-repeat:repeat-y;
} 





















/* --- Artikel und Komponenten ---*/


/* Pfadanzeige */
.breadcrumbs {

}

/* Textkörper */
tr, td, p, div {

}

.contentpaneopen {

}

/* Artikelüberschriften */
.contentheading {

}


/* Artikelbewertung */
.content_rating {

}

/* Geschrieben von .... */
.small {

}


/* Erstellungsdatum */
.createdate {

}

/* Erneuerungsdatum */
.modifydate {

}


/* Weiterlesen */
.readon {

}


/* Wenn "Linked Titles" aktiviert wurde */
.contentpagetitle {

}

a.contentpagetitle {

}


 

/* --- Verweise --- */

/* Hauptmenü */
a.mainlevel {
    
}

a.mainlevel:link {
}

a.mainlevel:visited {
	text-decoration: none;
}

a.mainlevel:hover {
 /* text-decoration: underline; */
}

a.mainlevel#active_menu{

}


/* Untermenü */
a.sublevel:link {

}

a.sublevel:visited {

}

a.sublevel:hover {

}

a.sublevel#active_menu {

}


/* Horizontales Menü (Vorraussetzung ist, dass in der "Menu Class Suffix" "-nav" eingegeben wurde (Standard)) */
ul#mainlevel-nav li a:link {

}

ul#mainlevel-nav li a:visited {

}

ul#mainlevel-nav li a:hover {

}

ul#mainlevel-nav li a#active_menu {

}

/* Normalsterbliche Verweise */
a:link {

}

a:visited {

}

a:hover {

}

a#active_menu {

}


/* LatestNews */
a.latestnews:link {

}

a.latestnews:visited {

}

a.latestnews:hover {

}


/* Popular */
a.mostread:link {

}

a.mostread:visited {

}

a.mostread:hover {

}



/* --- Spezielle Module --- */


/* Search - Suchen */
#search {

}

#search .inputbox {

}

#search .button {

}

#search form {

}


/* Poll */
.poll {

}

.pollstableborder {

}


/* Tabellarische Auflistung mit zwei unterschiedlichen Zeilenfarben (u.a. auch im Poll) */
/* Hintergrundfarbe 1 */
.sectiontableentry1 {
background-color:#C0C0C0;
}

/* Hintergrundfarbe 2 */
.sectiontableentry2 {
background-color:#FFFFFF;
}

/* Allgemeines */
.inputbox {

}

.button {

}


/* PDF-, Drucken-, eMail-Icons */
.buttonheading img {
border: 0;
}

.buttonheading {

}



/* --- Module --- */


.modultable {

}