/* *********************************************** 	*/
/* Joomla! template.css 							*/
/* @package: Template - Stylesheet					*/
/* @name: dieterduerl 								*/
/* @dir: /templates/dieterduerl/css 				*/
/* @copyright: Reinhard Hiebl (www.hieblmedia.de) 	*/
/* ************************************************	*/

body {
    margin:0px;
    padding:5px;
    text-align:left;
    font-size:12px;
    font-family:Verdana;
    color:#000000;
    background-color:#FFFFFF;
}

h1 {
    font-size: 18px;
}

h1, p {
    padding: 0 1.5rem;
}

.mitte {
    text-align: center;
}

.clr {
    clear:both;
}
.content_outline {
    margin:0px;
    padding:0px;
}

div#mainframe {
    width:950px;
    border:1px solid #000000;
}
div#header {
    background:url(../images/header.png) no-repeat;
    height:82px;
}

/* Mainbody Bereich 3teiler */
div#mainbody {
    height:492px;
    overflow:hidden;
}

div#mainbody_left {
    background:url(../images/left_spacer_image.jpg) no-repeat;
    float:left;
    width:184px;
    height:492px;
}
div#mainbody_content {
    position:relative;
    float:left;
    padding:0px;
    margin:0px;
    width:675px;
    height:492px;
    border:0px;
    overflow:auto;

    /* for IE */
    overflow-x:hidden;
    overflow-y:auto;
    /* */
}
div#mainbody_right {
    background:url(../images/right_spacer_image.jpg) no-repeat;
    float:right;
    width:83px;
    height:492px;
}

/* Buttom Buttons */
div#buttons_bottom_left a.button, div#buttons_bottom_right a.button {
    display:block;
    height:23px;
    float:left;
    text-decoration:none;
}
div#buttons_bottom_left  {
    padding-left:30px;
}
div#buttons_bottom_right  {
    padding-left:12px;
}
div#buttons_bottom_left, div#buttons_bottom_right {
    margin-top:469px;
    height:23px;
}
div#buttons_bottom_left {
    background:url(../images/btn_button_spacer_left.png) no-repeat;
}
div#buttons_bottom_right {
    background:url(../images/btn_bottom__spacer_right.png) no-repeat;
}

a.button_bottom_left_impressum { background:url(../images/btn_bottom_impressum.png) no-repeat; width:62px; }
a.button_bottom_left_agb { background:url(../images/btn_bottom_agb.png) no-repeat; width:55px; }
a.button_bottom_right_intern { background:url(../images/btn_bottom_intern.png) no-repeat; width:71px; }

a.button_bottom_left_impressum:hover, a.button_bottom_left_agb:hover, a.button_bottom_right_intern:hover
{ background-position:0px -23px; }

a:link, a:visited {
    text-decoration:none;
    font-weight:bold;
    color:#cc3333;
}
a:hover {
    color:#666666;
}

.componentheading {
    background:url(../images/compnentheading.png) no-repeat;
    font-size:14px;
    padding-left:23px;
    font-weight:bold;
    line-height:29px;
}
.contentheading {
    background:url(../images/contentheading.png) no-repeat;
    padding-left:15px;
    font-weight:bold;
    line-height:20px;
}

.contentpaneopen {
    width:100%;
}

.sectiontableheader {
    font-weight:bold;
    background:#CCCCCC;
    color:#000000;
}
.sectiontableentry1 {
    background:none;
    color:#000000;
}
.sectiontableentry2 {
    background:#eaeaea;
    color:#000000;
}

.createdate, .modifydate, .small, .smalldark {
    font-size:10px;
    color:#999999;
}
.small {
    color:#cc3333;
}
.smalldark {
    color:#999999;
}


/**** NAVIGATION ***/
#nav { clear:both; width: auto }
#nav_main {
    width:100%;
    float:left;
    color: #fff;
    background-color:#ccc;
    background:url(../images/btn_spacer.png) repeat-x;
    height:25px;
    overflow:hidden;
}

#nav_main ul {
  white-space: nowrap;
  line-height: 1em;
  margin:0;
  padding:0;
  list-style:none;
}

#nav_main li {
  float:left;
  background:transparent;
  padding:0;
  margin: 0;
}

#nav_main a {
  float:left;
  display:block;
  color:#334;
  height:25px;

  background: transparent;
  padding:0;
  text-transform: none;
  text-decoration:none;
  font-weight:normal;

  width: auto; /* nur IE 5.x */
  width/**/:/**/ .1em; /* für IE 6.0 */
}

#nav_main > ul a {width:auto;}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav_main a {float:none;}
/* End IE5-Mac hack */

#nav_main a.num_1 { background:url(../images/btn_home.png) no-repeat; width:71px; }
#nav_main a.num_2 { background:url(../images/btn_ueberuns.png) no-repeat; width:88px; }
#nav_main a.num_3 { background:url(../images/btn_aktuelles.png) no-repeat; width:83px; }
#nav_main a.num_4 { background:url(../images/btn_dienstleistungen.png) no-repeat; width:122px; }
#nav_main a.num_5 { background:url(../images/btn_produkte.png) no-repeat; width:86px; }
#nav_main a.num_6 { background:url(../images/btn_angebote.png) no-repeat; width:91px; }
#nav_main a.num_7 { background:url(../images/btn_shop.png) no-repeat; width:67px; }
#nav_main a.num_8 { background:url(../images/btn_ressourcen.png) no-repeat; width:101px; }
#nav_main a.num_9 { background:url(../images/btn_partner.png) no-repeat; width:81px; }
#nav_main a.num_10 { background:url(../images/btn_referenzen.png) no-repeat; width:98px; }
#nav_main a.num_11 { background:url(../images/btn_kontakt.png) no-repeat; width:56px; }

#nav_main a:hover, #nav_main #current a { background-position:0px -25px; }

@media screen, print {

    /* For Accessibility Menus */
    .unsichtbar, .invisibly, .hidden {
        position:absolute;
        left:-1000px;
        top:-1000px;
        width:0;
        height:0;
        overflow:hidden;
        display:inline;
    }

}