@import url("tipafriend.css");



/* CSS Document */
*{
  padding:0px;
  margin:0px;
}

* html {
  /*overflow:auto;*/
}

body {
        text-align:center;
        font-family: Arial,Helvetica, Verdana,  sans-serif;
        font-size:13px;
        background-image:url(../imagesTemplate/bgKachel.gif);
        padding-top:25px;
}

img {
        border:0px;
}

ul{ list-style-type:none; }

#bannerLeft {
        position:relative;
        width:160px;
        height:auto;
}

#bannerRight {
        position:relative;
        width:160px;
        height:auto;
}

/*hauptcontainer erzeugt schatten rechts und links */
#container {
        position:relative;
        margin:auto;
        width:814px;
        height:auto;
        background-image:url(../imagesTemplate/shadowMidle.gif);
        border:0px;
        z-index: 2;
        /*border:1px dotted #CC3366;*/
}

#schattenOben {
        width:814px;
        height:12px;
        background-image:url(../imagesTemplate/shadowTop.gif);
        background-repeat:no-repeat;
}



#containerHeader {
        position:relative;
        left:0px;
        top:0px;
        margin:auto;
        width:814px;
        height:65px;

        border:0;
        text-align:left;
        z-index: 3;
        /*border:1px dotted #CC3366;*/
}

#headerLogo {
        width:90px;
        height:20px;
        position: relative;
        float:left;
        left:40px;
        top:18px;
}

/* menu oben */
#headerTopmenu {
        float:right;
        padding-right:35px;
        line-height:16px;
        color:#777879;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-weight:normal;
}

#headerTopmenu a{
        color:#777879;
        text-decoration:none;
        font-size: 11px;
        font-weight:normal;
}

#headerTopmenu a:hover{
        color:#303437;

} /* ende menu oben */

.topSelected {
        font-weight:bold;
}

/*#containerHeader #header{
        width:800px;
        height:75px;
        position:relative;
        top:0px;
        left:7px;
        z-index: 4;

}*/

#containerContent{
        position:relative;
        left:0px;
        top:0px;
        margin:auto;
        width:800px;

        border:0;
        text-align:left;

        /*border:1px dotted yellow;*/
}



#container #mainCol{
        position:relative;
        left:0px;
        top:0px;
        margin:auto;
        width:800px;
        height:auto;

        border:0;
        text-align:left;
        background-image:url(../imagesTemplate/shadowMidleContent.gif);
        background-repeat:repeat-y;

        /*border:1px dotted #CC3366;*/
}

#container #mainCol #topContent {
        /*padding:10px 0px 40px 0px;*/
        background-color:#081319;
        overflow:hidden;
}

#container #mainCol #menuCol{
        float:left;

        width:200px;
        border:0;
        border-top:1px solid #646769;
        color:#FFFFFF;
        /*border:1px dotted blue;*/
}

#container #mainCol #headerImage{


        overflow:hidden;
}







#container #contentWrapper{
  padding:5px 25px;

}











#container #mainCol #contentCol{
        width:600px;
        float:left;
        border:0;
        /*overflow:hidden;*/

}

#container #mainCol #content {



        /*padding:10px 0px 40px 0px;*/
        color:#FFFFFF;
        height:438px;
        float:left;
        clear:both;
} /* hack fr den ie - mindesthhe*/

#container #mainCol #content[id] {
        /*padding: 0px 0px 40px 0px;*/
        color:#FFFFFF;
        min-height:438px;
        height:auto;

} /* anzeige fr mozilla, etc. */



* html #container #contentWrapper{
  display:block;
  float:left;
}

* html #contentCol{
/*  background:violet !important;*/
}












#schattenUnten {
        width:814px;
        height:12px;
        background-image:url(../imagesTemplate/shadowBottom.gif);
        background-repeat:no-repeat;
        background-position:bottom;
        font-size:1px;
}

.cleaner {
        clear:both;
        height:0.1em;
        font-size:0px;
        background:#FFFFFF;
        background-color:#FFFFFF;
}




/*#navHome {
        margin: 0;
        padding: 0;
        list-style: none;
}

#navHome ul{
        display:block;
        width = 199px;

}

#navHome li a {
        text-align:left;
        background-color: #303437;
        color:#FFFFFF;
        font-weight:bold;
        font-size:13px;
        float:left;

        border-bottom:10px solid #646769;


        text-decoration:none;

        background-image:none;

        background-image:url(../imagesTemplate/homepageArrow.gif);
        background-position:left;
        background-repeat:no-repeat;
        voice-family: "\"}\"";
        voice-family:inherit;
}
*/






/*stylez for the navigation links - parent link, home link and back link*/

/* stylez for the homelink*/
#MainMenuFirst {
  font-size:13px;
  font-weight:bold;
  display:inline;
  background-color:#303437;
  color:#CBCCCD;
  text-decoration:none;
  white-space:nowrap;
}

#MainMenuFirst li a{
  float:left;
}

#mainMenuHome li a{
.padding:1px !important;
float:left;


}



#mainMenuBack a{
  border-right:1px solid #646769;
  padding:7px 11px 7px 20px !important;
}

#mainMenuHome a{
 padding:7px 43px 7px 11px !important;

}



* html #mainMenuHome a{
/*  padding:7px 11px 7px 20px !important;*/
}

#MainMenuFirst li a:hover {
  color:#001722;
  /*background:#fff url(../imagesTemplate/linkRO.gif) left no-repeat;*/
}



#mainMenuHome a {
color:#A2A4A5;
padding:7px 0 7px 0;
font-weight:bold;
}

#mainMenuHome a:hover {
        color:#001722;
        background-color:#FFF;
}

#mainMenuBack a{
        color:#A2A4A5;
        padding:7px 0 7px 0;
        font-weight:bold;
}

#mainMenuBack a:hover{
        color:#001722;
        /*background:#fff url(../imagesTemplate/linkRO.gif) left no-repeat;*/
        background-color:#FFF;
        border-right:1px solid #BFC5C9;
}

#mainMenuHome span#trenner {
        width: 1px;
        border-right:1px solid #646769;
        margin: 0 15px 0 15px;
}







































/* parent menu item */
#navAct {
        margin: 0;
        padding: 0;
        clear:left;
        list-style: none;
        width: 200px; /* Width of Menu Items */
        voice-family: "\"}\"";
        voice-family:inherit;
    width:160px;
}

#navAct li.navAct {
        width: 175px; /* Width of Menu Items */
        voice-family: "\"}\"";
        voice-family:inherit;
        width:175px;
        display: block;
        padding: 7px 5px 7px 20px;
        border-top:1px solid #646769;
        background-image:url(/fileadmin/templates/imagesTemplate/pfeil_ACT.gif);
        background-repeat: no-repeat;
        background-position: 7px 13px;
}

#navAct li.navAct a {
  background-color:#303437;
  color:#CBCCCD;
}

#navAct2 {
    text-align:left;
    /*background-color: #45494B;*/
    color:#A2A4A5;
    font-weight:bold;
    display:block;
    width:200px;
        border-top:1px solid #646769;
    border-bottom:1px solid #646769;
    text-decoration:none;

    padding:15px 20px 15px 20px; /* em units can creat little graphic bug in mozilla */
    voice-family: "\"}\"";
    voice-family:inherit;
    width:160px;

}

#navAct3 {
    text-align:left;
    background-color: #303437;
    color:#A2A4A5;
    font-weight:bold;
    display:block;
    width:200x;
        border-bottom:1px solid #646769;
    text-decoration:none;

    padding:10px 20px 10px 20px; /* em units can creat little graphic bug in mozilla */
        voice-family: "\"}\"";
        voice-family:inherit;
    width:160px;

}


/*
  main navigation
*/
#nav {
        list-style: none;
        width:200px;
}

#nav a{
  display:block;
  font-weight:bold;
  font-size:13px;
}

#nav li {
        position:relative;
}

#nav li a {
  background-color:#303437;
  color:#CBCCCD;
        border-bottom:1px solid #646769;
        border-right:1px solid #303437;
  text-decoration:none;
  padding:7px 19px 7px 25px;
}

#nav li a:hover, #nav .active {
  color:#001722;
  background:#fff url(../imagesTemplate/linkRO.gif) left no-repeat;
  border-right:1px solid #BFC5C9;
}




/* 2.ebene */
#nav li ul {
  width:200px;
        position:absolute;
  z-index:49;
        left:200px;
  top:0px;
        list-style:none;
        display:none;
}

#nav li ul li a {
  background-color:#fff;
  color:#001722;
  font-weight:normal;
        border-bottom:1px solid #646769;
        border-right:0px;
  text-decoration:none;
  padding:5px 20px 5px 25px;
        filter:Alpha(opacity=90);
        -moz-opacity:0.9;
        /* width: 100%; */
}

#nav li li a:hover {
  color:#EE7900;
        background-color:#fff;
        border-right:0px;
        filter:Alpha(opacity=100);
        -moz-opacity:1.0;
}

#nav li:hover ul, #nav li.over ul{
        display: block;
        background-color:none;
}


/* transparenter hintergrund fr die 2.ebene */
#nav div.whiteCol {
  position:absolute;
  left:0px;
  top:-500px;
        background-color:#fff;
        width:200px;
  height:500px;
  background:url(../imagesTemplate/opera_2ebene.png) top left repeat;
}

* html #nav div.whiteCol {
  background-image:none;
  background-color:#fff;
  -moz-opacity:0.5;
  filter:Alpha(opacity=50);
}

#whiteCol-hover {
        background-image:url(../imagesTemplate/menu-abdecker.jpg);
        background-repeat:no-repeat;
        position: absolute;
        top: -25px;
        left: 202px;
        z-index: 50;
        width:210px;
        height:100px;
}


/* Holly Hack. IE Requirement \*/
* html #menuCol ul li { float: left; height: 1%; }
* html #menuCol ul li a { height: 1%; }
/* End */

#menuCol li:hover ul, #menuCol li.over ul{
        display: block;
        /* border: 1px dotted red;  */
        background-color:none;
} /* The magic */

/*ende navigation*/


/* breadcrumpnavigation*/
#breadcrump {
        padding:15px 30px 15px 30px;
        color:#86888A;
}


/* breadcrumpnavigation
aenderungen an Farbe 24.04.07 engelhard
*/
#breadcrump {
        padding:15px 30px 15px 30px;
        background-color:#494C4F;
        display:table;
          width:540px;
}



* html #breadcrump{
  width:540px;
}

#breadcrump span.trenner {
        margin:0 4px;
        float:left;
        position:relative;
        bottom:2px;
}

* html #breadcrump span.trenner {
  float:none;
  position:static;
  bottom:0px;
}

#breadcrump a{
        color:#BFC3C5;
        text-decoration:none;
        font-size:12px;
        /*display:inline !important;*/
        float:left;
        text-decoration:underline;
}

#breadcrump #rootlineStart {
        color:#FFF;
        font-size:12px;
        /*display:inline !important;*/
        float:left;
        margin-right: 5px;
}

* html #breadcrump a{
        display:inline-block;
        float:none;
}

#breadcrump a:hover{
        color:#fff;
        text-decoration:none;
        font-size:12px;
        text-decoration:underline;
}

#breadcrump li.ACT a{
  text-decoration:underline;
  color:#fff;
}

/* 17.05.07 anderung fuer breadcrup act fett no link*/
#breadcrump .breadcrump_act {
font-weight:bold;
display:inline-block;

float:left;
}


/* ende breadcrumpnavigation*/







/* id fr footer */
#footer {
        background-color:#FFF;
        font-size: 0.85em;

        width:800px;
        height:30px;
        /* dient als clearer f�������������������������������¼r die beiden contentspalten*/
        clear:both;

}

#footer a {
        color:#777879;
        margin-left: 20px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footer #tipafriend {

}




#footer #menuBottom {
        float:right;
        padding:11px 25px 0 0;
        color:#777879;
        font-family:Verdana, Arial, Helvetica, sans-serif;
}







/* stylez fuer die suchbox*/

/* neue Position der Suche ME:CMS-A*/
#newSearch {
}



.suchBoxContainer {
height: 1.6em;
width:12em;
position:relative;
left:505px;
top:20px;
overflow:hidden;
margin-left:35px;
margin-top:0;
padding-top:0;
  float: left;
  height: auto;
  padding:0;
  font-family:Verdana, Arial, sans-serif;
  position:relative;
}



.suchBoxContainer form {
  float:left;
}

.suchBoxContainer form div {
  /*float:left;*/
  /*width:127px;*/
  /*border:1px solid #646769;*/
}

.suchBoxContainer form div input {
  float: left;
  width:117px;
  font-size: 13px;
  height:16px;
/*  background-color:#646769;*/
  background-color:#FFFFFF;
border:1px solid #B2B3B4;
border-right:0px solid #B2B3B4;
 /* color:#B2B3B4;*/
  color:#646769;
  padding-left:5px;
  padding-right:5px;
}


* html .suchBoxContainer form div input{
  border:1px solid #646769;
  height:16px;
}

* html .suchBoxContainer form #searchsubmit{
  margin-left:-3px;
}

/* .suchBoxContainer #searchsubmit{
  width:18px !important;
  height:18px !important;
  position:absolute;
  right:-18px;
  top:20px;
}*/
/* ende suchbox */









/* languageMenu */
#languageMenu{
  clear:left;
  float:left;
  width:145px;
  padding:0px 27px;
  background:#303437;
margin-top:10px;
}

* html #languageMenu{

}

#languageMenu img{
  float:left;
  display:block;
  margin-right:2px;
}

#languageMenu img{
}








/* the clearer */
div.clearer{
  clear: both;
        display: block;
        height: 1px;
        margin-bottom: -1px;
        font-size: 1px;
        line-height: 1px;
}


#headerImage {
margin:0;
padding:0;
background-color:#494C4F;
}


/* the clearer */
div.clearer{
  clear: both;
        display: block;
        height: 1px;
        margin-bottom: -1px;
        font-size: 1px;
        line-height: 1px;
}












#tipafriend_link{
clear:both;
width:250px;
height:25px;
display:block;
float:left;

padding-left:4px;
margin-left:18px;
margin-top:9px;
background-image:url(../imagesTemplate/tipafriend/send_icon_footer.gif);
background-position: 19px 32px;
background-position: left 2px;
background-repeat:no-repeat;
}

#tipafriend_link A {
color:#CBCCCD;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:18px;
color:#777879;
}


#footer #tipafriend_link2 {
display:none;
}



#tipafriend2 {

position:relative;
top:15px;
right:5px;
float:right;
width:20px;
margin-bottom:-15px;
padding-left:10px;

}

#tipafriend2 #tipafriend_link {
display:none;
}