/* www.ebgruppe.de
// Print-CSS
// Start 09. 07. 2008
// Wird durch Standort- und sprachspezifische CSS-Files ergänzt
*/

/* ------------ Allgemeines --------------- */


/* Wichtige Farben */

	.hellgrau { color: #CCCCCC; }
	.mittelgrau { color: #777777; }
	.schwarz { color: #000000; }
	.blau { color: #0099FF; }
	.orange { color: #ff6600; }
	.grun { color: #52B800; }
	.rot { color: #DD1122; }

* {
	padding: 0;
	margin: 0;
}

html, body {
	width: 100%;
	height: 100%;
}

.clear {
	clear: both;
}

img, a img {
	border: 0;
}

td, th {
	vertical-align: top;
}

.hide, .none {
	display: none;
}

.nowrap, .nobr {
	white-space: nowrap;
}

.leftalign {
	float: left;
}

.rightalign {
	float: right;
}

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* ------------------ Formatierung -------------*/

body {
	text-align: left; /* Linksbündigkeit des Layouts im IE 5 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #222;
	line-height: 1.5em;
        background-color: #ffffff;
}

p,h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,p,td,th,input,textarea,select,address {
	font-size: 1em;
	text-align: left; /* Alle Elemente linksbündig */
}

p,address {
	font-size: 1em;
	margin-bottom: 0.7em;
	font-style: normal;
}

strong, b {
	color: #333;
	font-weight: bold;
}

h1 {
	font-size: 130%;
	font-weight: normal;
	position: relative;
	top: -3px;
	margin-bottom: 0.3em;
}

	h1 a.rubrik {
		color: #777777;
	}
	
	h1 span.rsaquo {
		position: relative;
		left: -3px;
	}

h2 {
	clear: both;
	margin: 1em 0em 0.5em 0em;
}


	body#kontakt div#content div#main h2 {
		border-top: 1px solid #aaaaaa;
		margin-top: 2em;
		padding-top: 1.5em;
	}

h3 {
	color: #777777;
}

h4 {
	font-weight: normal;
	margin-top:0.7em;
}

hr {
	color: #ffffff;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-top: 1px solid #aaaaaa;
	margin: 1em 0em 1em 0em;
}

/* -------------- Container -------------- */
div#wrap {
	margin: 0 auto auto 0;
	padding: 0;
	width: 950px;
	text-align: left;
	height: 100%;      
}

div#header {
	float:left;
	position: relative;
	margin-top: 18px;
	width: 950px;
 	height: 120px;
}

	div#header div#logo {
		float:left;
		position: absolute;
		top: -12px;
		left: 90px;
		color: #ffffff;
                background-color: transparent;
	}
	
	div#header div#logo a {
		color: #ffffff;
	}
	
	body#index div#header div#logo { /* Eigene Definition in ebg.css */
		top: 6px;
		left: 58px;
	}

	
div#content {
	float: left;
	position: relative;
	width: 950px;
}

body#index div#content a {
	position: relative;
	float: left;
	width: 950px;
	height: 455px;
}

	div#content div#main {
		float: left;
		position: relative;
		width: 696px;
		left: 0px;
		background: url(../pix/head-line.gif) 184px 0px no-repeat;
		padding-top: 35px;
	}


		div#content div#main div.article,
		div#content div#main div.vorspann {
			float: left;
			position: relative;
			left: 16px;
			width: 665px; /* schmäler als main wgn. Bildbreite */
			margin-bottom: 18px;
		}

			div#content div#main div.article div.image,
			div#content div#main div.vorspann div.image  {
				float: left;
				position: relative;
				width: 150px;
				height: 90px;
			}	
			
			div#content div#main div.article div.image img {
				margin-bottom: 20px;
			}
			
			div#content div#main div.article div.text  {
				float: left;
				position: relative;
				margin-left: 20px;
				width: 425px;
			}			
		
			div#content div#main div.vorspann div.text  {
				float: left;
				position: relative;
				margin-left: 20px;
				width: 480px;
				height: 80px;
				background: url(../pix/vorspann.gif) top left repeat-y;
				padding: 10px 10px 0px 0px;
			}		
			
		div#content div#main h2#archiv {
			float: left;
			position: relative;
			left: 186px;
			font-weight: normal;
			font-size:130%;
		}
			
	div#content div#side {
		float: left;
		position: relative;
		width: 245px;
		margin-left:0px;
		background: url(../pix/head-line.gif) top left repeat-x;
	}		

		div#content div#side div#hotline {
			margin-top: 1.5em;
			padding: 0.7em 0em 0.7em 1em;
			background: url(../pix/hotline.gif) top left repeat-y;			
		}
		
			div#content div#side div#hotline h4 {
				font-weight: normal;
				margin-bottom: 0.2em;
			}

div#footer {
	float: left; 
	position: relative;
	width: 940px;
	height: 60px;
	margin-top: 20px;
}

body div#footer {
	color: #777777;
	margin-top: 0px;
	width: 950px;
}
	
	div#footer p#standort {
		position: relative;	
		left: 186px;
		margin-top: 0px;
	}	
	
	div#footer p#standort span#slogan {}
	/* Standortspezifisch ausgelagert */
	
	div#footer p#standort span.firma {
		color: #777777;
	}
	
	body#index div#footer p#standort {
		float: left;
		position: relative;	
		left: 60px;
		margin-top: 0px;
	}
	

	body#index div#footer p span {
		margin-right: 10px;
	}

div.gallery {
		width: 605px;
		margin: 0px;
		padding: 0px;
	}	

div.gallery a {
		float: left;
		position:relative;
		width: 150px;
		height: 90px;
		text-align:center;
		padding: 4px;
		margin: 4px 8px 4px 0px;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
	}
    
        div.gallery div.pressebild {
                float: left;
                margin-top: 1em;
                width: 260px;
                height: auto;
                text-align:left;
        }

        div.gallery div.pressebild p {
                margin: 0px;
                clear: both;
        }
        div.gallery div.pressebild p a {
                text-align: left;
                border: 0px;
                margin: 0px;
                padding: 0px;
                height: auto;
                width: auto;
        }

/* -------------- Navigationen  -------------- */

	ul#menue-1 {	
		float: left;
		position: relative;
		left: 186px;
		top: 93px;
	}
	
	ul#menue-1 li {
		display: inline;
		list-style-type: none;		
	}	
	
		ul#menue-1 li a {
			float: left;
			position: relative;
			text-align:left;
			height: 21px;
		}
			
		ul#menue-1 li a#m1_firmenprofil, 
		ul#menue-1 li a#m1_leistungen, 
		ul#menue-1 li a#m1_karriere, 
		ul#menue-1 li a#m1_presse,
		ul#menue-1 li a#m1_anfrage {
			/* Hintergrundbilder ausgelagert in jew. Ergänzungs-CSS */
			font-size: 130%;
		}	
		
		body#firmenprofil ul#menue-1 li a#m1_firmenprofil, ul#menue-1 li a#m1_firmenprofil:hover,
		body#leistungen ul#menue-1 li a#m1_leistungen, ul#menue-1 li a#m1_leistungen:hover,
		body#karriere ul#menue-1 li a#m1_karriere, ul#menue-1 li a#m1_karriere:hover,
		body#presse ul#menue-1 li a#m1_presse, ul#menue-1 li a#m1_presse:hover,		
		body#anfrage ul#menue-1 li a#m1_anfrage, ul#menue-1 li a#m1_anfrage:hover	 {
			background-position: 0px -21px;		
		}				


	ul#menue-2 {
		position: relative;
		margin-top: 35px;
	}
	
	ul#menue-2 li {
		list-style-type: none;	
	}	

		ul#menue-2 li a {
			display: block;
			position: relative;
			height: 21px;	
			margin-top: 0.9em;
			margin-bottom: 0em;
			white-space: nowrap;
		}

		ul#menue-2 li a#m2_aktuelles,
		ul#menue-2 li a#m2_bestpractice,
		ul#menue-2 li a#m2_verantwortung,                
		ul#menue-2 li a#m2_knowhow {
			/* Hintergrundbilder ausgelagert in Ergänzungs-CSS */
			font-size: 130%;
		}

		body#aktuelles ul#menue-2 li a#m2_aktuelles, ul#menue-2 li a#m2_aktuelles:hover,
		body#bestpractice ul#menue-2 li a#m2_bestpractice, ul#menue-2 li a#m2_bestpractice:hover,
		body#verantwortung ul#menue-2 li a#m2_verantwortung, ul#menue-2 li a#m2_verantwortung:hover,                
		body#knowhow ul#menue-2 li a#m2_knowhow, ul#menue-2 li a#m2_knowhow:hover {
			background-position: 0px -21px;		
		}		
			
			ul#menue-2 li ul li a {
				height: 1.5em;	
				margin: 0em;
			}	
		
	div#footer p#menue-3 {
		position: relative;
		left: 186px;
		color: #777777;
		width: 755px;
		margin-right: -10px;
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #aaaaaa;
}

		body#kontakt p#menue-3 a#m3_kontakt, p#menue-3 a#m2_kontakt:hover,
		body#login p#menue-3 a#m3_login, p#menue-3 a#m2_login:hover,
		body#newsletter p#menue-3 a#m3_newsletter, p#menue-3 a#m2_newsletter:hover,
		body#sitemap p#menue-3 a#m3_sitemap, p#menue-3 a#m2_sitemap:hover,
		body#impressum p#menue-3 a#m3_impressum, p#menue-3 a#m2_impressum:hover,
		body#english p#menue-3 a#m3_english, p#menue-3 a#m2_english:hover {
			color: #333333;
		}
		
		p#menue-3 span#top {
                        position: absolute;
                        right: 0px;
                        top: 0px;
                        padding-right: 10px;
                        background: url(/pix/top5.gif) 6px right no-repeat;
		}
		
	body#index div#footer p#menue-3 {
		left: 60px;
		width: 870px;
	}

/* -----------  Listen ------------ */

div#content div#main ul {
	list-style: none;
	margin: 0em 0 0.7em 0;
	padding-left: 0px;
	text-align:left;
}
		
	div#content div#main ul li {
		padding-left: 15px;
		line-height: 1.5em;
		text-align:left;
		width: 425px;
		background: url(/pix/li.gif) 0px 3px no-repeat;
	}
	
	div#content div#main dl.pdf {
		margin-top: 1.4em;
	}
	
		div#content div#main dl.pdf ul li {
			padding-left: 0em;
			background: url(_);
			margin: 3px 0px 3px 0px;
		}

	div#content div#main dl.link {
		margin-top: 1.4em;
	}
	
		div#content div#main dl.link ul li {
			padding-left: 0em;
			background: url(_);
			margin: 3px 0px 3px 0px;
		}

	body#sitemap div#content div#main ul li,
	div#content div#main ul.nolp li {
		padding-left: 2em;
		background: url(_);	
	}

ol {
	margin-bottom: 0.7em;
}

ol li {
	margin-left: 2em;
}
	
dl {
	float: left;
	margin-bottom: 0.7em;
	width: 425px;
}

	dt {
		position: relative;
		color: #777777;
		font-weight:bold;
	}

	div#main dl dt {
		background-color: #eeeeee;
		padding: 3px 5px 1px 4px;
		border-bottom: 6px solid #ffffff;
		border-right: 0px solid #ffffff;
	}
	
	dd {
		position: relative;
		margin: 0px 0px 4px 2em;
	}

/* -----------  Formulare ------------ */


div#main form dl dt {
	position: relative;
	float: left;
	width: 130px;
	padding: 0px;
	margin: 0px;
	color: #333333;
	background-color: transparent;
	border: 0px solid #ffffff;
}

div#main form dl dd {
	position: relative;
	float: left;
	width: 275px;
	margin: 0px; 
	padding: 0px;
	border: 0px solid #ffffff;
	margin-bottom: 0.4em;
}

body#newsletter div#main form dl dt label {
	float: left;
}

input, textarea, select {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 290px;
	color: #333;
}

input.txt { 
	background-color: #fff;
   	height: 1.5em;
	text-align: left;
	border: 1px solid #777777; 
	padding: 2px 2px 0px 2px; 
}

input.active {
	border: 1px solid #333;
}

textarea {
	background-color: #fff; 
	border: 1px solid #777777;
	padding: 2px;
}

input.check {
	position:relative;
	width: 2em;
	height: 2em;
}

input.btn { 
	color: #333;
	text-align:center; 
	font-size: 1em;
	width: 296px;
	background-color: #dddddd;

}

   
input.btn.reset {
	background-color: #eeeeee;
}

select {
	background-color: #fff;
   	line-height: 3em;
	width: 296px;
	text-align: left;
	border: 1px solid #777777; 
	padding: 2px 2px 0px 2px; 
}

.formerror {
	color: red;
	padding: 4px 0px 16px 0px;
}

fieldset {
	border:none;
}


/* ------------------ Tabellen -------------- */

table {
	margin-bottom: 0.7em;
	border-spacing: 0px;
	/* width: 425px;*/
}

th, td {
	padding: 1px 10px 1px 0px;
}

div#main dl dt,
th.grau, td.grau {
	/* background-color: #eeeeee;*/
	background: url(/pix/h2-bg.gif) top left repeat-y;
	padding: 2px 5px 2px 6px;
	border-top: 12px solid #ffffff;
	border-bottom: 6px solid #ffffff;
	border-right: 0px solid #ffffff;
}

div#main form dl dt {
        background: url(_);
}

body#presse th span.medium {
	display:block;
	color: #777777;
	font-weight: normal;
}

th {
	font-weight:bold;
}

table th.name {
        text-align:left;
        margin: 0px;
        padding: 0px;
}

table th.tel {
	text-align:right;
        white-space: nowrap;
        margin: 0px;
        padding: 0px;      
}

table td.name {
        white-space: nowrap;
        margin: 0px;
        padding: 0px;
      
}

table td span.email {
	color: #777777;
	margin-left: 0.3em;
}


table td.tel {
        text-align:right;
        padding: 0px;
        margin: 0px;         
}

table td.fax {
	text-align:right;
        padding: 0px;
        margin: 0px;          
}

/* ------------------ Links -------------- */

a, a:link {
	color: #777777;
	text-decoration: none;
}

a:visited {
	color: #777777;
}

a:focus, a:hover, a:active {
	/* Linkfarbe ist ausgelagert auf Ergänzungs-CSS */
	text-decoration: none;
}

a.eb, a.eb:link,
a.pw, a.pw:link,
a.wdw, a.wdw:link,
a.sl, a.sl:link,
a.ebg, a.ebg:link {
        white-space: nowrap;
}

a.eb:focus, a.eb:hover, a.eb:active { color: #0099ff; }
a.pw:focus, a.pw:hover, a.pw:active { color: #ff6600; }
a.wdw:focus, a.wdw:hover, a.wdw:active { color: #52B800; }
a.sl:focus, a.sl:hover, a.sl:active { color: #DD1122; }


p.skip, span.skip, a span.skip, a:link.skip, a:visited.skip, a:hover.skip,
a:active.skip, a:focus.skip {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}
	
a.pdflink, a.pdflink:link, a.pdflink:visited, a.pdflink:hover, a.pdflink:active, a.pdflink:focus {
	background: url(/pix/pdflink.gif) top left no-repeat;		
	padding: 2px 2px 2px 20px;
}

a.link, a.link:link, a.link:visited, a.link:hover, a.link:active, a.link:focus{
	background: url(/favicon.ico) top left no-repeat;	
	padding: 2px 2px 2px 20px;
}

a.weblink, a.weblink:link, a.weblink:visited, a.weblink:hover, a.weblink:active, a.weblink:focus {
	background: url(/pix/weblink.gif) top left no-repeat;	
	padding: 2px 2px 2px 20px;
}


a.joboptions {
	background: url(/pix/joboptions.gif) top left no-repeat;		
	padding: 2px 2px 2px 20px;
}

body #footer p a.ebg {
	/*color:#333;*/
	margin-left: 4px;
	padding-left: 68px;
        background: url(/pix/ebg.gif) 0px 3px no-repeat;
        white-space: nowrap;
}

/* Print-CSS (overrult bisher definiertes) */

@media print {
        
        body#index {
                background-image: none;
        }

        body#index div#content a {
                height: 0px;
        }

	div#content div#side div#hotline {
		padding: 0em;
                background-image: none;
	}

        p.skip, span.skip, a span.skip, a:link.skip, a:visited.skip, a:hover.skip,
        a:active.skip, a:focus.skip {
                position: relative;
                left: 0px;
                top: 0px;
                width: auto;
                height: auto;
                overflow: visible;
                display: inline;
        }
}