/**
 *   grau:      #4b575c
 *   hellgrau:  #a0a9ac     footer
 *   beige:     #E5E5DB     hintergrund für die boxen
 *   orange:    #e08800     
 */
 


/**
 * Allgemeines
 */

    html, body { margin:0; padding:0; }
    body, h1, h2, h3, h4, li, div, span, td, th, input, textarea, label, select, a { font: 12px Arial,Helvetica,Sans-Serif; color:#4b575c; }
    
    h1 { font-size:18px; margin-top:20px; margin-right:5px; color:#4D585C; }
    h2 { font-size:13px; text-transform:uppercase; margin: 10px 0px 5px 0px; }
    h3 { font-weight:bold; font-size:14px; margin: 10px 0px 5px 0px;}
    
    a img { border:none; }
    
    a:link, .link { color:#e08800; text-decoration:none; }
    a:visited { color:#e08800; text-decoration:none; }
    a:hover { text-decoration:underline; }
    
    .c { clear:both; }



    /* Seitenrahmen */
    
    .borderLeft { width:975px; margin:auto; background:url(/Content.Node/images/general/shadow_l.png) repeat-y left top; padding-left:15px; }
    .borderRight { background:url(/Content.Node/images/general/shadow_r.png) repeat-y right top; padding-right:15px; }
    
    .borderBottomContainer { height:6px; font-size:1px; margin:0; }
    .borderBottom { background:url(/Content.Node/images/general/shadow_b.png) repeat-x left top; margin:0 6px; font-size:1px; height:6px; }
    .borderBottomHack { height:100%; width:100%; font-size:1px; }
    
    .cornerBottomLeft { background:url(/Content.Node/images/general/corner_lb.png) no-repeat left top; float:left; width:6px; height:6px; font-size:1px; }
    .cornerBottomRight { background:url(/Content.Node/images/general/corner_rb.png) no-repeat right top; float:right; width:6px; height:6px; font-size:1px; }



    /* Header */
    
    #header { height:94px; width:960px; background-color:#8DC6E3; position:relative; background:url(/Content.Node/images/general/003.jpg) no-repeat left top;}
    
    #header #logo { position:absolute; left:20px; top:10px; background:url(/Content.Node/images/general/gentics.gif) no-repeat; width:202px; height:53px; }
    
    #header ul#topMenu { margin:0; padding:0; list-style-type:none; position:absolute; left:0; bottom:0; }
    #header ul#topMenu li { width:auto; padding:4px 10px; float:left; display:block; }
    #header ul#topMenu li a:link, #header ul#topMenu li a:visited { padding-left:14px; background:url(/Content.Node/images/general/arrow_big_right.png) no-repeat 2px 4px; color:#d4d4d4; text-decoration:none; text-transform:uppercase; font-weight:bold; letter-spacing:0.1em; }
    #header ul#topMenu li a:hover, #header ul#topMenu li a.active { color:#ffffff; background:url(/Content.Node/images/general/arrow_big_bottom.png) no-repeat 1px 6px; }
    #header ul#topMenu img { display:block; }
    #header .fog { position:absolute; width:100%; left:0; bottom:0; height:26px; background-color:black; opacity:0.4; filter:Alpha(opacity=40, finishopacity=40, style=1); }
    
    #header #search { position:absolute; bottom:0; right:0; margin-bottom:3px; margin-right:5px; }
    #header #search input { border:1px solid #a0a9ac; float:left; height:16px; }
    #header #search input.text { width:140px; font-size:11px; padding-left:10px; }
    #header #search input.button { margin:0 0 0 2px; padding:0; border:none; display:block; float:left; height:20px; }
    
    
    /* Body */
    
    #body { background:url(/Content.Node/images/general/body_bg.gif) repeat-x left bottom; padding-bottom:40px; }

    
    /* Footer */
    
    #footer { height:18px; }
    
    #copyright { float:left; width:575px; color:#a0a9ac; font-size:11px; }
    
    #bottomMenu { float:right; width:300px; margin:0; padding:0; }
    #bottomMenu li { display:block; float:right; padding:0 10px 0 0; }
    #bottomMenu li a:link, #bottomMenu li a:visited { color:#4b575c; font-size:11px; text-decoration:none; }
    #bottomMenu li a:hover { color:#e08800; }

    /* Boxen in den Randspalten */
    
    .box { background:#eaf2f6; padding:15px; margin-bottom:8px; overflow:hidden; }
    .box h2 { margin:0 0 10px 0; padding:0; }



/**
 * Startseite
 */

    #image { margin:8px 0 16px 0; }
    
    div.start#body { width:960px; }
    div.start#body #leftCol { width:255px; float:left; padding-left:10px; }
    div.start#body #centerCol { width:465px; margin-left:15px; margin-right:15px; float:left; }
    div.start#body #rightCol { float:right; width:200px; }
    
    
    ul.news { list-style-type:none; padding:0; margin:0;}
    ul.news li { clear:both; padding-top:10px; }
    ul.news li div { float:left; width:355px; }
    ul.news img { display:block; float:left; margin-right:10px; }
    
/**    
    ul.news h3 { margin:0 0 5px 0; padding:0; }
    ul.news div a:link, ul.news div a:visited { font-size:11px; color:#4b575c; text-decoration:none; }
    ul.news div a:hover h3 { color:#e08800; }
    ul.news p span.date { color:#e08800; font-size:11px;  }
**/
 
    ul.news teaser { margin:0; padding:0; font-size:11px; }
 
    ul.news div a { margin:0 0 5px 0; padding:0; font-weight:bold; font-size:14px; color:#4b575c; }    ul.news div a:visited { margin:0 0 5px 0; padding:0; font-weight:bold; font-size:14px; color:#e08800; }   


    #leftCol form { margin:0 0 8px 0; }
    #leftCol form div.field, #rightCol form div.field { margin-bottom:5px; }
    #leftCol form label, #rightCol form label { font-size:11px; }
    #leftCol form a:link, div.start#body form a:visited,
    #rightCol form a:link, #rightCol form a:visited { font-size:11px; }
    #leftCol form input, #rightCol form input { width:165px; border:1px solid #CAD5D7; font-size:11px; }
	#leftCol form input#loginbutton,#rightCol form input#loginbutton {background:#eaf2f6;border:0px;text-align:left;color:#e08800;margin:0 0 0 0px;}
	/*html>body #leftCol form input#loginbutton,#rightCol form input#loginbutton {background:#eaf2f6;border:0px;text-align:left;color:#e08800;margin:0 0 0 -8px;}*/
    
    
    
    #leftCol a:link, #leftCol a:visited { font-size:11px; }
    
    #leftCol .person { padding:0; margin:10px 0 0 0; border-top:1px solid #ffffff; }
    /**#leftCol .person img { display:block; float:left; width:65px; margin-right:10px; }**/
    #leftCol .person p { float:left; margin:0; width:175px; border:1px solid #E4E6DB; padding:8px 4px; font-size:11px; }
    
    #leftCol .opinion blockquote { margin:5px 0 10px 0; padding:0; font-size:11px; }

    #leftCol .callback { margin-top:30px; }





/* Contentseite */
    
    
    div.content#body { width:960px; margin-top:8px; }
    div.content#body #topCol { width:730px; float:left; padding-top:8px; margin-left:15px; }
    div.content#body #leftCol { width:200px; float:left; padding-top:8px; }
    div.content#body #centerCol { width:530px; margin-left:15px; margin-right:15px; margin-top:26px; float:left; }
    div.content#body #rightCol { float:right; width:200px; padding-top:30px; }

    
    #leftMenu { margin:0 0 8px 0; padding:15px 0; }
    #leftMenu ul { margin:0; padding:0; border: 1px solid #eaf2f6; display: block; }
    
    #leftMenu ul li { list-style-type:none; padding:1px; margin:0; border: 1px solid #eaf2f6; display: block; }
    #leftMenu ul li a { font-weight:bold; display:block; padding-left:20px; background:url(/Content.Node/images/general/arrow_nav.gif) no-repeat 10px 4px; color:#4b575c; }
    #leftMenu ul li a.open { display:block; padding-left:20px; background:url(/Content.Node/images/general/arrow_nava.gif) no-repeat 8px 4px; } 
    #leftMenu ul li a.active, #leftMenu ul li a:hover { text-decoration:none; display:block; padding-left:20px; background:url(/Content.Node/images/general/arrow_nava.gif) no-repeat 10px 4px; color:#e08800; }
    
    #leftMenu ul ul li a { font-weight:normal; display:block; padding-left:32px; background-position:22px 4px; color:#4b575c; }
    #leftMenu ul ul li a.open { background-position:20px 4px; }
    #leftMenu ul ul li a.active, #leftMenu ul ul li a:hover  { text-decoration:none; display:block; padding-left:32px; background:url(/Content.Node/images/general/arrow_nava.gif) no-repeat 22px 4px; color:#e08800; }    
    #leftMenu ul ul ul li { padding-left: 12px; }
    
    div.content#body #breadcrumb { width:730px; float:left; padding-top:8px; margin-left:15px; }
    div.content#body #breadcrumb a { text-decoration:none;color: #4b575c; }
    div.content#body #breadcrumb a:hover { color:#e08800; }

    .news { margin-bottom:8px; margin-top:16px; }
    .news h2.line { border-bottom:1px solid #a0a9ac; padding:0 0 4px 10px; margin:0 0 4px 0; }
    .news ul { list-style-type:none; padding:0; margin:0 10px;}
    
    .downloads { margin-bottom:8px; }
    .downloads h3.line { font-size:12px; font-weight:bold; border-bottom:1px solid #a0a9ac; padding:0 0 4px 2px; margin:0 0 4px 0; }
    .downloads ul { list-style-type:none; padding:0; margin:0; }
    
    .downloads li { list-style-type:none;clear:both; margin-bottom:4px; }
    .downloads li img { float:left; margin-right:5px; }
    
    
    .pageTools { margin-bottom:10px; height:20px; margin-left:10px; }
    .pageTools a { display:block; float:left; }
    .pageTools div.sep { float:left; width:1px; height:14px; background:#a0a9ac; margin-top:3px; margin-left:14px; margin-right:14px; }
    
    
    .img { margin-bottom:16px; }
    .img a:link, .img a:visited { font-size:11px; }
    .img p { padding:4px; margin:0; background:#eaf2f6; font-size:11px; } /* Bildbeschreibungstext */
    
    
    .intro { font-weight:bold; }
    
    
    /* Referenzliste */

    h3.line { border-bottom:1px solid #E4E4E4; padding:0 0 4px 0; margin:0 0 8px 0; }
    
    .ref { border-bottom:1px solid #E4E4E4; padding-bottom:8px; margin-bottom:16px; }
    .ref .img { float:right; }
    .ref p { margin:0 0 5px 0; padding:0; }


    .cust { border-bottom:1px solid #E4E4E4; padding-bottom:8px; margin-bottom:8px; }
    .cust strong { font-weight:bold; display:block; }
    .cust img { float:right; }
    
    
    .localNav { width:540px; height:14px; float:left; }
    .localNav div.back { float:left; }
    .localNav div.next { float:right; }
    div.top { float:left; margin-left:10px; padding-left:13px; background:url(/Content.Node/images/general/arrow_top.gif) no-repeat 0 2px;}
#centerCol td{font-size:100%;color:rgb(75, 87, 92);font-weight:normal;text-decoration:none}
#centerCol th{font-size:0.8em;color:rgb(75, 87, 92);font-weight:bold;text-decoration:none}
#centerCol td.maintxt{font-size:1em;color:rgb(75, 87, 92);text-decoration:none}
#centerCol th.teaser,#centerCol td.teaser {font-size:1em;color:rgb(75, 87, 92);text-decoration:none;margin:10px;padding:0px;background-color:#F0F0F0;}
#centerCol caption{display:none;}
#centerCol td.trenner { border-bottom:1px solid #E4E4E4; padding-bottom:8px; margin-bottom:16px; }
fieldset{border:0px;}