@media screen,projection  {
/*
edoras GmbH & Co. KG
Bleichstraße 94
75173 Pforzheim

Project: edoras GmbH & Co. KG
Version: 2.0
Last change: 01/06/09
Author:	Ünsal Ceylan


** ANFANG: Allgemeine Tag Deklerationen************************
****************************************************************/
body {
background:#dedede url(/media/layout/images/edo_bg_gradient.jpg) scroll 0 0;
font:normal 62.5% arial,helvetica,sans-serif;
text-align:center;
}

body.startpage {
background:#dedede url(/media/layout/images/edo_bg_gradient_start.jpg) scroll 0 0;
}

h2 {
color:#000;
font-size:2.1em;
font-weight:700;
margin-bottom:0.4em;
}

h3 {
color:#000;
font-size:1.6em;
font-weight:700;
margin-bottom:0.2em;
}

h4 {
color:#000;
font-size:1.5em;
font-weight:700;
margin-bottom:0.1em;
}

h5 {
color:#000;
font-size:1.2em;
font-weight:700;
margin-bottom:0;
}

h6 {
color:#52595f;
font-size:1.2em;
font-weight:700;
margin-bottom:0;
}

p {
font-size:1.2em;
line-height:1.3em;
margin:0 0 6px;
}

ul {
margin:0 0 6px;
}

a {
color:#0060B5;
font-size:1.2em;
text-decoration:none;
}

a.skip {
display:none;
}

address {
font-style:normal;
}

hr {
background-color:#f0f0f0;
border:none;
height:1px;
margin:12px 0;
}

/*** Detail Definitionen ******/
p a {
font-size:1em;
}

div#col-2 li {
background:url(/media/layout/images/sub_nav_list_element_a_9x9.gif) no-repeat 0 4px;
font-size:1.2em;
margin-bottom:0.2em;
padding-bottom:2px;
padding-left:14px;
}

div#col-2 li a {
font-size:1em;
}

div#content-startpage a,div#content a {
color:#0060b5;
}

div#content-startpage a:hover,div#content a:hover {
text-decoration:underline;
}

div#content-startpage .more,div#content .more {
background:url(/media/layout/images/more.gif) no-repeat 0 0;
padding:0 0 0 12px;
}

/*** ENDE: Allgemeine Tag Deklerationen ************************
***************************************************************
** ANFANG: Grundgerüst und header mit Logo Sprachwahl und ****
****         Meta Navigation **********************************/
div#header,div#header-startpage,div#content-footer {
margin:auto;
padding:0;
width:890px;
}

div#main {
background:transparent url(/media/layout/images/shadow_main.png) repeat-y scroll 0 0;
margin:auto;
padding:9px 12px 0;
width:906px;
}

div#main,div#content-footer,div#sub {
text-align:left;
}

div#header {
background-color:#fff;
height:auto;
}

div#header-startpage {
background-color:#fff;
border-bottom:10px solid #f0f0f0;
height:auto;
}

#main div#header-startpage img,#main div#header-startpage object {
margin-bottom:-2px;
}

h1#logo {
background:url(/media/layout/images/logo.png) no-repeat 0 24px;
height:69px;
margin:0 0 19px;
text-indent:-999em;
width:169px;
}

h1#logo a {
display:block;
height:100%;
width:100%;
}

ul#language {
float:right;
margin-left:27px;
}

ul#language li {
background:url(/media/layout/images/language_pipe.gif) no-repeat 5px 3px;
float:left;
padding:0 2px 0 13px;
}

ul#language li.first {
background:none;
}

ul#language li a {
color:#9a9b9c;
font-size:1em;
}

ul#language li.active a {
color:#525a5f;
}

ul#nav-meta {
float:right;
line-height:normal;
margin-right:8px;
}

ul#nav-meta li {
background:url(/media/layout/images/language_pipe.gif) no-repeat 0 3px;
display:block;
float:left;
padding:0 8px;
}

ul#nav-meta li.first {
background:none;
}

ul#nav-meta li.last {
padding:0 0 0 8px;
}

ul#nav-meta li a {
color:#9a9b9c;
font-size:1em;
}

ul#nav-meta li.active a {
color:#525a5f;
}

ul#nav-meta-footer {
float:right;
padding-right:32px;
}

ul#nav-meta-footer li {
background:url(/media/layout/images/language_pipe.gif) no-repeat 0 3px;
display:block;
float:left;
padding:0 8px;
}

ul#nav-meta-footer li.first {
background:none;
}

ul#nav-meta-footer li.last {
padding:0 0 0 8px;
}

ul#nav-meta-footer li a {
color:#9a9b9c;
font-size:1em;
}

ul#nav-meta-footer li.active a {
color:#525a5f;
}

/*** ENDE: Grundgerüst und header mit Logo Sprachwahl und ******
****       Meta Navigation ************************************
** ANFANG: Hauptnavigation ***********************************
****************************************************************/
ul#nav-main {
height:auto !important;
line-height:normal;
margin:0;
}

ul#nav-main li {
background-color:#efefef;
float:right;
height:21px;
}

ul#nav-main li.c1 {
margin-right:0;
}

ul#nav-main li a {
background:url(/media/layout/images/main_nav_bottom_li.gif) repeat-x bottom;
color:#525a5f;
display:block;
font-size:1.2em;
font-weight:700;
height:12px;
padding:4px 39px 5px;
position:relative;
text-transform:uppercase;
width:auto;
}

.c5 {
border-bottom:3px solid #feb775;
}

.c4 {
border-bottom:3px solid #fe9535;
}

.c3 {
border-bottom:3px solid #fe1c10;
}

.c2 {
border-bottom:3px solid #0060b6;
}

.c1 {
border-bottom:3px solid #6eac25;
}

.activec5 {
background-color:#feb775 !important;
background-image:none !important;
color:#FFFFFF !important;
}

.activec4 {
background-color:#fe9535 !important;
background-image:none !important;
color:#FFFFFF !important;
}

.activec3 {
background-color:#fe1c10 !important;
background-image:none !important;
color:#FFFFFF !important;
}

.activec2 {
background-color:#0060b6 !important;
background-image:none !important;
color:#FFFFFF !important;
}

.activec1 {
background-color:#6eac25 !important;
background-image:none !important;
color:#FFFFFF !important;
}

ul#nav-main li a:hover {
color:#b2b2b2;
}

.shadow {
background:url(/media/layout/images/main_nav_shadow_li.gif) no-repeat right;
display:block;
height:21px;
margin:0 1px 0 0;
width:5px;
}

/*** ENDE: Hauptnavigation ***********************************
***************************************************************
** ANFANG: Subnavigation *************************************
****************************************************************/
div#col-1 div#sub-nav ul {
margin:0;
overflow:auto;
padding:0;
}

div#col-1 div#sub-nav li {
background:#fff;
}

div#col-1 div#sub-nav ul li.first {
padding-top:3px;
}

div#col-1 div#sub-nav ul li a {
background:url(/media/layout/images/arrow_a_blue.gif) no-repeat 9px 6px;
border-bottom:1px solid #f0f0f0;
display:block;
font-size:1.2em;
font-weight:700;
padding:4px 5px 4px 22px;
}

div#col-1 div#sub-nav ul li a:hover {
background:url(/media/layout/images/arrow_a_black.gif) no-repeat 9px 6px;
color:#0060B5;
}

div#col-1 div#sub-nav ul li a.active {
background:url(/media/layout/images/arrow_a_black.gif) no-repeat 9px 6px;
color:#52595f;
}

div#col-1 div#sub-nav ul li ul li a {
background:url(/media/layout/images/arrow_a_blue.gif) no-repeat 9px 6px;
border-bottom:1px solid #f0f0f0;
display:block;
padding:4px 5px 4px 22px;
}

div#col-1 div#sub-nav ul li ul li a:hover {
background:url(/media/layout/images/arrow_a_black.gif) no-repeat 9px 6px;
color:#000;
}

div#col-1 div#sub-nav ul li ul li a.active {
background:url(/media/layout/images/arrow_a_black.gif) no-repeat 9px 6px;
color:#52595f;
}

div#col-1 div#sub-nav ul li ul li ul li a {
background:url(/media/layout/images/sub_nav_list_element_a_9x9.gif) no-repeat 22px 7px;
font-weight:400;
padding:4px 5px 4px 35px;
}

div#col-1 div#sub-nav ul li ul li ul li a:hover {
background:url(/media/layout/images/sub_nav_list_element_aktive_a_9x9.gif) no-repeat 22px 7px;
color:#52595f;
}

div#col-1 div#sub-nav ul li ul li ul li a.active {
background:url(/media/layout/images/sub_nav_list_element_aktive_a_9x9.gif) no-repeat 22px 7px;
color:#52595f;
}

div#col-1 div#sub-nav .gardient {
border-bottom:1px solid #f0f0f0;
height:23px;
}

div#col-1 div#sub-nav li#first {
background:#fbfbfb;
}

div#col-1 div#sub-nav li#second {
background:#f8f8f8;
}

div#col-1 div#sub-nav li#third {
background:#f4f4f4;
}

/*** ENDE: Subnavigation ***************************************
***************************************************************
** ANFANG: Breadcrumb ****************************************
****************************************************************/
div#box {
background:#f0f0f0;
height:27px;
margin-left:8px;
width:890px;
}

div#breadcrumb {
margin:0 0 0 8px;
padding:4px 0 0;
width:882px;
}

div#breadcrumb.bc5 {
border-top:3px solid #feb775;
}

div#breadcrumb.bc4 {
border-top:3px solid #fe9535;
}

div#breadcrumb.bc3 {
border-top:3px solid #fe1c10;
}

div#breadcrumb.bc2 {
border-top:3px solid #0060b6;
}

div#breadcrumb.bc1 {
border-top:3px solid #6eac25;
}

div#breadcrumb span {
float:left;
padding-left:168px;
padding-top:1px;
}

div#breadcrumb ol#navipath {
float:left;
padding-top:1px;
}

div#breadcrumb ol#navipath li {
float:left;
}

div#breadcrumb ol#navipath li a {
color:#9a9b9c;
font-size:1em;
}

div#breadcrumb ol#navipath li.active a {
color:#525a5f;
}

/*** ENDE: Breadcrumb ******************************************
***************************************************************
** ANFANG: Toolbar *******************************************
****************************************************************/
#content-startpage .toolbar {
height:17px;
margin-bottom:16px;
padding:0 0 0 16px;
}

div#breadcrumb .toolbar {
float:right;
padding:0 8px 0 0;
}

.toolbar p,.toolbar ol,.toolbar ol li {
float:left;
}

div#content-startpage .toolbar p {
height:17px;
margin:0;
padding-left:3px;
padding-top:5px;
}

.toolbar a.action-1,.toolbar a.action-2,.toolbar a.action-3,.toolbar a.action-4,.toolbar a.action-5 {
display:block;
height:15px;
width:15px;
}

.toolbar a.action-1 {
background:url(/media/layout/images/toolbar_t.gif) no-repeat;
}

.toolbar a.action-2 {
background:url(/media/layout/images/toolbar_t_plus.gif) no-repeat;
margin:0 0 0 2px;
}

.toolbar a.action-3 {
background:url(/media/layout/images/toolbar_t_plus_plus.gif) no-repeat;
margin:0 0 0 2px;
}

.toolbar a.action-4 {
background:url(/media/layout/images/toolbar_print.gif) no-repeat;
margin:0 0 0 10px;
}

.toolbar a.action-5 {
background:url(/media/layout/images/toolbar_rss.gif) no-repeat;
margin:0 0 0 2px;
}

/*** ENDE: Toolbar *********************************************
***************************************************************
** ANFANG: Layout Startseite ****************************************
****************************************************************/
div#content-startpage {
background:#F0F0F0 url(/media/layout/images/content_startpage2.gif) repeat 0 0;
color:#54595c;
height:100%;
padding:0 16px;
}

div#col-1-startpage {
background-color:#fff;
float:left;
margin:0 8px 0 0;
padding:15px 20px;
width:225px;
}

div#col-2-startpage {
background-color:#fff;
float:left;
margin:0 8px 0 0;
padding:30px;
width:370px;
}

div#col-3-startpage {
float:left;
width:162px;
}

/*** ENDE: Layout Startseite ******************************************
***************************************************************
** ANFANG: Layout Detailseite ***************************************
****************************************************************/
div#content {
background:#F0F0F0 url(/media/layout/images/bg_content.jpg) repeat 0 0;
color:#54595c;
height:100%;
padding:0 16px;
}

div#col-2 .grouping {
margin:0 0 20px;
}

div#col-2 .teaser-text {
font-weight:700;
}

div#col-1 {
float:left;
margin:0 8px 0 0;
width:161px;
}

div#col-2 {
background-color:#fff;
float:left;
margin:0 8px 0 0;
padding:26px 34px;
width:467px;
}

div#col-3 {
float:left;
margin:1px 0 0;
width:162px;
}

/*** ENDE: Layout Detailseite ***********************************
****************************************************************
** ANFANG: Startseiten Element ********************************
*****************************************************************/
ul.anchor-list {
margin-top:7px;
}

ul.anchor-list li {
margin-bottom:5px;
}

ul.anchor-list li a {
background:url(/media/layout/images/arrow_a_blue.gif) no-repeat 0 3px;
padding-left:14px;
}

div#col-2-startpage div.grouping {
height:100%;
margin-bottom:25px;
}

div#col-2-startpage div.grouping img {
float:right;
margin-left:15px;
width:100px;
}

div#col-2-startpage h3 {
font-size:1.2em;
}

div#col-2-startpage span.date {
font-size:1.2em;
}

/*** ENDE: Startseiten Element **********************************
****************************************************************
** ANFANG: Content-Elemente: **********************************
****************************************************************
0602 - Aktuelle Detailseite */
div#col-2 .content img {
float:left;
margin:0 16px 10px 0;
}

/* 0200 - Agentur */
div#col-2 .content-anchor-list,div#col-1-startpage .content-anchor-list {
border-top:1px solid #E2E3E3;
color:#0060B5;
font-weight:700;
padding:13px 0 4px;
}

div#col-2 .content-anchor-list h4 {
margin:0 0 8px;
}

div#col-2 .content-anchor-list ul li,div#col-1-startpage .content-anchor-list ul li {
background:url(/media/layout/images/more.gif) no-repeat 0 1px;
line-height:1.4;
}

/* 0201 - Agentur - Jobs */
div#col-2 .grouping-overview-1 h4 {
font-size:1.4em;
margin:0 0 13px;
}

div#col-2 .overview-1 {
margin:0 0 16px;
}

div#col-2 .overview-1 span {
font-size:1.1em;
font-weight:700;
padding:0 0 0 13px;
}

div#col-2 .overview-1 h4 {
color:#0061B6;
font-size:1.4em;
margin:0;
}

div#col-2 .overview-1 a {
background:url(/media/layout/images/arrow_a_blue.gif) no-repeat scroll 0 4px;
padding:0 0 0 13px;
}

/*0600 Aktuelles*/
div#col-2 .grouping-overview-2 h4 {
font-size:1.4em;
margin:0 0 4px;
}

div#col-2 .overview-2 {
border-bottom:1px solid #f0f0f0;
padding:14px 0;
}

.overview-2 {
height:100%;
}

div#col-2 .overview-2 img {
float:left;
margin:0 16px 10px 0;
}

div#col-2 .overview-2 h4,div#col-2 .overview-2 h4 a {
color:#54595C;
margin:0;
}

div#col-2 .overview-2 p {
margin:0;
}

div#col-2 .overview-2 span {
display:block;
font-size:1.1em;
margin:0;
}

/* Two Column Content Area */
div#col-2 .content-col-left {
float:left;
width:48%;
}

div#col-2 .content-col-right {
float:left;
margin-left:3%;
width:48%;
}

.content-col-right h3,.content-col-right h4,.content-col-left h3,.content-col-left h4 {
margin-top:0;
}

div#col-2 img.teaser-image-top {
margin-bottom:0.6em;
}

div#col-2 img.teaser-image-left {
float:left;
margin:0 1em 1em 0;
}

div#col-2 img.teaser-image-right {
float:right;
margin:0 0 1em 1em;
}

/* 0202 - Agentur - Kontakt */
div#col-2 .form-contact {
background-color:#f8f8f8;
padding:22px 34px 11px;
}

div#col-2 .form-contact .form-row {
height:33px;
width:100%;
}

div#col-2 .form-contact .form-row-area {
height:118px;
width:100%;
}

div#col-2 .form-contact .label {
float:left;
font-size:1.1em;
font-weight:700;
width:127px;
}

div#col-2 .form-contact .field {
float:left;
width:268px;
}

div#col-2 .form-contact input,div#col-2 .form-contact textarea,div#col-2 .form-contact select {
border:1px solid #9a9b9c;
width:100%;
}

div#col-2 .form-contact textarea {
height:102px;
width:100%;
}

div#col-2 .form-contact input.checkbox {
border:1px solid #9a9b9c;
float:left;
width:15px;
}

div#col-2 .form-contact .form-row-checkbox input {
border:none;
}

div#col-2 .form-contact .form-row-checkbox p {
padding-top:3px;
}

div#col-2 form .button {
background:url(/media/layout/images/arrow_a_blue.gif) no-repeat scroll left center;
border:medium none;
color:#0061b4;
cursor:pointer;
font-size:1.1em;
font-weight:700;
margin:10px 35px 0 0;
padding-left:10px;
text-align:left;
}

/*0502 Referenzen Tabelle*/
table {
font-size:1.1em;
}

table tr th {
background-color:#9b9b9b;
border-right:2px solid #fff;
color:#fff;
font-weight:700;
height:26px;
padding-left:10px;
vertical-align:middle;
}

table tr td {
border-bottom:1px solid #9b9b9b;
border-right:2px solid #fff;
height:23px;
padding-left:10px;
vertical-align:middle;
}

table tr td a {
font-weight:700;
}

/*0701 - Sitemap */
div#col-2 .sitemap-1,div#col-2 .sitemap-2 {
float:left;
width:230px;
}

div#col-2 .sitemap-2 {
margin-top:21px;
}

div#col-2 ul li.sitemap-level-1 {
background:none;
color:#0061B6;
font-size:1.4em;
font-weight:700;
margin:0;
padding-left:0;
}

div#col-2 ul li.sitemap-level-2 {
background:none;
font-weight:700;
margin:20px 0 0;
padding-left:0;
}

div#col-2 ul li.sitemap-level-3 {
background:url(/media/layout/images/arrow_a_blue.gif) no-repeat scroll left center;
}

div#col-2 ul li.sitemap-level-4 {
background:url(/media/layout/images/arrow_a_blue.gif) no-repeat scroll 12px 4px;
padding-left:25px;
}

/*** ENDE: Content-Elemente: ************************************
****************************************************************
** ANFANG: Teaser-Elemente: ************************************
****************************************************************
 Teaserblock */
div#col-2 .teaser-2 {
float:left;
height:auto;
margin-bottom:25px;
width:230px;
}

div#col-2 .teaser-2 p {
margin:0 0 1px;
}

div#col-2 .teaser-2 h3 {
margin:0 0 4px;
}

/*** ENDE: Teaser-Elemente **************************************
****************************************************************
** ANFANG: RCE-Elemente ***************************************
****************************************************************
 Linkliste, Downloadliste, Teaserblock */
div#col-3 .anchor-list,div#col-3-startpage .anchor-list,div#col-3 .teaser-3,div#col-3-startpage .teaser-3 {
background:#fff;
border-top:8px solid #f0f0f0;
padding:20px 15px 15px;
}

div#col-3 .first,div#col-3-startpage .first {
border-top:none;
}

div#col-3 .anchor-list h3,div#col-3-startpage .anchor-list h3,div#col-3 .teaser-3 h3,div#col-3-startpage .teaser-3 h3 {
margin:0 0 5px;
}

div#col-3 ul li {
margin-bottom:5px;
}

div#col-3 .anchor-list ul li a,div#col-3-startpage .anchor-list ul li a {
background:url(/media/layout/images/arrow_a_blue.gif) no-repeat 0 3px;
padding-left:14px;
}

div#col-3 .anchor-list ul li a.extern,div#col-3-startpage .anchor-list ul li a.extern {
background:url(/media/layout/images/arrow_a_extern.gif) no-repeat 0 4px;
}

div#col-3 .teaser-3 img,div#col-3-startpage .teaser-3 img {
margin:0 0 5px;
}

div#col-3 .job,div#col-3-startpage .job {
background:#fff url(/media/layout/images/job.gif) no-repeat right bottom;
}

div#col-3 .job h4 {
color:#0061b6;
margin:0 0 5px;
}

/*** ENDE: RCE-Elemente *****************************************
****************************************************************
** ANFANG: Footer **********************************************
*****************************************************************/
div#sub {
background:transparent url(/media/layout/images/shadow_sub.png) repeat-y scroll 0 0;
color:#525a5f;
height:60px;
margin:auto;
padding:12px 12px 0;
width:906px;
}

div#sub.startpage {
padding:12px 12px 0;
width:906px;
}

div#sub div#footer {
float:left;
padding-left:34px;
}

div#sub.startpage div#footer {
float:left;
padding-left:34px;
}

div#footer address {
font-size:1.4em;
font-weight:700;
margin-bottom:4px;
}

div#footer p {
color:#54595c;
font-size:1.1em;
font-weight:400;
}

#shadowbottom {
background:transparent url(/media/layout/images/shadow_footer.png) no-repeat scroll 0 0;
height:60px;
margin:auto;
padding:0 12px;
width:906px;
}

/*** ENDE: Footer ************************************************
****************************************************************
** ANFANG: edoras changes **************************************
****************************************************************
Overview*/
ul.overview-anchor-list {
margin:0;
}

ul.overview-anchor-list.space {
margin-top:14px;
}

ul.overview-anchor-list li {
background:none !important;
padding-left:0 !important;
}
}

/*** ENDE: edoras Changes ****************************************
******************************************************************/
#logoPrint {
display:none;
}