@charset "utf-8";
/* CSS Document */

/* -------------------------------------
	Index
----------------------------------------
	domain: ghh-valdunes.com
   auhtor: Matthias König
   
   1. Global Tags
   2. Global Classes
   3. Container
   4. Header
   	4.1 Navigation
      4.2 Navigation Additional
      4.3 Sidebar
   5. Headline
   	5.1 Flags
   6. Content
   	6.1 Content Main
      	6.1.1 Spalte Links
         6.1.2 Spalte Rechts
     	6.2 Content Sidebar
   7. Footer
   
----------------------------------------
	Colors
----------------------------------------
   
   Blau				-			#0967a5
   
   Orange			-			#e95d2c
   
----------------------------------------
	1. Global Tags =global-tags
------------------------------------- */

   * {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      }
   
   body {
      font: 62.5%/1.8em Arial, Helvetica, sans-serif;
      color: #515151;
      background: #fff;
      }
   
   p {
      margin: 0 0 1.3em 0;
      }

/* -------------------------------------
	2. Global Classes =global-classes
------------------------------------- */

   div.clear {
      float: none;
      clear: both;
      }
      
   div.trenner {
   	width: 628px;
      height: 20px;
      background: url(../images/bg-trenner.gif) 0 3px repeat-x;
      float: none;
      clear: both;
      }
      
   div.trenner-short {
   	width: 290px;
      height: 20px;
      background: url(../images/bg-trenner.gif) 0 3px repeat-x;
      float: none;
      clear: both;
      }
   
   h1,
   .text-indent {
      text-indent: -9999px;
      overflow: hidden;
      color: #fff;
      font-size: 1px;
      }
   
   h1.branding a {
      display: block;
      width: 340px;
      height: 82px;
      position: absolute;
      top: 165px;
      left: 29px;
      }
      
   h2 {
   	font-size: 1.5em;
      color: #0967a5;
      margin: 0 0 5px 0;
      }
      
   h3 {
   	font-size: 1.4em;
      color: #e95d2c;
      }
      
   h4 {
   	font-size: 1.4em;
      color: #0967a5;
      margin: 0 0 1.2em 0;
      }
   
   .highlight {
      color: #0967a5;
      font-weight: bold;
      }
      
   .italic {
   	font-style: italic;
   	}
   
   .noMargin {
      margin: 0 !important;
      }
     
	div#euroweb {
   	width: 628px !important;
   }
   
   div#euroweb img {
   	float: left;
      margin: 0 15px 0 0;
   }
	
	.download {
		display: block;
		padding: 0 0 0 30px;
		background: url(../images/pdf-thumb.gif) 0 0 no-repeat;
		margin: 0 0 1.2em 0;
		}

/* -------------------------------------
	3. Container =container
------------------------------------- */

   div#container {
      width: 960px;
      margin: 0 auto;
      font-size: 1.2em;
      }

/* -------------------------------------
	4. Header =header
------------------------------------- */

   div#header {
      width: 960px;
      height: 323px;
      background: url(../images/bg-header.jpg) 0 0 no-repeat;
      position: relative;
      }
   
         /* -------------------------------------
            4.1 Navigation =headerNavigation
         ------------------------------------- */
         
            div#headerNavigation {
               width: 678px;
               height: 33px;
               position: absolute;
               top: 50px;
               left: 0;
               }
               
            div#headerNavigation ul {
               list-style: none;
               }
               
            div#headerNavigation ul li {
               float: left;
               }
               
            div#headerNavigation ul li a {
               height: 33px;
               display: block;
               }
					
				div#headerNavigation ul.en li a {
					background: url(../images/bg-navigation.jpg) no-repeat;
               }
					
				div#headerNavigation ul.de li a {
					background: url(../images/de/bg-navigation.jpg) no-repeat;
               }
					
				div#headerNavigation ul.fr li a {
					background: url(../images/bg-navigation-fr.jpg) no-repeat;
               }
				               
         /* -------------------------------------
            4.2 Navigation Additional =headerNavigationAdditional
         ------------------------------------- */
            
            div#headerNavigationAdditional {
               width: 279px;
               height: 234px;
               position: absolute;
               top: 86px;
               left: 681px;
               }
               
            div#headerNavigationAdditional ul {
               list-style: none;
               }
               
            div#headerNavigationAdditional ul li {
               margin: 0 0 3px 0;
               }
               
            div#headerNavigationAdditional ul li.last {
               margin: 0;
               }
               
            div#headerNavigationAdditional ul li a {
               width: 279px;
               height: 30px;
               display: block;
               }
               
            div#headerNavigationAdditional ul li.last a {
               height: 36px;
               }
					
				div#headerNavigationAdditional ul.en li a {
					background: url(../images/bg-navigationAdditional.jpg) no-repeat;
               }
					
				div#headerNavigationAdditional ul.de li a {
					background: url(../images/de/bg-navigationAdditional.jpg) no-repeat;
               }
					
				div#headerNavigationAdditional ul.fr li a {
					background: url(../images/bg-navigationadditional-fr.jpg) no-repeat;
               }
              
         /* -------------------------------------
            4.2 Navigation Subnavi =headerNavigationSubnavi
         ------------------------------------- */
            
            div#headerSubnavi {
               width: 225px;
               position: absolute;
               top: 57px;
               left: 728px;
               font-size: 0.8em;
               }
               
            div#headerSubnavi ul {
            	list-style: none;
            	}
               
            div#headerSubnavi ul li {
            	float: left;
               width: 75px;
            	}
               
            div#headerSubnavi ul li a {
            	color: #515151;
               text-decoration: none;
            	}
               
            div#headerSubnavi ul li a:hover {
               text-decoration: underline;
               }
               
            div#headerSubnavi ul li.active a {
            	color: #0967a5;
               text-decoration: underline;
               }
					
				div#headerSubnavi ul li.active2  {
            	width:85px!important;
               }	
               
/* -------------------------------------
	5. Headline =headline
------------------------------------- */

   div#headline {
      width: 935px;
      height: 78px;
      background: url(../images/bg-headline.jpg) 0 0 no-repeat;
      position: relative;
      padding: 43px 0 0 25px;
      }
      
         /* -------------------------------------
            5.1 Flags =headlineFlags
         ------------------------------------- */
         
            div#headlineFlags {
               width: 148px;
               height: 42px;
               position: absolute;
               top: 41px;
               left: 478px;
               }
               
            div#headlineFlags ul {
            	list-style: none;
            	}
               
            div#headlineFlags ul li {
            	float: left;
               margin: 0 20px 0 0;
               }
               
            div#headlineFlags ul li.last {
            	margin: 0;
               }
               
            div#headlineFlags ul li a {
            	width: 36px;
               height: 42px;
               display: block;
               }
               
/* -------------------------------------
	6. contentContainer
------------------------------------- */

   div#contentContainer {
      width: 935px;
      padding: 0 0 0 25px;
      background: url(../images/bg-contentMain.jpg) 0 bottom no-repeat;
      }
      
   div#contentContainer a {
      color: #515151;
      text-decoration: none;
   }
   
   div#contentContainer a:hover {
      color: #0967a5;
      text-decoration: underline;
   }
      
         /* -------------------------------------
            6.1 contentMain
         ------------------------------------- */
         
            div#contentMain {
               width: 653px;
               float: left;
               }
					
				div#contentMain .img {
            	border: 1px solid #ccc;
               padding: 3px;
               background: #fff;
            }
               
            div#contentMain .img-cms {
            	border: 1px solid #ccc;
               padding: 3px;
               background: #fff;
               margin: 2px 11px 10px 0;
               float: left;
            }
               
            div#contentMain a {
            	color: #0967a5;
               text-decoration: none;
            }
            
            div#contentMain a:hover {
            	color: #0967a5;
               text-decoration: underline;
            }
               
            div#contentMain div#contentReiter {
            	width: 628px;
               padding: 42px 25px 0 0;
            }
            
            div#contentMain div#contentReiter.company {
            	background: url(../images/bg-reiter-company.jpg) 0 0 no-repeat;
            }
            
            div#contentMain div#contentReiter.products {
            	background: url(../images/bg-reiter-products.jpg) 0 0 no-repeat;
            }
               
            div#contentMain .floatContainer {
            	width: 628px;
               margin: 0 0 1.2em 0;
               background: url(../images/bg-floatcontainer.gif) 314px 0 repeat-y;
               }
               
            div#contentMain .floatContainer .spalte {
            	width: 290px;
               float: left;
               margin: 0 48px 0 0;
               }
               
            div#contentMain ul {
            	list-style: none;
               margin: 0 0 1.2em 0;
               }
               
            div#contentMain ul li {
            	background: url(../images/bg-li.gif) 0 1px no-repeat;
               padding: 0 0 0 18px;
               margin: 0 0 0.6em 0;
               }
					
				div#contentMain ul.acc li {
            	
               padding: 0 0 0 0;
               margin: 0 0 0 0;
               }
               
            div#contentMain dl {
               list-style: none;
            }
               
            div#contentMain dl dt {
               width: 60px;
               float: left;
               font-weight: bold;
            }
               
            div#contentMain dl dd {
               width: 230px;
               float: left;
            }
                           
         /* -------------------------------------
            6.2 contentSidebar
         ------------------------------------- */
         
            div#contentSidebar {
               width: 207px;
               padding: 43px 25px 35px 50px;
               background: url(../images/bg-sidebar.jpg) 0 0 no-repeat;
               float: left;
               font-size: 0.9em;
               }
					
				div#contentSidebar .img-zertifikat {
               padding: 3px;
					margin: 0 5px 5px 0;
               background: #fff;
					border: 1px solid #ccc;
					float: left;
            }
               
            h4 {
               font-size: 1.4em;
               color: #0967a5;
               margin: 0 0 0.5em 0;
               }
               
            div#contentSidebar ul {
               padding: 0;
            }
            
            div#contentSidebar ul li {
            	list-style: none;
               padding: 0 0 0 20px;
               background: url(../images/bg-li.gif) 0 0 no-repeat;
            }
            
            div#contentSidebar .mainactive a,
            div#contentSidebar ul#contentNavigation li.active a {
            	color: #0967a5;
               text-decoration: underline;
            }
               
/* -------------------------------------
	7. Footer
------------------------------------- */

   div#footerContainer {
      width: 935px;
      height: 185px;
      padding: 48px 0 0 25px;
      background: url(../images/bg-footer.jpg) 0 0 no-repeat;
      }
      
   div#footerContainer .highlight {
   	color: #0967a5;
      font-weight: bold;
   	}
      
   div.footerBox {
  		width: 290px;
      float: left;
      margin: 0 48px 0 0;
      }
      
   div.footerBox a {
   	color: #e95d2c;
      text-decoration: none;
      }
      
   div.footerBox a:hover {
   	text-decoration: underline;
      }
      
   div.footerBox dl {
   	list-style: none;
      }
      
   div.footerBox dl dt {
   	width: 40px;
      float: left;
      font-weight: bold;
      }
      
   div.footerBox dl dd {
   	width: 250px;
      float: left;
      }
   
/* -------------------------------------
	Fin ;)
------------------------------------- */