body {
  background: url(/images/gradient-body.png) repeat-x left top;
  color: #3F4545;
  line-height: 150%;
  font: 13px/1.5 Verdana, Geneva, sans-serif;
}

.container-12 {
  width: 978px;
  margin-left: auto;
  margin-right: auto;
}

#header-wrapper {
  background: url(/images/tile-top.png) no-repeat center top;
}

#header {
  position: relative;
  margin-top: 5px;
  background-color: #fff;
  /*border: 1px solid #8e8e8e;
  border-bottom-style: none;*/
  z-index: 9;
  height:240px;
  background: url(/images/header.png) no-repeat center top;
}

#site-name {
  padding-top: 55px;
  margin-left: 35px;
  margin-bottom: 10px;
}

#site-name a {
  display: block;
  text-indent: -9000px;
  background: url(/images/logo.png) no-repeat;
  height: 135px;
  width: 155px;
  overflow: hidden;
}

#container {
background: #FFF url(/images/main.png) repeat-y left bottom;
/*padding-bottom:20px;*/
}

#container-wrapper {
  background: url(/images/tile-mid.png) repeat-y center center;
}



#switch { float:right; color: #666; }
#switch a { text-decoration:none; color: #666;}
#switch a:hover { text-decoration:underline; }

#mainnavigation { height:40px; background: url(/images/mainnavigation.png) repeat-x center center; }


/* @group footer */

#footer-wrapper {
  background: url(/images/tile-bottom.png) no-repeat center bottom;
  color: #fff;
}

#footer {
  background-color: #FFF;
  /*border: 1px solid #8e8e8e;
  border-top-style: none;*/
  min-height: 25px;
  height:190px;
   background: url(/images/footer.png) repeat-x center top;
}

#static-header { margin-top:15px; margin-bottom: 10px; }


#left { 
	position: relative; 
display:inline; 
background: url(/images/left.png) no-repeat left top; 
float:left; width: 267px; 
min-height:477px;
padding-top: 50px;}

#content { 
	position: relative; 
	display:inline; 
	float: left; 
	background: url(/images/content.png) no-repeat left 50px;
	padding: 10px 20px 20px 30px;
	}
	
#content { width: 661px; }

.col-3-left #content { width: 431px; }

#right {
	position: relative; 
	display:inline; 
	float:left; 
	width: 230px; 
	padding-top:62px;
padding-bottom:15px;
	}

#right h3 { font-size: 12px; margin:0; }

#right-image1 { width:230px; height:150px; }

#right p { 
background: url(/images/right.png) no-repeat bottom right; 
padding-bottom:10px; 
margin-top:5px; 
font-size:12px;
}

#right a, #content a {
text-decoration:none;
color: #666;
}

#right a:hover, #content a:hover {
text-decoration:underline;
color: #3F4545;
}


hr {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
}


#footer-mlawgroup, #footer-mpatentgroup {width: 459px; height: 150px; float:left; padding: 35px 0 0 30px; }
#footer-mlawgroup { background: url(/images/footer-mlawgroup.png) no-repeat right center; }
#footer-mlawgroup p, #footer-mpatentgroup p { color: #3F4545; padding: 0 0 0 30px; margin-top:10px; }

#kopfmotive { position: absolute; top:0; left:267px; }
#kopfmotiv-1, #kopfmotiv-2, #kopfmotiv-3 { float:left; overflow:hidden; }
#kopfmotiv-1, #kopfmotiv-2 { /*margin-right: 1px;*/ }




/* `Headings
----------------------------------------------------------------------------------------------------*/


h1 {
  font-size: 15px;
  color:#981E32;
  font-weight:normal;
  padding-bottom:7px;
}

h2 {
  font-size: 14px;
}

#content h2 {
  margin-bottom:0;
}

h3 {
  font-size: 13px;
}

h4 {
  font-size: 12px;
}

h5 {
  font-size: 11px;
}

h6 {
  font-size: 10px;
}


/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: square;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
  margin-bottom: 10px;
}

.thin {
    letter-spacing: 0.1em;
}

sup {
    font-size: 80%;
    vertical-align: 0.4em;
}



.clear-block {
    display: block;
}

.clear-block:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}



ul {  
        margin: 0;  
        padding: 0;  
    }

#content ul { margin-left:14px; }


    
    /* Subnavigation */
    
    
    
#subnavigation ul {
	background: url(/images/subnavigation_li.png) no-repeat left top;
    list-style-position: outside;
    list-style-type: none;
    }
    
#subnavigation ul li a {
	padding: 10px 10px 10px 35px;
	 background: url(/images/subnavigation_li.png) no-repeat left bottom;
	text-decoration:none;
	color: #3F4545;
	font-size: 13px;
	display: block;
	
}

#subnavigation ul li a:hover, #subnavigation ul li.active a {  
        background: url(/images/mainnavigation.png) repeat-x center top; 
        color: #FCFCFC;
    } 

	
	    
   /* Servicenavigation */
   
#servicenavigation ul {padding: 10px 0 0 35px; }
   
#servicenavigation ul li {
    display: inline;
    list-style-type: none;

   }
   
#servicenavigation ul li a {
    	color: #FCFCFC;
    	text-decoration:none;
    	border-right: 1px solid #FCFCFC;
    	    padding-right: 10px;
    margin-right: 10px; 
    }
    
#servicenavigation ul li a:hover {
    	text-decoration:underline;
    }
    
#servicenavigation ul li.last a { border-right:none; }
   


/* Rechte Spalte */

#right h3, #right h2 {
    font-size: 12px;
    margin: 0;
}

#right h2 a {
color: #3F4545; 
}

#right p {
    background: url("/images/right.png") no-repeat scroll right bottom transparent;
    margin-top: 5px;
    padding-bottom: 10px;
}

#right .line {
    background: url("/images/right.png") no-repeat scroll right bottom transparent;
height:11px;
width:100%;
display:block;
    margin-bottom: 10px;
}

#right ul { font-size: 12px; margin-top:5px; width:220px;
background: url("/images/right.png") no-repeat scroll right bottom transparent;
    margin-top: 5px;
    padding-bottom: 10px;
padding-right:10px;
margin-bottom:10px; }

#right ul li { 
margin-left: 14px;
}


#right-image1, #right-image2, #right-image3 {width:230px; height:150px; 
} 

#kopfmotiv-1, #kopfmotiv-2, #kopfmotiv-3 {width:237px; height:150px; }




/* Mainnavigation */

#mainnavigation {  
        width: 100%;  
        height: 40px;  
        background: url(/images/mainnavigation.png) repeat-x left top; 
        position: relative;  
    }  

#mainnavigation a {    
		
	}


#nav {
	list-style:none;
	height: 40px;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li {
	float:left;
	position:relative;
	list-style: none;   
        height: 40px;  
        text-align: center;  
        background: url(/images/mainnavigation.png) repeat-x center top;  
}
#nav a {
        display: block;  
        padding: 0 40px 0 39px;   
        border-right: 1px solid #666;  
        text-align: center;  
        line-height: 40px;  
        background: url(/images/mainnavigation.png) repeat-x center top;
	color: #FCFCFC;
    	font-size: 15px;;
    	text-decoration: none;
}
#nav a:hover {
	background: transparent none; 
}

#nav li.current a, #nav li a:hover {  
        background: url(/images/mainnavigation.png) repeat-x center -100px;
    }  

/*--- DROPDOWN ---*/
#nav ul {
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */

}
#nav ul li {
	padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a {
	/*white-space:nowrap;*/ /* Stop text wrapping and creating multi-line dropdown items */
	padding: 7px 67px 7px 67px; 
	line-height: 14px;

}
#nav li:hover ul { /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	padding-top:15px;
	padding-bottom:10px;
	background-color:#636A6A;
z-index:300;
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration:none;
	color:#FFF;
        background: url("/images/mainnavigation.png") repeat-x scroll center -100px transparent;

}

#nav li:hover ul li { 
	background-color:#636A6A;
	padding-bottom:10px;
	padding-right:15px;
text-align:left;
height:auto;
background-image:none;
float:left;
position:relative;
}


#nav li ul {
	margin-left:0;
} 

#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
background-color:transparent;		
background-image: url("/images/topnav-list_over.gif");
    background-position: 23px 3px;	
text-decoration:none;
	color:#FFF;
	padding:0px 0 0 38px;
	width:213px;
	height:auto;
	line-height:140%;
text-align:left;
font-size:13px;
display:block;}
#nav li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	color:#FFF;
	text-decoration:underline;
}

/*#nav li:hover ul ul {display:none;}*/

table.werdegang { margin-bottom: 0; font-size: 13px; }
table.werdegang td, table.about-us td, table.contact td { padding:0 0 6px 0; vertical-align:top; }
table.werdegang td.left { padding-right: 10px; width: 120px;}
table.about-us {width:100%; font-size: 13px;}
table.about-us td.left, table.contact td.left {width: 50%; padding-right:10px; }
table.contact td.left { padding-right:40px;}
table.about-us ul {margin-top: 10px;}
table.about-us ul li {margin-top: 5px;}


.trigger {
	/*-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 1px #fff inset;
	-webkit-box-shadow:0 1px 1px #fff inset;
	box-shadow:0 1px 1px #fff inset;
	background:-moz-linear-gradient(center top, #e9e9e9 50%, #ddd 50%);
	background-color:#ddd;
	border:1px solid #ddd;*/
	color:#666;
	cursor:pointer;
	margin-bottom:5px;
	/*padding:5px;
	text-shadow:0 1px 0 #fff;*/
background: url("/images/arrow_down.gif") no-repeat scroll left 7px transparent;
padding-left:10px;
margin-left: -10px;
}
.trigger_active {
	color:#3F4545;
background:none;
}
.toggle_container {
	padding: 5px 0 0 0;
}

.toggle_container p { margin-top:0; }

/* News auf Startseite */

#news { padding: 0 7px 0 22px; }
#news li { font-size: 12px; }
#news li a {text-decoration: none; color: #3F4545; }
#news li a:hover {text-decoration: underline; }
abbr {border:none; }
#news h2 { color: #006983; margin-bottom:3px;}
#news h2 a { color: #006983; text-decoration:none; }
#news h2 a:hover { text-decoration:underline; }
.hide { display:none; }

.petrol { color: #006983;}
.red { color: #981E32; }
.grey { color: #666; }

.publications h3, vevent h3 { margin-bottom: 3px; }
.vevent p {margin-top: 2px; }

.searchnavigation { margin-top:10px;}

#Detailsuche_DE, #Detailsuche_EN { 
position:absolute; 
right:15px; 
top: 18px; 
z-index: 200;
background: url("/images/detailsuche_bg_de.jpg") no-repeat scroll right top transparent;
width: 310px;
height:30px;
background-size:90px auto;
}

#Detailsuche_EN { 
background: url("/images/detailsuche_bg_en.jpg") no-repeat scroll right top transparent;
}

#Detailsuche_DE:hover, #Detailsuche_EN:hover { 
background: url("/images/detailsuche_bg_de.jpg") no-repeat scroll right -39px transparent;
cursor:pointer;
background-size:90px auto;
}

#Detailsuche_EN:hover { 
background: url("/images/detailsuche_bg_en.jpg") no-repeat scroll right -39px transparent;
}

#Detailsuche_DE select, #Detailsuche_EN select { 
border: 1px solid #CCC;
cursor:pointer;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity:0;
 }

ul.search { margin-top: 10px; }
ul.search li { margin-top: 5px; }


.detailangaben {
margin-top:15px; 
padding-top:10px; 
border-top:1px solid #CCC;
border-bottom: 1px solid #CCC;
padding-bottom: 12px;
}

#subnavigation ul li.active ul {
	display: none;
	}

#nav ul ul {
	display: none;
	}

table {
	font-size: 13px;
	line-height: 1.5;
	}