/* ******************************************************************** */ 
/*                  Generated by: http://csscreator.com                 */
/* ******************************************************************** */

/* netivio font color="#157DEC" & "#808080" */
/* footer color hell="#23282c" & dunkel="#1a2327" */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family: "Trebuchet MS", verdana, sans-serif; 
 color: #808080;
 background-color:#ffffff; 
} 
 
h1{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family: "Trebuchet MS", verdana, sans-serif; 
 color: #808080;
} 
 .bottom { 
 position: absolute; 
 bottom: 0px; 
}

.textItem {
 font-size:0.9em;
}

.textItem img{
 margin: 0px 10px 10px 0px;
 float: left;
}

#pagewidth{ 
 width:800px; 
 text-align:left; 
 margin:0 auto; 
} 
 
#ophead{
 text-align: right;
 border: 0px solid #ff0000;
 overflow: hidden;
} 
 
#optop{
 width: 85%;
 border: 0px solid #00ff00;
 text-align: left;
 opacity: .8;
 -moz-opacity: .8;
 filter: alpha(opacity=80);
 float: right;
 overflow: hidden;
} 
 
#opbot{
 width: 85%;
 border: 0px solid #00ff00;
 text-align: left;
 opacity: .80;
 -moz-opacity: .8;
 filter: alpha(opacity=80);
 float: right;
 overflow: hidden;
} 
 
#opline{
 width: 85%;
 border: 0px solid #00ff00;
 font-weight: bold;
 text-align: left;
 font-size: 1em;
 color: #1a2327;
 background-color:#ffffff; 
   opacity: .8;
   -moz-opacity: .8;
   filter: alpha(opacity=80);
 float: right;  
 overflow: hidden;
} 

#optextorg{
 text-align: left;
 color: #ffffff;
   opacity: .0;
   -moz-opacity: .0;
   filter: alpha(opacity=0);
} 

#optext{
 width: 85%;
 position: relative;
 top: -82px;
 right: -5px;
 text-align: left;
 color: #157DEC;
 float: right;  
} 

#optextorg h1.oph1{
 font-weight: bold;
 font-size: 1.4em;
 color: #ffffff;
   opacity: .10;
   -moz-opacity: .1;
   filter: alpha(opacity=10);
} 

#optext h1.oph1{
 font-weight: bold;
 font-size: 1.4em;
 color: #157DEC;
} 

#header{
 position:relative; 
 padding: 10px 5px 0px 5px;
 height:70px; 
 width:788px;
 border-left: 1px solid #23282c;
 border-right: 1px solid #23282c;
 border-bottom: 1px solid #b3b3b3;
/*    background-image:url(../upload/images/header_back.jpg);
/*    background-repeat: no-repeat;
/*    background-position: right;
 background-color:#ffffff; 
/* display:block; */
 overflow:hidden;
} 
 
#teasersRight{
 width:195px; 
 margin: 0px 5px 10px 0px;
 padding: 0px;
 float:right; 
 position:relative; 
 background-color:#ffffff; 
 }
 
#leftcol {
 width:195px; 
 padding: 0px 5px 5px 0px;
 float:left; 
 position:relative; 
 background-color:#ffffff; 
 }
 
#maincol{
 width:353px;
 position: relative; 
 padding: 0px 20px 20px 5px;
 background-color: #FFFFFF;  
 float:right; 
 }
 
#maincol h1 {
margin:30 0 0 0px;
text-align:left;
letter-spacing:1px;
font-weight: normal;
font-size: 1.3em;
/* font-family: "Trebuchet MS", verdana, sans-serif; default; */
/* color:#326588; */
color:#808080;
}

#maincol .artdate{
margin:-20px 0 0 0px;
letter-spacing:1px;
font-size: 0.6em;
/* font-family:Helvetica, Arial, default; */
color:#9a9a9a;
}


#headline{
margin:0 0 0 0px;
font-size:2px;
background-color:#157DEC; 
/* background-color:#6bbf00; */
color:#fff;
}

#logofooter{
 height:164px; 
 padding: 0px 0px 0px 0px;
 background-color:#23282c; 
 clear:both;
 display:block;
 overflow:hidden;
} 
 
#rj45footer{
 height:26px; 
 padding: 0px 0px 0px 0px;
 border-left: 1px solid #23282c;
 border-right: 1px solid #23282c;
 clear:both;
 display:block;
 overflow:hidden;
} 
 
#validfooter{
 height:18px; 
 padding: 5px;
 background-color:#1a2327; 
 font-size: 0.6em;
 clear:both;
 display:block;
 overflow:hidden;
 background-image:url(../upload/images/validfooter_bg.jpg);
 background-repeat: repeat-x;
 background-position: top;
} 
 
#rj45{
 float: right;
} 
 
#rj45partner{
 position: relative; 
 height:154px; 
 width: 82px;
 padding: 5px;
 float: right;
} 
 
#rj45left{
 padding: 5px 10px 0px 5px;
 font-size: 0.8em;
 float: left;
} 
 
#rj45right{
 width: 350px;
 float: right;
} 
 
#wrapper{
 padding: 15px 0px 0px 0px;
 border-left: 1px solid #23282c;
 border-right: 1px solid #23282c;
}
 
 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* ******************************************************************** */ 
/*                      BoxLine                                         */ 
/* ******************************************************************** */ 
     
.boxline div.boxgr{
 margin: 0px 8px 5px 8px;
 width: 200px;
 float: left;
 border: 1px solid #808080;
 } 

.boxline div.boxkl{
 margin: 0px 8px 8px 8px;
 width: 100px;
 float: left;
 border: 1px solid #808080;
 } 

.boxline div.boxheader{
 margin: 2px 0px 0px 0px;
 text-align: center;
 font-weight: bold;
 font-size: 0.8em;
 color: #FFFFFF;
 background-color: #157DEC;
}
 
.boxline div.boxtext{
 padding: 4px 3px 5px 3px;
 text-align: left;
 font-weight: normal;
 font-size: 0.8em;
 color: #808080;
}

.clearbox{clear: both;}

.boxline div.boxtext a.more {
    display:block;
    width:95px;
    margin:0px 0;
    padding:0 0 0 15px;
    font-size: 0.8em;
    background-image:url(../images/link_pfeil_klein.gif);
    background-repeat:no-repeat;
    background-position:0 5px;
}
* html .boxline div.boxtext a.more {
    width:95px;
}
 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* ###################################################### */
/*                         LINKS                          */
/* ###################################################### */
a {
    color:#808080;
    text-decoration:underline;
}
a:hover {
    color:#157dec;
    text-decoration:none;
}

/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */

/* Level 1 */
#navigation ul {
    width:195px;
    margin:0;
    padding:0;
    background-color:#F2F2F2;
    /* background-color:transparent; */
}
#navigation ul li {
    width:175px;
    margin:0;
    padding:0 0 0 10px;
    list-style-type:none;
}
#navigation ul li a {
    display:block;
    width:175px;
    height:19px;
    line-height:19px;
    margin:0;
    padding:0 0 0 10px;
    font-size:12px;
    color:#666;
    background-image:url(../images/navi_pfeil_zu.gif);
    background-repeat:no-repeat;
    background-position:163px 3px;
    border-bottom:1px solid #ccc;
    text-decoration:none;
}
#navigation ul li a:hover, #navigation ul li.active a {
    background-image:url(../images/navi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
    color:#fff;
}

/* Level 2 */
#navigation ul li.navmainStandardLevel_2 {
    width:165px;
    margin:0;
    padding:0 0 0 20px;
}
#navigation ul li.navmainStandardLevel_2 a {
    padding:0 0 0 10px;
    background-image:url(../images/subnavi_pfeil_zu.gif);
    background-repeat:no-repeat;
    background-position:154px 8px;
    border-bottom:1px dotted #ccc;
    color:#666;
    width:165px;
}
#navigation ul li.navmainStandardLevel_2.active a {
    color:#fff;
}
#navigation ul li.navmainStandardLevel_2 a:hover, #navigation ul li.navmainStandardLevel_2.active a {
    background-image:url(../images/subnavi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}

/* Level 3 */
#navigation ul li.navmainStandardLevel_3{
    width:165px;
    margin:0;
    padding:0 0 0 30px;
}
#navigation ul li.navmainStandardLevel_3 a {
    padding:0 0 0 10px;
    background-image:none;
    border-bottom:0;
    color:#666;
    width:155px;
}
#navigation ul li.navmainStandardLevel_3 a:hover, #navigation ul li.navmainStandardLevel_3.active a {
    background-image:url(../images/subsubnavi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}

/* ###################################################### */
/* ####################### RIGHT COLUMN ################# */
/* ###################################################### */
#teasersRight .teaserItem {
    padding:0 0 0 5px;
    color:#333;
    font-size:11px;
}
#teasersRight .teaserItem h3{
    color:#157DEC;
    font-size:14px;
    margin:0px 0px 3px 0px;
    font-weight:normal;
}
#teasersRight .teaserItem h3 a{
    color:#157DEC;
}

#teasersRight .teaserItem a.more {
    display:block;
    width:195px;
    margin:10px 0;
    padding:0 0 0 15px;
    background-image:url(../images/link_pfeil_klein.gif);
    background-repeat:no-repeat;
    background-position:0 5px;
}
* html #teasersRight .teaserItem a.more {
    width:195px;
}