@CHARSET "ISO-8859-1";


/*	----------			STANDARD ITEMS			--------	*/		

	html, body{
		background: #ffffff url('../_img/page_bg.jpg') top left repeat-x;
		height: 100.4%; width: 100%;
		margin: 0px; 
		padding: 0px;
		font-family: verdana;
		
	}

	div{
		margin: 0px; padding: 0px;
		border: none;
	}
	
	li{
		
		font-size: 11px;
		line-height: 18px;
	}


    h1{
		margin:0 0 18px;
        color:#2d7ea1;
 		font-family: verdana;
		font-size:1.2em;
		letter-spacing: -0.5px;
		font-weight:normal;
	}

     
	h2{
		font-size:23px;
		font-weight:normal;
		letter-spacing: 0.1px;
		margin-top:0;
		margin-bottom:0px;
	}
	
	h3 {

     	font-size: 11px;
    }

    h4 {
        color:#2D7EA1;
        font-family:verdana;
        font-size:1.2em;
        font-weight:normal;
        letter-spacing:-0.5px;
        margin:  28px 0 0 0;       
    }

	
	p {
		margin:25 0 0px;
		font-size: 11px;
		line-height: 14px;
    }

    img { 
        border: none;     
    }


/*	----------			LAYOUT SECTION			--------	*/		

	#bottom_bg{
		width: 100%;
		background: url('../_img/bottom_bg.jpg') repeat-x bottom left;
	}
	
	#page_wrapper{
		min-height: 763px;
		height: auto !important; 
		height: 763px;
		min-width: 1052px;
		width: auto !important;
		width: 1052px;
	}
	
	#header{
		height: 97px; width: 1010px;
		padding-left: 42px;
	}
	
	#header div.logo{
		height: 97px; width:133px;
		background: url('../_img/graef_logo.jpg') no-repeat bottom left;
		float:left
	}

	#content_wrapper{
		overflow: hidden;
	}
	
	#left_shadow{
		width: 18px; height: 469px;
		background: url('../_img/content_shadow_left.jpg') no-repeat top left;
		float: left;
		margin: 256px 0px 0px 26px;
	}
	
	#left_wrapper{
		padding-top: 7px;
		width: 664px;
		float:left;
	}
	
	div.content_wrapper{
		min-height: 690px;
		height: auto !important;
		height: 690px;
		background: #ffffff;  
	}
	
	div.content_wrapper object{
		/* height: 317px; */
	}
	
	#content_flash_img {
		margin-top: -30px;
		overflow:hidden;
		padding:0 26px 10px;
		position:relative;
		z-index:100;
	}
	
	#content_flash_img embed{
		float: left;
	}
	
	#content {
		background: url('../_img/content_bg.jpg') top left no-repeat;
		padding: 317px 20px 0;
		overflow: hidden;
	}
		
	#about_us{
		background: #ffffff;
		height: 40px;
		padding: 0 28px 0px 28px;
	}
	
	#about_us img.uber_uns{
		float:right;
		border: none;
	}
	
	#about_us img.bottom_line{
		float:left;
	}
	
	#right_wrapper {
		width: 296px;
		float: left;
	}
	
	#side_bar1{
		height: 191px;
		padding:65px 0 0 22px;
	}
	
	#side_bar1 div.teaser{
		height: 156px; width: 246px;
		overflow: hidden;
	}
	
	#side_bar1 div.sectiontext p{
		color: #006f9f;
		width: 225px;
		padding-right: 0px;
		margin-bottom: 20px;
	}
	
	#side_bar1 div.sectiontext h6{
		color: #ffffff;
		width:245px;
		text-align: right;
		font-weight: normal;
		font-style: italic;
		margin:20px 0 0;
	}
	
	#news_teaser{
		height:auto;
		background: url('../_img/right_news_bg.jpg') top left repeat-x;
		padding: 30px 0 0 22px;
	}
	
	#news_teaser div.sidebar{
		height:370px;
		width: 256px;
		overflow: hidden;
		padding-bottom: 72px;
	}

	#right_shadow{
		width: 24px; height: 469px;
		background: url('../_img/content_shadow_right.jpg') no-repeat top left;
		float: left;
		margin: 256px 0px 0px 0px;
	}
	
	#footer{
		height:40px;
		margin-left:44px;
		text-align: left;
		width:664px;
	}
	
	#footer p{
		line-height: 40px;
		color: #ffffff;
		margin: 0 26px; padding: 0;
	}
	
	#footer a{
		text-decoration: none;
		color:#006F9F; 
	}
	
	#bottom_margin{
		width: 100%; height: 90px;
		background: url('../_img/bottom_margin_bg.jpg') repeat-x top left;
	}
	


/*	----------		NAVI SECTION			--------	*/	

	#nav{
		position:absolute;
		z-index: 100;
		left: 210px;
		top: 69px;
		min-width: 800px; width: auto!important; width: 800px;      
	}
	
	#nav ul {
		list-style: none;
		margin: 0px;
	}

    #nav li{
		background: none;
		float:left;
		width: 96px; 

		text-align: left;
	}

	#nav ul li{
		background: none;
		float:left;
*/		width: 96px; */
		overflow: hidden;
		text-align: center;
	}
	
	#nav ul li.sfhover, #nav ul li.active{
		background: url('../_img/main_nav_tab.jpg') no-repeat;  
	}
	
	#nav ul ul li.sfhover{
    }
	
	#nav ul li a {
		line-height: 28px;
		font-size: 11px;
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
		letter-spacing:-0.8px;
		margin-right: 5px;
	}
	
	#nav ul ul li a{
		color: #000000;
        padding-left: 6px;
	}
		
	#nav ul ul{
		padding: 7px 0 0;
		display: none;
	}
	
	#nav ul li.active ul{
		display: block;
	}
	
	#nav ul li.active ul li a{
		display: block;
	}
	
	#nav ul li.active ul li:hover, 
	#nav ul li.active ul li a:hover,
	#nav ul li.active ul li.active a {
		color: #069FbF;
	}
		
	#nav ul ul li, #nav ul ul li.sfhover{
		float: none;
		background: url('../_img/sub_nav_middle_bg.gif') repeat-y top left;
		height: 24px;        
	}

	#nav ul ul li.first{
		background: #ffffff url('../_img/sub_nav_top_bg.gif') no-repeat top left;
	}
		
	#nav ul ul li.last{
		height: 26px;
		padding: 0px;
		background: url('../__img/sub_nav_btm_bg.gif') no-repeat bottom left;	
	}



/*	----------			SUB-NAV LAYOUT CONTACT			--------	*/		

	#nav ul ul li .s153,
	#nav ul ul li .s139, 
	#nav ul ul li .s141,
	#nav ul ul li .s143 { 
		width: 227px;
		text-align: left;
		background: #222222; 
		padding-left: 20px;
		background: #ffffff url('../_img/sub_nav_middle_bg.gif') repeat-y top right;
		height: 24px;
  
    }


    #nav ul ul li .s153 { 
		background: #ffffff url('../_img/sub_nav_top_bg.gif') no-repeat top right;
   
    }

    #nav ul ul li .s152 { 
		height: 26px;
		background: url('../_img/sub_nav_btm_bg2.gif') no-repeat bottom right;	
		width: 227px;
		text-align: left;
		padding-left: 20px;
    }



/*	----------			SUB-NAV LAYOUT PRODUCTS			--------	*/
	
    #nav ul ul li .s109,
    #nav ul ul li .s111,
    #nav ul ul li .s112, 
    #nav ul ul li .s113,
    #nav ul ul li .s114,
    #nav ul ul li .s115,
    #nav ul ul li .s116,
    #nav ul ul li .s155 { 

		width: 90px;
		text-align: left;
		background: #222222; 
		padding-left: 19px;
		background: #ffffff url('../_img/sub_nav_middle_bg.gif') repeat-y top right;
		height: 24px;
  
    }

    #nav ul ul li .s109 { 
		background: #ffffff url('../_img/sub_nav_top_bg.gif') no-repeat top right;
    }

    #nav ul ul li .s164 { 
		height: 26px;
		background: url('../_img/sub_nav_btm_bg_produkte.gif') no-repeat bottom right;	
		width: 90px;
		text-align: left;
		padding-left: 19px;
    }



/*	----------			SUB-NAV LAYOUT COMPANY			--------	*/

    #nav ul ul li .s97,
    #nav ul ul li .s119 { 

		width: 95px;
		text-align: left;
		background: #222222; 
		padding-left: 9px;
		background: #ffffff url('../_img/sub_nav_middle_bg.gif') repeat-y top right;
		height: 24px;
    }
 
    #nav ul ul li .s109 { 
		background: #ffffff url('../_img/sub_nav_top_bg.gif') no-repeat top right;
    }


    #nav ul ul li .s120 { 
		height: 26px;
		background: url('../_img/sub_nav_btm_bg_company.gif') no-repeat bottom left;	
		width: 97px;
		text-align: left;
		text-indent: 3px;
    }




/*	----------			SUB-NAV LAYOUT SOCIALLY			--------	*/

    .s138 { 
		text-align: left;
		text-indent: 12px;
		margin-left: -34px;
		width: 120px;
		background: url('../_img/sub_nav_btm_bg_socially.gif') no-repeat bottom right;	
		height: 24px;
    }

    #nav ul ul li .s138 { 
		height: 26px;
    } 



/*	----------			TEXT BILD MODULE			--------	*/

	#content div.sectiontext p{
		margin-bottom: 15px;
	}

	div.section-txtpic {
		margin: 0 0 0px 0;
		clear:both;
		float:left;
		width:100%;
	}
	
	
	div.section-txtpic div.sectiontext {
		clear:both;
	}

	div.section-txtpic.re div.sectiontext,
	div.section-txtpic.li div.sectiontext {
		clear:none;
	
	}
	
	div.section-txtpic div.sectiontext img {
		margin: 3px 15px 15px 0;
		float:left;
	}
	    
	div.section-txtpic p.pic {
		margin: 3px 0 8px 0;
		display:inline;
		float:left;
		width: 100%;
		text-align:center;
	}

	div.section-txtpic.re p.pic {
		margin: 3px 45px 15px 20px;
		width: auto;
		float: right;
		clear:both;
	}

	div.section-txtpic.li p.pic {
		margin: 3px 20px 15px 0;
		width: auto;
		float: left;
		clear:both;
	}

	span.picsub {
		font-size: 0.85em;
		line-height:1.2em;
		margin:4px 0;
		padding-bottom:4px;
		display:block;
	}
	
    div.sectiontext a {
		background:transparent url(../_img/lico_link_ext.gif) no-repeat scroll 0 1px;
		padding:0 0 2px 15px;
		color:#2D7EA1;
		text-decoration: none;
    }

    ul {
		padding: 0 0 0 14px; 
	}
	

	/* fuer 2-spaltige Darstellung */
	
	div.section-txtpic.col-li,
	div.section-txtpic.col-re {
		float:left;
		clear:none;
		width:49%;
	}

	div.section-txtpic.col-re {
		float:right;
		margin-left:2%; /* fuer FF3, Safari */
	}
	
	div.section-txtpic650 {
		float:left;
		clear:both;
		width:100%;
		margin: 0 0 6px 0;
	}

	div.section-txtpic650 div.sectiontext {
		/*width:270px;*/
		width: 27.5%;
		float:left;
	}
	
	div.section-txtpic650 p.pic {
		margin: 0 0 6px 20px;
		float:right;
		width:650px;
		overflow:hidden;
	}
	
	div.section-txtpic.half {
		clear: none;
		float: left;
		width: 305px;
        margin: 15px 0 0 0;
	}



/*	----------			START - NEWSTEASER SECTION			--------	*/

    div.teaser{
		width: 100%;
		margin-bottom: 20px;
	}
	#news_teaser div.section-txtpic{
		margin-bottom: 3px;
	}
	
	#news_teaser div.sectiontext{
		
	}
	
	#news_teaser h2{
		margin: 0 0 12px;
		font-size:1.3em;
	}
	
	#news_teaser div.sectiontext h2,
	#news_teaser p.date  {
		color:#000000;
		font-size:0.92em;
		font-weight:bold;
		letter-spacing:-0.5px;
		margin:0;
	}
	
	#news_teaser a.weiterlesen{
	}
	
	#news_teaser div.sectiontext p{
		margin: 10px 0 0;
	}
	
	#news_teaser div.teaser p.pic{
	}
	
	#news_teaser div.teaser p.pic img {
		width: 145px;
	}
	
	#news_teaser hr.teaser_top, #news_teaser hr.teaser_bottom{
		display: none;
	}
		
	hr.clear {
		width: 100%;
		margin: 0px; padding: 0px;
		visibility: hidden;
		clear: both;
	}
	
	.weiterlesen{
		width:100%;
	}
	
	.image_btn {
		border: none;
		margin-top: 5px;
	}
	
	
/* remove the horizontal line in the bild / text module */



/*	----------				MODUL 03 - Kontaktformular (XForms)			--------	*/

    div#form-module, div#form-module-to {
		width: auto;
		margin: 0px 28px 0 0; 
    }

    #form-module fieldset{
		float: left;
		border: none;
		/* margin: 0px auto; */
		padding: 0;
		margin: 15px 0 26px 0px;
		width:430px;
    }

    #form-module p.formtext, 
    #form-module p.formtextarea,
    #form-module p.formsubmit {
		margin:0 0 8px 0;
    }

    #form-module p.req{
		margin: 0px 0px 0px 0px;
    }

    #form-module p.formsubmit{
		margin-bottom: 0px;
		margin-top:30px;
    }
    
    div.spamfield {
		display:none;
    }

    p.formtextarea textarea {	
		height:12em;
    }

    p.formtext input,
    p.formtextarea textarea  {
		width:78%;
		color:#595B58;
		font-family:Arial,Helvetica,sans-serif;
		font-size:8pt;
		font-weight:500;
    }

    #form_formular label{
		display: block;
		float:left;
		width: 20%;
    }

    p.formsubmit input { 
		width: auto !important;
		font-size:1em;
		float:none;
		background:#006F9F;
		color:#fff;
		font-weight: normal;
		border:none;
		padding:2px 5px;
    }

	ul.form_warning{
		list-style-position:inside;
		margin:0 0 18px;
		padding:0;
    }

	ul.form_warning li{
		color:#006F9F;
		line-height: 14px;
    }

    p.req {
		text-align: right;
		float: right;
		margin-right:4px;
    }

    #branding img {
		margin: 0px 0px 0px 15px;
    }




/*	----------			MODUL 07 - Galerie / Lightbox			--------	*/

    .cssclass {
		background-color:#333222;
    }

    div.galerie-lightbox {
		clear: both;
		margin: 20px 0px 15px;
		padding-top: 3px;
		float: left;
    }

    a.galerie-lightbox img {
		margin: 0px 0px 0px;
		border:none;
    }


/*	----------			MODUL 07 - Galerie / 5 Bilder			--------	*/

    .cg_cont_5 {
		float:left;
		clear:both;
		width: 530px;
		margin-bottom:7px;
    }

    .cg_box1_5, .cg_box2_5, .cg_box3_5, .cg_box4_5, .cg_box5_5 {
		float:left;
		margin-right:7px;
    }

    .cg_box5_5 {
		margin-right:0px;
    }

    .cg_box5_5 {
		float:right;
    }



/*	----------				MODUL 08 -  Download für Dokumente			--------	*/

    .link_icon {
		width: 550px; 
		float: left; 
		display:block; 
		padding-left:20px; 
		background-repeat:no-repeat; 
		background-position:0px 2px;
		text-decoration: none; 
		color:#2D7EA1;
     }

     .ico_pdf { 
		background-image:url(../_img/fico_pdf.gif);
     }

     .ico_xls {
		background-image:url(../_img/fico_xls.gif);
     }

     .ico_doc {
		background-image:url(../_img/fico_doc.gif);
     }

     .ico_zip {
		background-image:url(../_img/fico_zip.gif);
     }

     .ico_jpg, .ico_jpeg {
		background-image:url(../_img/fico_jpg.gif);
     }

     .ico_gif, .tif {
		background-image:url(../_img/fico_pic.gif);
	 }
     
     .ico_def { background-image:url(../_img/fico_def.gif);
     }

     .ico_link_int {
		background-image:url(../_img/lico_link_int.gif);
	 }
    
     .ico_link_ext {
        background-image:url(../_img/lico_link_ext.gif);
     }

    #produkt a { 
		font-size: 16px;
		color:#000000;  
		text-decoration: none;
		font-weight: bold;
		letter-spacing:0.1px;
    }