@import url(captcha-formular_1.css);
@import url(menue.css);
/* CSS Geruweb */
* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url(hintergrund.jpg);
 background-repeat: repeat-x;
 background-color: #dde0e5;

}
#wrapper { 
 margin: 0 auto;
 width: 1032px;
 background-image: url(content.jpg);
}
#faux {
/* background-image: url(faux.jpg);*/
 background-repeat: no-repeat;
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}

#faux2 { background-image: url(faux.jpg); background-repeat: no-repeat; margin-bottom: 0; overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
; }

#header { color: #333; width: 1032px; padding: 0; height: 85px; margin: 0; background-image: url(head.jpg); }
#header .right_logo_link { text-align: center; position: absolute; width: 238px; height: 100px; padding: 0; top: 0; left: 41%; z-index: 1; }
#header .right_logo_link a,
#header .right_logo_link a:link { display:block; width: 279px; height: 40px; background: url(test.png) no-repeat left bottom; overflow: hidden; float: none; }
#header .right_logo_link a:hover { background-position: left bottom; width: 279px; height: 122px; z-index: 20; }


#mainnavigation { color: #333; padding-left: 20px; margin: 0; background-image: url(mainmenue.jpg); height: 40px; }
#js-navigation {
 color: #333;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background-image: url(faux.jpg);
 font-size: 14px;
}

#headline {
height: 108px;
width: 763px;
background-color: #6e706f;
margin-left: 24px;
color: #efffff; 
}

#headline h1 {
margin-left: 33px;
padding-top: 40px;}

#rightcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 195px;
 float: right;
}

#rightcolumn2 { 
 display: inline;
 color: #3c221e;
 margin: -108px 0 0 3px;
 padding: 0;
 width: 219px;
 position: absolute;
 
}
.rightcolumn2-text { padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-left: 1px dotted #3d2904; }
#rightcolumn2 h2 { color: #3c221e; font-size: 32px; }
#leftcolumn2 h2 {
font-size: 32px;
}
#rightcolumn3 { 
 display: inline;
 color: #3c221e;
 margin: 0px 0 0 59px;
 padding: 10px 15px 10px 10px;
 width: 194px;
 position: absolute;
 border-left: #2d1d1e 1px solid; 
 
}
#rightcolumn3 .teaser h1 { font-size:14px; }
#rightcolumn3 .teaser h4 { font-size:9px; }
#leftcolumn { 
 float: left;
 color: #333;
 margin-left: 59px;
 padding-left: 30px;
 width: 653px;
 display: inline;
 position: relative;
 min-height: 50px; 
 padding-top: 20px; 
 padding-bottom: 15px; 
 padding-left: 0; 
 padding-right: 15px;
}
#leftcolumn p { margin-bottom: 8px; }
#leftcolumn2 p { margin-bottom: 8px; }
#leftcolumn2 { 
 float: left;
 color: #333; 
 margin-left: 59px; 
 width: 653px; 
 display: inline; 
 position: relative; 
 min-height: 50px; 
 padding-top: 20px; 
 padding-bottom: 15px; 
 padding-left: 0; 
 padding-right: 70px; }
#leftcolumn2 ul { color: #3d2904; font-size: 0.95em; font-weight: bold; margin-top: 7px; margin-bottom: 7px; list-style-type: disc; }
#leftcolumn2 ul li { color: #3d2904; font-size: 0.95em; font-weight: bold; list-style-type: disc; margin-top: 3px; margin-bottom: 3px; margin-left: 15px; }
#leftcolumn2 img { margin-top: 15px; margin-right: 15px; padding: 0; vertical-align: bottom }
#leftcolumn2 .teaser { min-height: 150px;  } 
#footer { 
 width: 1032px;
 height: auto;
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
#footer ul { display: inline; }
#footer-top { 
 width: 1032px;
 height: 28px;
 clear: both;
 color: #efffff;
 background-image: url(footer_oben.jpg);
 margin: 0px 0px 0px 0px;
 padding-top: 18px;
 text-align: center;
 font-size: 11px;
}

#footer-text { 
 width: 972px;
 height: auto;
 color: #333;
 background-image: url(footer_mitte.jpg);
 margin: 0 0 0 0;
 padding: 0 30px;
}
#footer-text a { margin: 0; padding: 0 10px 0 0; }
#footer-text-head { height: 20px;  margin-right: 25px; margin-bottom: 5px; margin-left: 25px; }


#footer-end { 
 width: 1032px;
 height: 22px;
 clear: both;
 color: #333;
 background-image: url(footer_unten.jpg); 
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
.footlink  { color: #d2982a; list-style-type: none; display: inline-block; padding-right: 0px; padding-left: 0px; margin-left: 95px; margin-bottom: 20px;}
.footlink a  { color: #b07f23; font-size: 1.4em; text-decoration: underline; list-style-type: none; display: inline; padding-left: 45px }
.footlink a:hover  { text-decoration: line-through }
/* da Internet Explorer inline-block nicht verstehen, f?r IE 6 und IE 7 mit Hacks */
* html .footlink { display: inline; }
*:first-child+html .footlink { display: inline; }

.clear { clear: both; background: none; }
.inner { font-size: 1.15em; }


#footer .fleft {
display:block; 
float: left; 
text-align: left; 
width: 300px; 
margin: 20px 0 0 5px;
padding:10px;
font-size:10px;
border-bottom: 0 solid #300000;
line-height:1.15em;
} 
#footer .fleft-s { 
display:block;
float: left; 
text-align: left; 
width: 300px; 
margin: 20px 0 0 5px;
 padding:10px;
font-size:10px;
border-left: 1px dotted #300000;
border-right: 1px dotted #300000;
line-height:1.15em;
} 
#footer .fleft-xs { 
display:block;
float: left; 
text-align: left; 
width: 280px; 
margin: 20px 0 0 5px;
padding:10px;
font-size:10px;
border-bottom: 0 solid #300000;
line-height:1.15em;
}
#footer .fleft a { 
color: #c7c7c8;
text-decoration:none;
} 

#footer .fleft-s a { 
color: #c7c7c8;
text-decoration:none;
}  

#footer .fleft-xs a { 
color: #c7c7c8;
text-decoration:none;
} 
/* navbox rechts*/

.nav-box {
height: 108px;
width: 218px;
background-color: #2d1d1e;}
.nav-box-gelb {
background-image: url(files/nav_oben.jpg);
height: 107px;
width: 218px;
color: #efffff;}
.nav-box-rot {
background-image: url(files/nav_mitte.jpg);
height: 107px;
width: 218px;
color: #efffff;}
.nav-box-gruen {
background-image: url(files/nav_unten.jpg);
height: 107px;
width: 218px;
color: #efffff;}
.left-nav-top {
padding: 18px 0px 0px 42px;
font-size: 18px;}
.left-nav {
padding: 8px 0px 0px 42px;
font-size: 11px;}
.left-nav-image {}
.left-nav-bot {}

/*	undo
*******************************************************************************/
link, :visited { text-decoration: none }
ul, ol { list-style: none }
h1, h2, h3, h4, h5, h6, pre, code { font-weight: normal; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd { margin: 0; padding: 0; }
img, a img, :link img, :visited img, fieldset { border: none; }
img { margin: 0px; padding: 0; vertical-align: bottom }
address { font-style: normal }
table { margin: 0; padding: 0; border: none; border-spacing: 0px    }
tr { margin: 0; padding: 0; border: none }
td { margin: 0; padding: 0; vertical-align: top; border: none; border-spacing: 0px   }
legend { display: none }
/*	reset some basic style
*******************************************************************************/
dl { margin: 0 }
dl dt { margin: 0 }
dl dd+dt { margin-top: 0 }
dl dd { margin: 0 }
ol { list-style: none }
ol li { margin: 0 }
ol li ol { margin: 0 }
ol li ul { margin: 0 }
p { margin-bottom: 12px; }
ul { list-style: none }
ul li { margin: 0 }
ul li ul { list-style: none; margin: 0 }
ul li ol { margin: 0 }
pre { font-size: 1em }
a:hover { text-decoration: none }
.flLeft { float: left }
.flRight { float: right }
.quot { font-size:2.3em;font-weight:bold;color:#1aa1ff;font-family:"times new roman", serif; }
.kundenstimmen { font-size: 90%; line-height: 190%; text-align: justify; width: 600px; margin-bottom: 30px; margin-left: 50px; }
.refkunde { color: #5f1e04; font-size: 0.9em; font-weight: bold; font-style: italic; text-align: right; float: right; margin-top: 0; margin-bottom: 25px; padding-top: 0; border-bottom: 1px dotted #5f1e04; }


.zweispalter  { width: 700px }
.zweispalter_1  { width: 450px }
.zweispalter_2  { margin-left: 10px; width: 80px }
.zweispalter_1, 
.zweispalter_2 {
  float: left;
}
.zweispalter table { font-size: 10px; }
.zweispalter td { font-size: 10px; padding-right: 8px; padding-left: 5px; }
.zweispalter_text { width: 250px; float: left; }
.zweispalter_bild { font-weight: normal; text-align: right; }

.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}

.noscroll { }
.klein { font-size: 8pt }
h1 { color: #147c99; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.3em; margin-bottom: 4px; }
h3  { color: #300; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.4em; background-color: #eeeeef; text-indent: 5px; letter-spacing: 1px; margin-right: 10px; padding-bottom: 3px; overflow: inherit; margin-top: 7px; margin-bottom: 5px; padding-top: 5px; border-bottom: 1px ridge #40dcec        }
h4  { color: #300; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.4em; background-color: white; margin-right: 10px; padding-bottom: 3px; overflow: inherit; border-bottom: medium none #ccc }
h5 { color: #300; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-right: 10px; overflow: inherit   }
h6 { font-size: 6px; font-family: Arial, Helvetica, sans-serif; line-height: 0.5em; margin-right: 10px; overflow: inherit; }
strong { font-size: 0.9em; }
small { font-size: 0.8em; line-height: 1.6em }
.vorteil { color: #2e8097; font-weight: bold; text-indent: 10px; margin-top: 17px; margin-bottom: 7px; border-bottom: 1px dashed #eea51d; border-left: 12px dotted #eea51d; }
.mail-vertrauen { font-size: 0.88em; font-weight: bold; }
/* -- vcf download ---*/

p a.vcf{ width: 204px; height: 24px; text-indent: -10000px; display: block; background-image:url(vcf-download.png); background-repeat: no-repeat; background-position: 0 0; }
p a.vcf:hover{
	background-position: 0px -24px;
	}
	/* download
*******************************************************************************/
.hotline   { margin: 0 0 0 0; position: relative; top: 3px; left: 13px }
#leftcolumn2 .download-hdl p, 
#leftcolumn2 .download-file p, 
#leftcolumn2 .download-desc p {
	margin:0;
}
#leftcolumn2 .download-hdl p   { color: #fff; font-weight: bold; background-color: #aaa; padding: 5px 7px }
#leftcolumn2 .download-file   { padding: 1.2em 7px; border-right: 2px solid #ffd29b; border-left: 2px solid #ffd29b }
#leftcolumn2 .download-desc   { background-color: #ddd; margin-bottom: 1.2em; padding: 1.2em 7px; border-right: 2px solid #ffd29b; border-bottom: 2px solid #ffd29b; border-left: 2px solid #ffd29b }
#leftcolumn2 .download-without-desc   { margin-bottom: 1.2em; border-top: 2px solid #ffd29b }
.magazine-image {
   background: #fff;
   border: 1px #eee solid;
 }
.magazine-image img {
   padding: 0px;
   background: #fff;
   margin: 2px;
   border: 1px #eee solid;
 }
#first-class-webdesign { position: fixed; bottom: 0; visibility: hidden; margin-left: 140px; }
/* ----------------------------------------------------------------------------------
   main_navigation   
---------------------------------------------------------------------------------- */ 
#up { position: absolute; top: 17px; }

#up_navigation { position: relative; width: 170px; height: 20px; color: #949494; font-size: 9px; font-weight: normal; font-style: normal; left: 675px; z-index: 2; }
#up_navigation ul { margin: 0px; padding: 0px 0px 0px 0px; list-style: none; display: inline; }
#up_navigation li { padding: 0px 0px 0px 0px; display: inline; }
#up_navigation a { text-decoration: none; color: #8b8b8b; font-weight: normal; font-style: normal; zoom: 1; }
#up_navigation a:hover { color:#f49e00; text-decoration: underline; }

#up_navigation li.current a { color:#f49e00; }
#up_navigation li.active a { color:#f49e00; }
#up_navigation li.normal a { }

/* ----------------------------------------------------------------------------------
   News-Teaser    
---------------------------------------------------------------------------------- */ 

.newsteaser {
width: 194px;
}

.newsteaserbild {
width: 194px;
margin-top: 5px;
}

.newsteasertext {
width: 194px;
padding-right: 10px;
}

.newslist { 
width: 194px; }

.videotable {}
.video1 { margin-right: 6px;}
.video2 { margin-left: 6px;}





/* ----------------------------------------------------------------------------------
  Bookmark    
---------------------------------------------------------------------------------- */ 

.bookmark { list-style: none; line-height: 22px;  }
.bookmark a { padding-left: 25px; }

/* ----------------------------------------------------------------------------------
   GERUWEB  
---------------------------------------------------------------------------------- */ 
.reg { font-size: 0.5em; line-height: 2em; }
