/*

GLOBALGAP - Stylesheet
Autor: Carsten Peters
Version: 07.04.2011

*/


/* body
---------------------------------------------------------------------------*/

* { padding: 0; margin: 0; } 
body { font: 62.5%/1.86em Verdana, Arial, Helvetica, sans-serif; color: #000; }


/* links 
---------------------------------------------------------------------------*/

:link, :visited, :hover, :active, :focus { text-decoration: none; }
a, a:link, a:visited { text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: none; }
    a img, :link img, :visited img, :hover img, :active img { border: none; }

        
/* paragraphs 
---------------------------------------------------------------------------*/

p, pre { margin: 0 0 10px 0; }
em, address { font-style: italic; }


/* listen 
---------------------------------------------------------------------------*/

ul, li { list-style: none; }

    

/* misc 
---------------------------------------------------------------------------*/

abbr, acronym { border-bottom: 1px dotted #000; cursor: help; }

.text_important { color: #00a513; }

/* Skiplinks */
#skip { margin: 0; }
#skip1 a,
#skip2 a { color: #000; position: absolute; z-index: 2; width: 11em; overflow: hidden; top: -100px; left: -1000px; } 
#skip1 a:focus,
#skip2 a:focus { color: #000; background: #eee; top: 25px; left: 270px; }

.none,
#date,
#footer p { display: none; }
.clear { clear: both, height: 0; line-height: 0; }

.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 */

/* headlines 
---------------------------------------------------------------------------*/

h2, h3, h4, h5, h6 { color: #00a513; font-size: 1.9em; font-weight: normal; }
h2 { font-family: "Futura Bold BT", Arial, Helvetica, sans-serif; line-height: 1.2em; margin: -30px 0 10px 0; position: relative; }
#list1 h2 { margin: 35px 0 -10px 0; position: relative; }
#start-neu #content h2 { margin: 0; position: relative; padding: 0 0 15px 0; border-bottom: 1px solid #00A513; }
h3 { margin: 20px 0 10px 0; border-bottom: 1px solid #00a513; font: 1.4em Arial, Helvetica, sans-serif; font-weight: bold; }
h4 { font-size: 1.2em; margin: 15px 0 10px 0; font-weight: bold; }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }


/* container 
---------------------------------------------------------------------------*/

#container { width: 956px; margin: 0 auto; font-size: 1.1em; background: #fff url(../upload/css_img/bg_body.gif) repeat-y scroll center; }
.zweispalt #container { background-image: url(../upload/css_img/bg_body_zweispalt.gif); }
#wrapper { float: left; width: 100% }
#header { position: relative; }
#content { margin: 0 240px; padding: 0 25px; }
#start-neu #content { margin: -110px 240px 0 240px; }
.zweispalt #content { margin: 0 0 0 240px; padding: 0 25px; }
#extra { float: left; width: 240px; margin-left: -240px; }
#navigation { float: left; width: 240px; margin-left: -955px; }
#footer { clear: both; width: 100%; }


/* header 
---------------------------------------------------------------------------*/

#header { position: relative; height: 270px; background-image: url(../upload/css_img/head_index.jpg); background-repeat: no-repeat; background-position: top center; }
#start-neu #header { background-image: url(../upload/css_img/head_index_2.jpg); }
#about #header { background-image: url(../upload/css_img/head_about_3.jpg); }
#about2 #header { background-image: url(../upload/css_img/head_about.jpg); }
#about3 #header { background-image: url(../upload/css_img/head_about_3.jpg); }
#standard #header { background-image: url(../upload/css_img/head_standard.jpg); }
#standard2 #header { background-image: url(../upload/css_img/head_standard.jpg); }
#standard3 #header { background-image: url(../upload/css_img/head_standard_2.jpg); }
#member #header { background-image: url(../upload/css_img/head_member.jpg); }
#member2 #header { background-image: url(../upload/css_img/head_member.jpg); }
#member3 #header,
#member #header { background-image: url(../upload/css_img/head_member.jpg); }
#service #header { background-image: url(../upload/css_img/head_service_2.jpg); }
#service2 #header { background-image: url(../upload/css_img/head_service.jpg); }
#service3 #header { background-image: url(../upload/css_img/head_service_2.jpg); }
#recource #header { background-image: url(../upload/css_img/head_about.jpg); }
#recource2 #header { background-image: url(../upload/css_img/head_recource_2.jpg); }
#recource3 #header { background-image: url(../upload/css_img/head_recource_3.jpg); }
#press #header { background-image: url(../upload/css_img/head_press.jpg); }
    #header h1 a, 
    #header h1 a:link, 
    #header h1 a:visited, 
    #header h1 a:hover, 
    #header h1 a:active, 
    #header h1 a:focus { float: left; text-indent: -9999px; display: block; background: url(../upload/css_img/logo.gif) no-repeat; margin: 25px 0 0 22px; height: 27px; width: 232px; outline: none; }  

    #header_img { margin: 80px 0 0 -230px; }


/* hilfsnavigation 
---------------------------------------------------------------------------*/

#hilfsnavi { float: right; display: inline; margin: 20px 20px 0 0; }
    #hilfsnavi li { float: left; display: inline; }
        #hilfsnavi li a { float: left; background: url(../upload/css_img/dotline_navi.gif) no-repeat right center; padding: 0 10px; line-height: 20px; height: 20px; color: #000; display: block; text-align: center; }
        #hilfsnavi li a#id_52 { background: none; }
        #hilfsnavi li a#id_177 { position: absolute; top: 48px; right: 10px; text-indent: -9999px; display: block; background: url(../upload/css_img/logo_na.gif) no-repeat; width: 260px; height: 20px; }     
        #hilfsnavi li a:hover,
        #hilfsnavi li a:active,
        #hilfsnavi li a:focus,
        #hilfsnavi li a.current { color: #089046; }


/* content 
---------------------------------------------------------------------------*/

    #content a,
    #content a:link,
    #content a:visited { color: #00a513; border-bottom: 1px dotted #00a513;  }
    #content a:hover,
    #content a:active,
    #content a:focus { color: #005F0B; border-bottom: 1px solid #005F0B; }
    #content h3 a:link,
    #content h3 a:visited { border-bottom: none; }
    #content img { border: 1px solid #ccc; padding: 4px; background: #fff; margin: 0; }
    #content img.image_rechts { float: right; display: inline; background: #fff; margin: 5px 0 0 10px; }
    #content img.image_links { float: left; display: inline; background: #fff; margin: 5px 10px 0 0; }
    #content img#graph { border: 0; padding: 0 0 0 0; }
    #content ul { padding: 0 0 10px 8px; }
    #content ol { padding: 0 0 10px 16px; }
    #content ul li { padding: 2px 0 2px 10px; background: url(../upload/css_img/li_dot.gif) no-repeat 0 9px; }
    #content ol li { margin: 2px 0 2px 10px; list-style-type: decimal; }
    #content #print_tell { margin: 15px 0 0 0; }
    #content p a.print,
    #content p a.friend,
    #content p a.download { border-bottom: none; }
    #content p a:hover.print,
    #content p a:active.print,
    #content p a:focus.print,
    #content p a:hover.friend,
    #content p a:active.friend,
    #content p a:focus.friend,
    #content p a:hover.download,
    #content p a:active.download,
    #content p a:focus.download { color: #060 } 
    #content p a.print { background: url(../upload/css_img/icon_print.gif) no-repeat left center; padding: 2px 20px; }
    #content p a.friend { background: url(../upload/css_img/icon_friend.gif) no-repeat left center; padding: 2px 20px; }
    #content p a.download { background: url(../upload/css_img/icon_scheme.gif) no-repeat left center; padding: 2px 0 2px 20px; }

#start-neu #content #video { position: relative; padding: 10px 10px 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #00A513; }

    #content #tablelang { margin: 0 0 10px 0; }
    #content #list1 h3 { cursor: pointer; background: url(../upload/css_img/icon_open.gif) no-repeat left center; padding: 2px 20px; }
    #content #list1 h3.open { background: url(../upload/css_img/icon_selected.gif) no-repeat left center; }
    #content table { border-bottom: 1px solid #00a513; margin: 20px 0; width: 100%; border-collapse: collapse; }
    #content table th { background: url(../upload/css_img/bg_th.jpg) repeat-x 50% 50%; color: #fff; font-weight: bold; padding: 0 7px; margin: 20px 0 0; text-align: left; }
    #content table tr {  }
    #content table th,
    #content table td { color: #666; text-align: left; line-height: 1.4em; padding: 10px 7px; border-top: 1px solid #00a513; }
    #content table a:link,
    #content table a:visited { border-bottom: none; }
    #content table a:hover,
    #content table a:active,
    #content table a:focus { color: #060; border-bottom: none; }    
    #content table th.scheme { background: none; }
    #content table th a { font-weight: bold; background: url(../upload/css_img/icon_go.gif) no-repeat left 1px; padding: 2px 0 2px 18px; }
    #content table th.row a { background: none; }
    #content table th.row img { border: none; margin: 0 0 -3px 0; }

    #content #calendar-detail table,
    #content #calendar-detail table tr,
    #content #calendar-detail table th,
    #content #calendar-detail table td,
    #content #calendar-detail table img { border: none; }

    #content table#membercountries td { vertical-align: top; }

    #content #standard_table { border-bottom: none; margin: 20px 0; width: 403px; }
    #content #standard_table.fr,
    #content #standard_table.es,
    #content #standard_table.pt { width: 444px; }
    #content #standard_table.de { width: 454px; }
    #content #standard_table td { font: bold 11px Arial, Helvetica, sans-serif; line-height: 1em; padding: 0 0 0 10px; color: #000; border-top: none; }
    #content #standard_table td a { color: #000; border-bottom: none; }
    #content #standard_table td a:hover { border-bottom: 1px solid #000; }
    #content #standard_table img { border: none; padding: 0; }
    #content #standard_table td.ifa { padding: 0; }
    #content #standard_table td.dev { padding: 0; text-align: right; }
    #content #standard_table.new { width: 666px; }
    #content #standard_table.new td { font: bold 10px Arial, Helvetica, sans-serif; text-align: center; padding: 0; }

#standard-V4 #tablelang { display: none; }

img#ifa { position: relative; }
#ifa_links { width: 666px; height: 686px; text-transform: uppercase; display: block; position: relative; background: url(../upload/The_Standard/ifa_neu.gif) no-repeat; }
#content #ifa_links li { font: bold 10px Arial, Helvetica, sans-serif; letter-spacing: -0.02em; position: absolute; list-style: none; text-align: center; display: table; padding: 0; margin: 0; background: none; }
#content #ifa_links li a, #ifa_links li b, #ifa_links li strong { vertical-align: middle; display: table-cell; color: #000; border: none; }
#ifa_links li a:hover {	border: none; }
#ifa_links span { display: none; }
#risk { width: 24px; height: 485px; }
#risk a { width: 24px; height: 485px; text-indent: -9999px; background: url(../upload/The_Standard/risk_ass_en.gif) no-repeat; }
#tr strong { display: block; width: 36px; height: 192px; text-indent: -9999px; background: url(../upload/The_Standard/transport_en.gif) no-repeat; }
#fv, #cc, #co, #te, #fo, #pg, #py, #ty, #fv a, #cc a, #co a, #te a, #fo a, #pg a, #py a, #ty a { width: 264px; height: 36px; }
#cs, #cs a { width: 143px; height: 23px; }
#dy, #cyb, #dy a, #cyb a { width: 143px; height: 23px; }
#fin, #fin a,
#moll, #moll a,
#crus, #crus a { width: 263px; height: 23px; }
#pm, #pm a, #cfm, #cfm a { width: 374px; height: 40px; }
#ab, #ab strong, #ab b { width: 374px; height: 68px; }
#cb, #cb b, #cb strong { width: 98px; height: 190px; }
#lb, #lb b, #lb strong { width: 98px; height: 190px; }
#af, #af b, #af strong { width: 88px; height: 482px; }
#rb, #rb strong { width: 115px; height: 73px; }
#fin { top: 478px; left: 268px; }
#moll { top: 503px; left: 268px; }
#crus { top: 527px; left: 268px; }
#risk { top: 62px; left: 17px; }
#pm { left: 156px; top: 12px; }
#af { top: 64px; left: 51px; }
#cb { top: 63px; left: 156px; }
#fv { top: 62px; left: 266px; }
#cc { top: 101px; left: 266px; }
#co { top: 140px; left: 266px; }
#te { top: 179px; left: 266px; }
#fo { top: 218px; left: 266px; }
#tr { top: 277px; left: 541px; }
#lb { top: 279px; left: 157px; }
#rb { top: 278px; left: 267px; }
#cs { top: 278px; left: 387px; }
#dy { top: 304px; left: 387px; }
#cyb { top: 329px; left: 387px; }
#pg { top: 355px; left: 266px; }
#py { top: 394px; left: 266px; }
#ty { top: 434px; left: 266px; }
#ab { top: 478px; left: 157px; }
#cfm { top: 558px; left: 156px; }
#l_os { top: 639px; left: 90px; }
#l_s { top: 626px; left: 339px; }
#l_cs { top: 655px; left: 339px; }
#l_ls { top: 625px; left: 539px; }
#l_as { top: 656px; left: 539px; }

#transport_links { width: 666px; height: 448px; position: relative; background: url(../upload/The_Standard/standards-transport_en.gif) no-repeat; }
#content #transport_links li { background: none; }
#content #transport_links a { border: none; position: absolute; list-style: none; display: block; text-indent: -9999em; width: 90px; height: 419px; }
#content #transport_links a:hover { border: none; }
#ifa a { left: 13px; top: 15px; }
#cfm a { left: 151px; top: 15px; }
#at a { left: 287px; top: 15px; }
#ppm a { left: 425px; top: 15px; }
#grasp a { left: 562px; top: 15px; }


/* form
---------------------------------------------------------------------------*/

    form dt { float: left; width: 7em; } 
    form dd { margin: 5px; }
    form select { min-width: 150px; }

    #kontaktform { margin: 10px 0 30px 0; position: relative; }    
    #kontaktform input,
    #kontaktform textarea { margin: 2px; width: 450px; }
    #kontaktform dt { float: left; width: 13em; } 
    #kontaktform dd { margin: 10px; }  
    #kontaktform input { width: 450px; } 
    #kontaktform input:focus,
    #kontaktform textarea:focus { margin: 2px; background: #eee;}  
    #kontaktform p { margin: 0 0 0 12em; }
    #kontaktform p input { width: 150px; height: 30px; font-size: 1.1em; }
    #kontaktform p input:hover { background: #eee; }
    #kontaktform textarea { width: 450px; height: 150px; }

    .searchterm { width: 143px; margin: 15px 0 0 50px; border: 1px solid #666; }
    .suchen { margin: 3px 0 0 50px; }
    



/* navi 
---------------------------------------------------------------------------*/

#navigation ul#navi-list { margin: 10px 0 0 10px; }
    #navigation ul#navi-list li { background: url(../upload/css_img/dotline_hauptnavi.gif) no-repeat 0% 100%; }
    #navigation ul#navi-list li a { padding: 0 0 0 20px; font-size: 1.2em; display: block; height: 30px; line-height: 30px; background-repeat: no-repeat; background-position: 0 0; outline: none; }
    #navigation ul#navi-list li a:link,
    #navigation ul#navi-list li a:visited { color: #666; }
    #navigation ul#navi-list li a:hover,
    #navigation ul#navi-list li a:active,
    #navigation ul#navi-list li a:focus,
    #navigation ul#navi-list li a.current { color: #666; font-weight: bold; background-position: -230px 0; }
    #navigation ul#navi-list li a#id_3 { background-position: 0 -30px; }
    #navigation ul#navi-list li a#id_4 { background-position: 0 -60px; }
    #navigation ul#navi-list li a#id_5 { background-position: 0 -90px; }
    #navigation ul#navi-list li a#id_6 { background-position: 0 -120px; }
    #navigation ul#navi-list li a#id_7 { background-position: 0 -150px; }
    #navigation ul#navi-list li a:hover#id_3,
    #navigation ul#navi-list li a:active#id_3,
    #navigation ul#navi-list li a:focus#id_3,
    #navigation ul#navi-list li a.current#id_3 { background-position: -230px -30px; }
    #navigation ul#navi-list li a:hover#id_4,
    #navigation ul#navi-list li a:active#id_4,
    #navigation ul#navi-list li a:focus#id_4,
    #navigation ul#navi-list li a.current#id_4 { background-position: -230px -60px; }
    #navigation ul#navi-list li a:hover#id_5,
    #navigation ul#navi-list li a:active#id_5,
    #navigation ul#navi-list li a:focus#id_5,
    #navigation ul#navi-list li a.current#id_5 { background-position: -230px -90px; }
    #navigation ul#navi-list li a:hover#id_6,
    #navigation ul#navi-list li a:active#id_6,
    #navigation ul#navi-list li a:focus#id_6,
    #navigation ul#navi-list li a.current#id_6 { background-position: -230px -120px; }
    #navigation ul#navi-list li a:hover#id_7,
    #navigation ul#navi-list li a:active#id_7,
    #navigation ul#navi-list li a:focus#id_7,
    #navigation ul#navi-list li a.current#id_7 { background-position: -230px -150px; }
        #navigation ul#navi-list ul { margin: 0; padding: 0 0 10px 0; }
        #navigation ul#navi-list ul li { background: none; }
        #navigation ul#navi-list ul a { font-size: 0.89em; display: block; height: auto; line-height: 1.4em; padding: 4px 2px 4px 12px; margin: 0 0 0 10px; text-indent: 0; background: url(../upload/css_img/navi_dot.gif) no-repeat 3px 50%; }
        #navigation ul#navi-list ul a:link,
        #navigation ul#navi-list ul a:visited { }
        #navigation ul#navi-list ul a:hover,
        #navigation ul#navi-list ul a:active,
        #navigation ul#navi-list ul a:focus,
        #navigation ul#navi-list ul a.subcurrent,
        #navigation ul#navi-list ul a:hover.subcurrent { font-weight: bold; background: url(../upload/css_img/navi_current.gif) no-repeat 3px 50%; }
            #navigation ul#navi-list ul ul { margin: 0; padding: 0; }
            #navigation ul#navi-list ul ul li { background: none; }
            #navigation ul#navi-list ul ul a { margin: 0 0 0 20px; background: url(../upload/css_img/navi_dot.gif) no-repeat 3px 50%; }
            #navigation ul#navi-list ul ul a:link,
            #navigation ul#navi-list ul ul a:visited { }
            #navigation ul#navi-list ul ul a:hover,
            #navigation ul#navi-list ul ul a:active,
            #navigation ul#navi-list ul ul a:focus,
            #navigation ul#navi-list ul ul a.sub_subcurrent,
            #navigation ul#navi-list ul ul a:hover.sub_subcurrent { font-weight: bold; background: url(../upload/css_img/navi_current.gif) no-repeat 3px 50%; }

    #navigation #lang { width: 150px; margin: 25px 0 0 50px; }

#navigation #news_box { margin: 30px 0 0 13px; }
#navigation #news_box h2 { margin: 0 0 5px 0; padding: 3px 0 5px 35px; font: 1.2em verdana, arial, helvetica, sans-serif; font-weight: bold; background: url(../upload/css_img/banner.gif) no-repeat top center; color: #666; }
#navigation #news_box ul { background: url(../upload/css_img/banner.gif) no-repeat bottom center; padding: 5px 25px; margin: -5px 0 0 0; }
#navigation #news_box ul li { padding: 2px 0 2px 10px; width: 165px }
#navigation #news_box ul li h3 { margin: 0 0 5px 0; border: none; color: #000; font-size: 1.1em; line-height: 1.5em; font-weight: bold; }
#navigation #news_box a { background: none; }
#navigation #news_box a:link,
#navigation #news_box a:visited { color: #00a513; border-bottom: 1px dotted #00a513;  }
#navigation #news_box a:hover,
#navigation #news_box a:active,
#navigation #news_box a:focus { color: #005F0B; border-bottom: 1px solid #005F0B; }



/* extra 
---------------------------------------------------------------------------*/

#start-neu #extra { margin-top: -85px; position: relative; z-index: 20; }
#extra p a,
#extra p a:link,
#extra p a:visited { color: #00a513; border-bottom: 1px dotted #00a513;  }
#extra p a:hover,
#extra p a:active,
#extra p a:focus { color: #fff; background: #00a513; border-bottom: 1px dotted #090; }
#extra p a.ohne { border-bottom: none; }
#extra h2 { font-size: 1.4em; color: #666; padding: 0 25px; }
#extra h3 { font-size: 1.1em; font-weight: bold; line-height: 1.5em; margin: 0 0 5px 0; padding: 0 25px; font-variant: normal; border-bottom: none; }
#extra h3 a { color: #000; }
#extra p { padding: 0 25px; }
#extra a.more { margin: 0 0 10px 0; }

#extra #quick_link { margin: 0 7px 0 0; }
#extra #quick_link h3 { background: url(../upload/css_img/banner.gif) no-repeat top center; text-align: center; color: #666; font-size: 1.4em; }
#extra #quick_link ul { background: url(../upload/css_img/banner.gif) no-repeat bottom center; padding: 10px 36px; margin: -5px 0 0 0; }
#extra #quick_link ul li { padding: 2px 0 2px 10px; background: url(../upload/css_img/li_dot.gif) no-repeat 0 9px; }
#extra #quick_link a:link,
#extra #quick_link a:visited { color: #00a513; border-bottom: 1px dotted #00a513;  }
#extra #quick_link a:hover,
#extra #quick_link a:active,
#extra #quick_link a:focus { color: #005F0B; border-bottom: 1px solid #005F0B; }
#extra h3.summit_ani { margin: 0 0 5px 0; }
#extra p.summit_ani { text-align: center; }



/* footer 
---------------------------------------------------------------------------*/

/* footerStickAlt
   http://www.themaninblue.com/writing/perspective/2005/08/29/ */

html { height: 100%; }
body { height: 100%; }
#container { position: relative; min-height: 100%; }
* html #container { height: 100%; }
#footer { clear: both; position: relative; margin-top: -7.5em; }



/* Iconize 0.3 
---------------------------------------------------------------------------*/


/* extensions */

a[href$='.doc'], a[href$='.rtf'] { 
    padding: 5px 0 5px 20px;
    background: transparent url(../upload/icons/icon_doc.gif) no-repeat 0 4px;
}

a[href$='.xls'] {
    padding: 5px 0 5px 20px;
    background: transparent url(../upload/icons/icon_xls.gif) no-repeat 0 4px;
}

a[href$='.pps'] { 
    padding: 5px 0 5px 20px;
    background: transparent url(../upload/icons/icon_pps.gif) no-repeat 0 4px;
}

a[href$='.pdf'] { 
    padding: 5px 0 5px 20px;
    background: transparent url(../upload/icons/icon_pdf.gif) no-repeat 0 4px;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
    padding: 5px 0 5px 20px;
    background: transparent url(../upload/icons/icon_archive.gif) no-repeat 0 4px;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
    padding: 5px 0 5px 20px;
    background: transparent url(../upload/icons/icon_film.gif) no-repeat 0 4px;
}

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
    padding: 5px 0 5px 20px;
    background: transparent url(../upload/icons/icon_music.gif) no-repeat center right;
}


/* email */
a[href ^="mailto:"] {
    padding: 5px 0 5px 20px;
    background: transparent url(../upload/icons/icon_mailto.gif) no-repeat center left;
}

/* making sure images don't get icons */

.imageLink {
    padding-right: 0px !important;
    background: none !important;
}
