/*	main layers
   */
body	
{
    margin: 0;
    padding: 0;
    background:#FFF url(/pics/content-bg.jpg) repeat-x fixed left top;
}

#header	
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99px;
    background: #FFF;
}

#sidebar	
{
    position: absolute;
    top: 99px;
    left: 0;
    width: 149px;
    bottom:0;
    background: #FFF url(/pics/menu-bg-loop.gif) ;
}

#menu	
{
    width:149px;
    height:271px;
    margin:0;
    padding:0;
    background:url(/pics/menu-bg.jpg);
}

#content	
{
    position: relative;
    margin-top: 99px;
    margin-left: 164px;
    background: none;
    width:825px;
}

/* Exclude fixed from Mac IE5 if you want working mouseover stuff */
body>#header, 
body>#sidebar, 
body>#menu, 
body>#navdetail	
{
    position: fixed;
}

/*	images     */

#header img	
{
    border:0;
    float:left;
}

/*	menu main  */

#navmain
{
    position:absolute;
    top:100px;
    left: 0px;
    width:144px;
    margin: 0;
    padding: 0;
}
#navmain ul
{
    list-style:none;
    margin:0;
    padding:0;
}
#navmain li
{
    margin:0;
    padding:0;
    border-bottom: 1px solid #000;
}
#navmain ul li a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    color: #666;
    display: block;
    text-align: left;
    background: url(/pics/menu-dot-grey.gif) center right no-repeat;
}
#navmain a.selected
{
    font-weight: bold;
    color: #283E86;
    background-image:url(/pics/menu-dot-blue.gif);
}
#navmain a:link, #navmain a:visited, #home a:link, #email a:link, #home a:visited, #email a:visited
{
    display:block;
    margin: 0;
    padding: 7px;
    /* die Höhenangabe ist für den IE, damit die gesamte FLäche des Links klickbar ist */
    height:1em;
}
html>body #navmain a:link, html>body #navmain a:visited, 
html>body #email a:link, html>body #email a:visited,
html>body #home a:link, html>body #home a:visited 
{
    height:auto;
}
#navmain a:hover
{
    background-image:url(/pics/menu-dot-blue.gif);
    text-decoration: none;
    color: #283E86;
}

/* print is a special case, 050329mf */
#navmain .prnmnu a, 
#navmain .prnmnu a:link, 
#navmain .prnmnu a:visited  
{
    font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #666;
    display: block;
    text-align: left;
    margin-top:100px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}

#navmain .prnmnu a:hover
{
    background-image:none;
    text-decoration: none;
    color: #283E86;
}

#home
{
    top:1px;
}

#email
{
    top:31px;
}

#home, 
#email
{
    position:absolute;
    width:144px;
    margin: 0;
    padding: 0;
    display: block;
    text-align: left;
    font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;
}

/*	menu sub in header 
   */
#navsub
{
    margin:7px 15px 0 164px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #666;
}

#navsub .lev1
{
    margin: 0;
    padding: 2px;
    display:block;
    border-bottom: 1px solid #000;
    font-size:12px;
}
#navsub .lev2
{
    margin: 0;
    padding: 2px;
    display:block;
    border-bottom: 1px solid #000;
    font-size:11px;
}

#navsub .lev3, 
#navsub .lev4
{
    margin: 0;
    padding: 2px;
    display:block;
    border-bottom: 1px solid #000;
    font-size:10px;
}

#navsub .lev1end
{
    margin: 0;
    padding: 2px;
    display:block;
    border-bottom: 1px solid #000;
    font-size:12px;
    background-color:#ECF5FF;
}

#navsub .lev2end
{
    margin: 0;
    padding: 2px;
    display:block;
    border-bottom: 1px solid #000;
    font-size:11px;
    background-color:#ECF5FF;
}

#navsub .lev3end, 
#navsub .lev4end
{
    margin: 0;
    padding: 2px;
    display:block;
    border-bottom: 1px solid #000;
    font-size:10px;
    background-color:#ECF5FF;
}

#navsub a, 
#home a, 
#email a, 
#navdetail a
{
    text-decoration: none;
    color: #666;
}

#navsub a.selected, 
#navdetail a.selected
{
    font-weight: bold;
    color: #283E86;
}

#navsub a:hover, 
#home a:hover, 
#email a:hover, 
#navdetail a:hover
{
    text-decoration: none;
    color: #283E86;
}

/* contenmenu */
#navdetail
{
    position:absolute;
    top: 110px;
    left: 164px;
    width: 140px;
    height: 430px;
    z-index: 2;
}	

#navdetail a
{
    display:block;
    height:25px;
    margin-bottom: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
}

#navdetail img
{
    float:left;
    clear:left;
    border:0px;
    margin-right: 5px;
}

#navdetail span
{
    line-height:30px;
    border-bottom:1px solid #666;
    display:block;
    margin: 0 0 15px 0;
}

/*	Content and Template-Formatting   */
#content
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
}

#content h1
{
    font-size:14px;
    color:#283E86;
}

#content h2
{
    font-size:12px;
    color:#000;
}

#content h3
{
    font-size:12px;
    color:#283E86;
}

#content table
{
    border: None ! important;
    border-collapse: collapse;
}

#content td 
{ 
    border: none ! important;
    border-left: 1px solid #000 ! important;
    padding: 2px 4px ! important;
}

#content p, 
#content ul,
#content li, 
#content a, 
#content a:link, 
#content a:visited, 
#content td 
{
    font-size:12px;
    line-height:15px;
    color:#000;
}

/* Template product */
div.product
{
    margin-left:155px;
}

.product h1
{
    line-height:20px;
    border-bottom:1px solid #666;
    display:block;
    padding: 15px 0 5px 0;
    margin: 0 0 15px 0;
}

.product h3	
{
    margin:0 0 15px 0;
    padding:0;
}

.product p	
{
    margin:0 0 15px 0;
    padding:0;
}

.product img
{
    float:left;
    margin:0 20px 0 0;
}

/* Template title */
div.titleonly
{
    clear:both;
}

.titleonly h1	
{
    line-height:20px;
    border-bottom:1px solid #666;
}

.titleonly h1.nur100
{
    width: 140px;
    float: left;
    clear:left;
    margin: 0 15px 15px 0;
    padding: 15px 0 5px 0;
}

.titleonly h1.rest
{
    margin: 0 0 15px 155px;
    padding: 15px 0 5px 0;
}

/* Template textonly */
div.textonly	{
    clear:both;
    margin-left:155px;
}

.textonly h2	{
    margin:20px 0 5px 0;
    padding:0;
}

.textonly p 
{
    margin:0 0 15px 0;
    padding:0;
}

div.imgonly 
{
    margin-left:155px;
}

/* Template imgtitletext */

div.imgtitletext 
{
    clear:both;
    margin: 30px 0;
}

div.imgtitletext img
{
    float:left;
    margin:0;
}

div.imgtitletext h2
{
    margin-left:155px;
}

div.imgtitletext p
{
    margin-left:155px;
    width: 640px;
}	

/* Template textimg */
div.textimg
{
    clear:both;
    margin: 30px 0;
}
div.textimg p
{
    float:left;
    width:140px;
    margin:0 15px 0 0;
}

/* Template imgbigtext */
div.imgbigtext
{
    clear: both;
    margin: 0;
}
div.imgbigtext img
{
    float:left;
    margin:0 15px 30px 0;
}
.imgbigtext ul
{
    margin-left:175px;
}
.imgbigtext h2
{
    margin:20px 0 5px 155px;
    padding:0;
}
.imgbigtext p	{
    margin:0 0 15px 155px;
    padding:0;
}

/* Template imgtext */
/* image is 140px */
div.imgtext
{
    clear:both;
    margin: 30px 0;
}

div.imgtext img
{
    float:left;
    margin:0 15px 30px 0;
}

/* Template PDF-Download */
.imgbox
{
    margin: 0 15px 20px 0;
    width: 140px;
    float: left;
    text-align: right;
}

.clearfloat
{
    clear: both;
}

.downloadfile
{
    margin-right: 15px;
    font-size: 10px;
    float: left;
}

#content .downloadfile a
{
    font-size: 10px;
    text-decoration: none;
}

h4.download
{
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.download-desc
{
    margin: 0.5em 0 0.8em;
    padding: 0;
}
/* Template form */
div.myForm
{
    clear:both;
    margin-left:155px;
}

#contactform label
{
    font:12px Verdana, Arial, Helvetica, sans-serif;
    color:#000;
    vertical-align: top;
}

#contactform a, 
#contactform a:link, 
#contactform a:visited
{
    font:12px Verdana, Arial, Helvetica, sans-serif;
    color:#FF3300;
    text-decoration:none;
}

#contactform a:hover
{
    font:12px Verdana, Arial, Helvetica, sans-serif;
    text-decoration:underline;
}

#contactform p, 
#contactform td, 
#contactform th
{
    font:12px Verdana, Arial, Helvetica, sans-serif;
    margin: 2px 0;
}

#contactform table
{
    margin-bottom:30px;
}

#contactform table.images
{
    margin-left:110px;
}

#contactform td input
{
    margin:0;
}

#contactform td
{
    padding:4px 20px 4px 0;
}

#contactform th
{ 
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    padding: 4px 10px 0 0;
}