@page { size:landscape; }

* {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

body, div, p, a, a:hover, a:link, a:focus, a:active, a:after, h1, h2, h3, h4, h5, span, ul li a, img {
    margin:0;
    padding:0;
    font-weight:normal;
    font-size:100%;
    border:0;
    text-decoration:none;
    list-style:none;
    font-weight:normal;
}
   	
*html {font-size:8pt;}

body { 	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
    	background: #fff url(gfx/bg.jpg) top left no-repeat fixed;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #000;
    	overflow:scroll;
 		/*height:101%;*/
    	}
 
    	    
#wrapper {
    	width: 880px;
    	margin: 10px auto;
    	border: 1px solid #043882;
    	text-align: left;
    	background: #fff;
    	overflow:hidden;
    	}

#wrapper a.active, #header a:hover, ul#navi a:hover, #header a:focus, ul#navi a:focus, ul.subnavi li a:hover, ul#subnavi li a:focus, #content #news a:hover, #content #news a:focus {
		text-decoration: underline;
    	color:#b90000;
    	}
    	

#navi .active-l1 li a {
    text-decoration: none;
    color:#5A5A5A;
}

#navi .active-l1 a, #navi .active-l1 .active-l2 a, #navi li a:hover {
    text-decoration: underline;
    color:#b90000;
}

.closer {
    width:0;
    height:0;
    visibility:hidden;
    clear:both;
}

.align-right {
    text-align:right;
}

td { vertical-align:top; }
 
/*_______________ HEADER _______________*/
    	
#header {
    	background: url(gfx/logo.gif) top left no-repeat;
    	height: 70px;
    	}
    	
    	#header h1 { width:300px; }
    	
    	#header img {
    	    margin-top:8px;
    		/*position:absolute;
    		top:-6000px;
    		left:-6000px;*/
    	}
    	
    	#header a, ul#navi a {
    		color:#5a5a5a;
    		text-transform: uppercase;
    		font-size: 85%;
    		}
    	
    	#header ul {
    		text-align:right;
    		/*padding-top:48px;*/
    		margin-top:-20px;
    		}
    	
    	#header ul li {
    		display:inline;
    		padding:0 10px;
    		}
    		
    	#header ul li img {
    	    position:static;
    	    top:0;
    	    left:0;
    	}
 
/*_______________ NAVIGATION _______________*/    
		
/*#navibox {
    	position:relative;
    	}*/
    	
    #navibox #navi, ul.subnavi {
    	text-align:left;
    	display:block;
    	}
    
    #navibox #navi {
    	padding-left:10px;
    	background: #fff url(gfx/navi_bg.jpg) top left no-repeat;
    	height:28px;
    	margin-top:10px;
    	}
    	
    	#navi li {
    		float:left;
    		display:block;
    		height: 28px;
    		line-height:27px;
    		padding-top: 1px;
    		font-weight:bold;
    		padding-right:19px;
    		}
    		
    .lvl1entry {
        display:block;
    }
    
    #navi li.bar {
        background-image:url(gfx/navi_strich.gif);
        background-position:right;
        background-repeat:no-repeat;
    }
    
    #navi li a {
        display:block;
    }
    
    #navi {
        margin-left:0;
    }

/*_______________ SUBNAVIGATION _______________*/ 
   
    .subnavi {
    	position:absolute;
    	margin-left:0;
    	padding-left:0;
    	/*background: #fff;*/
    	*width:800px;
    	height:20px;
    	}
    	
    	
    	.tecweb{left:60px;}
    	.klebeverfahren{left:120px;}
    	.gluefinder{left:231px;}
    	.anwendungen{left:311px;}
    	.uns{left:417px;}
    	.kontakt{left:486px;}	
    		
    	.subnavi li {
    		display:inline;
    		color: #043882;
    		}
    	.subnavi li a {
    		color: #043882;
    		margin-right:4px;
    		}
    	
    	.subnavi li a:hover, ul#subnavi li a:focus, #content #news a:hover, #content #news a:focus {
    		*margin-right:4px;
    		}
 
/*_______________ CONTENT _______________*/ 

    #content {
    	margin: 30px 8px 8px 8px;
    	background:url(gfx/content_bg.jpg) no-repeat top;
    	/*font-size:90%;*/
    	padding-left:30px;
    	padding-right:30px;
    	display:block;
    	}
    	
    /*#content * { *background:none; }*/
    	
    	#content a {
    	    color: #b90000;
    		text-decoration: none;
    	}
    	
    	#news a {
    		color: #b90000;
    		text-decoration: none;
    		display:block;
    		text-align:right;
	    	}
	        	
    	#content h1 {
    		/*font-size:160%;*/
    		font-size:11pt;
			font-weight:bold;
			padding-top:5px;
			padding-bottom:5px;
			/*margin-bottom:5px;
			margin-top:5px;*/
			*position:relative;
			*z-index:10;
			*margin-bottom:-5px;
			}
		
		#content h2 {
		    font-size:10pt;
    		/*font-size:130%;*/
			font-weight:bold;
			margin-bottom:10px;
			}
		
    		#content div.inhalt {
    			padding:0 30px;
    			float:left;
    			display:block;
    			width:800px;
    			}
/*_______________ NEWS von der Startseite + Newsletter h1 ______________*/ 

    		#content div#news {
    		
    			margin-top: 10px;
    			margin-left:-30px;
    			border:2px solid #e9f1ff;
    			/*float:left;*/
    			width:860px;
    			}
    			
    		#news .linkeSpalte, #news .rechteSpalte {
    		    width:407px;
    		    *width:425px;
    		    float:left;
    		    padding:10px;
    		    *margin-bottom:-10px;
    		}
    
    			#content #news h1, #newsletter h1 {
    				font-size: 140%;
    				padding:3px 20px;
    				background:#e9f1ff;
    				font-weight:bold;
    				margin:0px;
    			}
    	    	
    			#content #news h2 {
    				font-weight:bold;
    				margin-bottom:0px;
    			}
    			
    			#content #news h3 { font-weight:bold; }
                
                #news p { font-size: 8pt }
                #news .news-latest-morelink { font-size: 8pt }
 
/*_______________ Bild links & Text rechts + Liste + Archivtabelle _______________*/ 

    		#content div.bildtext, #content div.liste {
    			display:block;
    			float:left;
    			margin-bottom:30px;
    			width:100%;
    			padding:0;
    			} 
    	
    				#content div.bildtext p{
    					width:360px;
    					float:left;
    					} 
    		
    	
    				#content div.bildtext img, #content div.liste img{
    					float:left;
    					} 
    		
    				#content div.bildtext span{
    					float:right;
    					width:360px;
    					padding:0 10px;
    					}
    	
    				#content div.bildtext table{
    					width: 780px;
    					}
    		
    				#content div.bildtext th{
    					width:100px;
    					vertical-align:top;
    					font-style: italic;
    					font-weight: normal;
    					color:#043882;
    					}
    		
    				#content div.bildtext tr td{
    					padding-bottom: 10px;
    					}

/*_______________ Liste  _______________*/ 
    
    				#content div.liste span{
    					float:left;
    					width:380px;
    					}
    	
    				#content div.liste span.first {
    					margin-right: 30px;
    					}
    		 
	    			#content div.liste img {
	    				margin: 0 10px 10px 0;
	    				}

/*_______________ Newsletter  _______________*/
	    			
	    	#newsletter {
    			margin-top: 10px;
    			border:2px solid #e9f1ff;
    			float:left;
    			width:100%;
    			}
    
    			#newsletter h1 {
    				margin-bottom:10px;
    				}
    	
/*_______________ Formular  _______________*/ 

    		#content form{
    			/*margin:10px;*/
    			*margin-top:-5px;
    			}
    	
    		#content form label{
    			cursor: pointer;
    			width:180px;
    			display:block;
    			margin-top:4px;
    			float:left;
    			}
    	
    		#content form input, #content form textarea {
    			margin-bottom:4px;
    			width: 300px;
    			}
    			
    		#content form textarea {
    		    height:50px;
    		}
    	
    		#content form p{
    			margin:5px 0 5px 180px;
    			}

			#content form p input{
    			width:140px;
    			margin-right: 20px;
    			}
 
 
 /*_______________ News-Elemente  _______________*/
 
 .news-list-item {
    padding:10px;
    border:1px solid #043882;
    margin:0 10px 20px 10px;
 }
 
 .news-list-item h3, #content2 .news-list-item h3 a {
    font-size:10pt;
    font-weight: bold;
    color: black;
 }
 
 .news-list-item h3 span {
    font-size:10pt;
    float:right;
 }
 
 #content .news-list-item h3 * { display:inline; }
 
 #content2 .news-list-item h3 span.news-list-date { font-size: 8pt }
  
 .news-list-morelink, .news-single-backlink {
    display:block;
    text-align:right;
    font-size: 8pt;
 }
 
#content2 .inhalt .news-single-item h3 { font-size: 8pt; font-weight: normal }
 
 /*______________ PDF Downloads _________________*/
 
 .pdfdownload a {
    float:left;
}

.pdfdownload .size {
    float:left;
    width:50px;
    height:34px;
    background:url(gfx/pdfdownload.gif);
    background-repeat:no-repeat;
    margin:20px 0 0 10px;
    padding:17px 3px 3px 3px;
    color:white;
    font-size:8pt;
}


/*_______________ Dreispaltig ___________________*/

.tripplecolumn {
    width:100%;
    *width:800px;
}

.tripplecolumn .c1 {
    text-align:left;
    vertical-align:top;
    width:33%;
    padding-right:26px;
}

.tripplecolumn .c2 {
    text-align:left;
    vertical-align:top;
    padding-left:13px;
    padding-right:13px;
}

.tripplecolumn .c3 {
    width:33%;
    text-align:left;
    vertical-align:top;
    padding-left:26px;
}

/*_______________ Zweispaltig ___________________*/


.doublecolumn {
    width:100%;
    *width:800px;
    margin:0 -1px 0 -1px;
    font-size:8pt;
}

.doublecolumn td.c1 {
    width:50%;
    vertical-align:top;
    padding-right:20px;
    vertical-align:top;
}

.doublecolumn td.c2 {
    width:50%;
    vertical-align:top;
    padding-left:20px;
    vertical-align:top;
}

div.even .doublecolumn {
    background-color: #e8eff5;
}

/*_______________ Popups _________________________*/

#popupwrapper {
    width: 700px;
    margin: 30px auto;
    border: 1px solid #043882;
    text-align: left;
    background: #fff;
    overflow:hidden;
}

#popupwrapper #content {
    margin:8px;
    padding-top:10px;
    padding-bottom:10px;
}

#popupwrapper .doublecolumn {
    width:600px;
}

#popupwrapper #content p.bodytext { font-size: 8pt }

/*________________ Content 2 _______________________*/

h1 {
    font-weight:bold;
    font-size:13pt;
    position:relative;
    z-index:10;
}

h2 {
    font-weight:bold;
}

#content2 a {
    color:#b90000;
    text-decoration:none;
}

#content2 a:hover {
    text-decoration:underline;
}

#content2 {
    padding:30px 8px 8px 8px;
}

#content2 .inhalt {
    background:url(gfx/content_bg.jpg) no-repeat top;
    padding:10px;
}

#content2 p { font-size: 8pt }

#news {
    margin:5px -10px -10px -10px;
    border:2px solid #e9f1ff;
}

#news h1 {
    padding:0 3px 3px 30px;
    background-color:#e9f1ff;
}

#news .linkeSpalte, #news .rechteSpalte {
    padding:5px 10px 5px 10px;
}

#content2 form {
    text-align:center;
}

#content2 form table {
    margin-left:auto;
    margin-right:auto;
}

#content2 form input {
    width:300px;
}

#content2 form textarea {
    width:300px;
    height:50px;
}

ul.doublespace {
     list-style-image:url(gfx/ebene1.gif);
}
ul.doublespace li { margin-top:1em; }

#kontakt .doublecolumn td.c1 { width: 25% }
#kontakt .doublecolumn td.c2 { width: 75% }

#contactpopup-left { width:200px; }
#contactpopup-body form p { margin:3px 5px 3px 5px; }
#contactpopup-body form input, #contactpopup-body form textarea {
    width:250px;
}

@media print {
    body, #wrapper { overflow: visible }
}