/* 
	Stylesheet for Screen
	(C)2007 Epos
	Date: 14.07.2007
		
	XHTML/CSS Conversion by Sevenweb Est.	
------------------------------------------------------------------

__________________01. GLOBAL
__________________02. HEADER
__________________03. MAIN NAVIGATION
__________________04. CONTENT


------------------------------------------------------------------*/

/* 01. GLOBAL
------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	line-height: 1.2em;
	color: #585757;
	background: #e6e7e9 url(../images/bg_body.gif) top repeat-x;
	text-align: center;
}

a img {border:0}
* {margin:0; padding:0}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block}
* html .clearfix {height:1%}
.clearfix {display:block}

h1, h2, h3 {
	color: #585757;
	font-size: 1.4em;
}
h2 {font-size:1.6em; margin:0 0 1em 0}
h3, h4 {font-size:1.1em}

p {
	margin: 0;
	padding: 0;
}
ul {list-style:none}

/* Hyperlinks */
a:link {color:#585757; text-decoration:none}
a:visited {color:#585757; text-decoration:none}
a:hover {color:#d10019; text-decoration:none}
a:active {color:#585757; text-decoration:none}

div#container {
	width: 844px;
	margin: 0 auto;
	text-align: left;
	font-size: 0.8em;
}



/* 02. HEADER
------------------------------------------------------------------*/
div#header {
	height: 518px;
	position: relative;
	border-top:1px solid #fff; /* Collapsing Margins Workaround */
	/*background: url(../images/epos_banner.jpg) left 157px no-repeat;*/
}
h1#logo {
	background: url(../images/epos_logo.jpg) no-repeat;
	height: 104px;
	width: 261px;
	text-indent: -999em;
	margin: 24px 0 0 15px;
}
h1#logo a {display:block; height:104px; width:261px; outline: none;}

/* Language Selection */
p#language_selection {
	position: absolute;
	top: 165px;
	right: 85px;
	font-size:0.75em;
}
p#language_selection a {margin-left:5px; color:#fff}

/* Font Size */
p#font_size {
	position: absolute;
	bottom: 51px;
	right: 95px;
	width: 150px;
	color: #fff;
	font-size: 0.75em;
	text-align: right;
}
p#font_size a {color:#fff; font-weight:bold}
p#font_size a.active {text-decoration:normal; font-weight:normal}
p#font_size a.small {font-size:1.1em}
p#font_size a.medium {font-size:1.4em}
p#font_size a.large {font-size:1.7em}

/* Search Form */
form#search {
	margin: 25px 0 0 9px;
	padding: 22px 0 0 5px;
	border-top: 1px solid #d5d5d5;
	width: 195px;
}
#search label {height:10px; width:29px; /*background:url(../images/bg_search_label.gif) no-repeat;*/ font-size:14px; font-weight:bold}
/*#search label span {visibility:hidden}*/
#search input#search_field_de {height:12px; padding:2px 2px 3px 2px; font-size:0.8em; color:#585757; border:1px solid #d5d5d5; width:140px}
#search input#search_field_en {height:12px; padding:2px 2px 3px 2px; font-size:0.8em; color:#585757; border:1px solid #d5d5d5; width:130px}

/* Main Navigation */
#main_nav {
	position: absolute;
	bottom: 0;
	right: 27px;
	width: 598px;
	height: 48px;
	background: #fff;
}

/* Navigation Deutsch */
#main_nav ul#de {border-bottom:1px solid #d5d5d5; margin-top:23px; padding-bottom:6px; width:557px; margin-left:21px}
#main_nav ul#de li {float:left; margin-left:26px; }
#main_nav ul#de li a {display:block; height:17px; text-indent:-999em; outline:none}

#main_nav ul#de li#company {margin-left:6px}
#main_nav ul#de li#company a {width:152px; background:url(../images/nav_unternehmen.gif) top no-repeat}
#main_nav ul#de li#company a:hover {background-position:bottom}
#main_nav ul#de li#company a#aktiv {
background-position:bottom}

#main_nav ul#de li#clients a {width:95px; background:url(../images/nav_kunden.gif) top no-repeat}
#main_nav ul#de li#clients a:hover {background-position:bottom}
#main_nav ul#de li#clients a#aktiv {
background-position:bottom}

#main_nav ul#de li#applicants a {width:112px; background:url(../images/nav_bewerber.gif) top no-repeat}
#main_nav ul#de li#applicants a:hover {background-position:bottom}
#main_nav ul#de li#applicants a#aktiv {
background-position:bottom}

#main_nav ul#de li#contact a {width:67px; background:url(../images/nav_kontakt.gif) top no-repeat}
#main_nav ul#de li#contact a:hover {background-position:bottom}
#main_nav ul#de li#contact a#aktiv {
background-position:bottom}

/* Navigation English */
#main_nav ul#en {border-bottom:1px solid #d5d5d5; margin-top:23px; padding-bottom:6px; width:557px; margin-left:21px}
#main_nav ul#en li {float:left; margin-left:37px; }
#main_nav ul#en li a {display:block; height:21px; text-indent:-999em; outline:none}

#main_nav ul#en li#company {margin-left:6px}
#main_nav ul#en li#company a {width:114px; background:url(../images/nav_company.gif) top no-repeat}
#main_nav ul#en li#company a:hover {background-position:bottom}
#main_nav ul#en li#company a#aktiv {
background-position:bottom}

#main_nav ul#en li#clients a {width:89px; background:url(../images/nav_clients.gif) top no-repeat}
#main_nav ul#en li#clients a:hover {background-position:bottom}
#main_nav ul#en li#clients a#aktiv {
background-position:bottom}

#main_nav ul#en li#applicants a {width:122px; background:url(../images/nav_applicants.gif) top no-repeat}
#main_nav ul#en li#applicants a:hover {background-position:bottom}
#main_nav ul#en li#applicants a#aktiv {
background-position:bottom}

#main_nav ul#en li#contact a {width:67px; background:url(../images/nav_contact.gif) top no-repeat}
#main_nav ul#en li#contact a:hover {background-position:bottom}
#main_nav ul#en li#contact a#aktiv {
background-position:bottom}



/* 03. LEFT
------------------------------------------------------------------*/
#left {
	width: 219px;
	float: left;
	font-size:1.1em;
}

/* Subnavigation */
ul#subnav {
	margin: 27px 10px 0 12px;
}
ul#subnav li {padding-bottom:5px; padding-left:2px; margin-bottom:5px; border-bottom:1px solid #d5d5d5}
ul#subnav li div {border-left:4px solid #fff; padding:1px 0}
ul#subnav li a {background:#fff; padding:3px 4px 2px 0; text-decoration:none; color:#585757}
ul#subnav li a:hover {color:#d10019; text-decoration:none}
ul#subnav li a#aktiv_sub {color:#d10019; text-decoration:none}

/* Box */
div.box {
	color: #d10019;
	background: #fff;
	padding: 10px 5px 10px 10px;
	margin: 25px 10px 0 13px;
}
div.box h2 {color:#d10019; font-size:1.2em; margin:0; padding:0}
div.box p {line-height:1.2em; font-size:1.1em} 
div.box a {font-size:0.9em; font-weight:bold; color:#d10019; text-decoration:none}
div.box a:visited {color:#d10019; text-decoration:none}
div.box a:hover {color:#d10019; text-decoration:none}
div.box a:active {color:#d10019; text-decoration:none}



/* 04. MAIN
------------------------------------------------------------------*/
#main {
	width: 546px;
	padding: 28px 26px 10px 26px;
	background: #fff;
	float: right;
	margin-right: 27px;
	margin-bottom: 170px;
	font-size: 1.1em;
}
#main a:link {color:#585757; text-decoration:none}
#main a:visited {color:#585757; text-decoration:none}
#main a:hover {color:#d10019; text-decoration:none}
#main a:active {color:#585757; text-decoration:none}

#main h2 {font-size:1.2em; color:#585757; margin:0 0 1.5em 0; padding:0}
#main h3 {font-size:1.0em; color:#585757; margin:0 0 1em 0; padding:0}
#main h3 span {font-size:0.75em; color:#d10019}
#main h3 span a {color:#d10019}

#main p {margin-bottom:1em}
#main a {color:#d10019; font-weight:bold}

div#left_column {width:325px; float:left}
div#right_column {width:205px; float:right; margin-right:10px}

/* Mitarbeiter Profile */
#main .profile {height: 188px; margin-bottom:50px; line-height:1.2em}
#main .profile img {float:left; margin:0 16px 0 0}
#main .profile_bild {width: 150px; height: 188px}
#main .profile h3 span a:link {color:#d10019}
#main .profile h4 {font-size:1em; font-weight:normal}
#main .profile p.title {font-size:0.8em; margin-bottom:1em}
#main .profile address {font-style:normal}
#main .profile address span {display:block; float:left; width:70px}

/* Standorte */
#main .place {margin-bottom:50px; line-height:1.2em}
#main .place img {float:left; margin:0 16px 0 0}
#main .place h3 {margin-bottom:0}
#main .place address {font-style:normal}
#main .place a.maps {display:block; margin:1em 1em 1em 0; font-weight:normal}
#main .place a.profiles {display:block; font-weight:bold}
#main .place address span {display:block; float:left; width:70px}


/* 05. FOOTER
------------------------------------------------------------------*/
#footer {
	border-top: 1px solid #d5d5d5;
	color: #bababa;
	margin-top: 2em;
	padding-top: 5px;
	clear: both;
	width:545px;
}
#footer a:link {color:#bababa; text-decoration:none; font-weight:normal}
#footer a:visited {color:#bababa; text-decoration:none; font-weight:normal}
#footer a:hover {color:#bababa; text-decoration:none; font-weight:normal}
#footer a:active {color:#bababa; text-decoration:none; font-weight:normal}
#footer ul li {display:inline; font-size:0.75em; margin-left:10px}

/* NEU: FOOTER - ZUR STARTSEITE GANZ RECHTS*/
#footer ul li#footer_startseite a {display:block; height:17px; text-indent:-999em; outline:none}
#footer ul li#footer_startseite {width:40px; background:url(../images/epos_mini_logo.gif) top no-repeat}
#footer ul li#footer_startseite a:hover {background-position:bottom}


/* NEU: ZUSATZ KONTAKT */
form#contact-form p { margin: 1em 0;}
form#contact-form input.field { color: #7e919c;	border:1px solid #d5d5d5;	width: 187px; }
form#contact-form input.plz { width: 40px; }
form#contact-form input.ort { width: 137px; }
form#contact-form select.dropdown { width: 187px; }
form#contact-form label { padding-left: 10px; }
form#contact-form textarea {	color: #7e919c;	border:1px solid #d5d5d5; width: 400px;height: 150px; }
.error { background: #FF4242; margin-left: -2px; padding: 1px 0 0 2px; border-bottom: 2px solid #FF4242; border-top: 1px solid #FF4242; color: white; }
.head { font-size: 20px; margin-top: 0; }
form#contact-form textarea.small { height: 50px; }
#head_kontakt { margin-left: 10px; }

/* NEU: ZUSATZ STANDORTE NEU*/

img.standorte_map {
  float: left; margin-right: 16px;
}

a.standorte_neu {
  font-size: 12px;
}