/**
 * general
 */
* { font-family:  Arial, Verdana, Helvetica, sans-serif; font-size:12px; }
html, body { margin:0; height: 100%; }
body { text-align: center; }
img { border:0; }

/** 
 * clearfix
 */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.print-only { display:none; }

/*
 * Main layout
 */
/* .page { position:absolute; top:50%; left:50%; width:986px; height:618px; margin:-309px 0 0 -493px; border:1px solid #b2b2b2; background:white url(images/page-bg.gif) 0 324px no-repeat; } */

.distance { float:left; height:50%; margin-bottom: -310px; width:1px; }
.page { clear: left; position: relative; width:986px; height:618px; border:1px solid #b2b2b2; background:white url(images/page-bg.gif) 0 324px no-repeat; text-align: left; margin: 0 auto; }

.logo a { position:absolute; z-index:1; display:block; top:0; left:0; margin:470px 0 0 20px; height:80px; width:170px; }
.logo a span { display:none; }

.topbar { height:28px; background:transparent url(images/topbar-bg.gif) 0 0 repeat-x; }

.wrap-l { float:left; width:758px; height:590px; overflow:hidden; background:transparent url(images/wrap-l-bg.gif) right top repeat-y;}
.wrap-r { float:left; width:228px; height:590px; overflow:hidden; background:transparent url(images/wrap-r-bg.gif) 0 392px repeat-y; }

.content-center { position:absolute; top:0; left:0; width:460px; height:460px; margin:110px 0 0 256px; padding:0 10px 0 0; overflow:auto; }

.fatbutton { position:absolute; top:0; right:0; width:108px; height:108px; margin:10px 90px 0 0; }

.image-overlay { position:absolute; top:0; right:0; margin:28px 0 0 0; }


/**
 * slogan
 */
.slogan { width:228px; height:150px; }

/**
 * search
 */
.search { position:absolute; bottom:0; right:0; height:20px; overflow:hidden; margin:0 20px 18px 0; background-color:#fff4c4; border:1px solid white; }
.search input { background:none; border:0; height:16px; width:160px; padding:0 5px 0 5px; vertical-align:middle; color:#09a275; }
.search #submit { width:18px; height:18px; background:transparent url(images/bullet.gif) 50% 50% no-repeat; vertical-align:middle; font-size:1px; }

/**
 * main menu
 */
.mainmenu { position:relative; width:100%; height:37px !important; background:white url(images/mm-bg.gif) 0 100% no-repeat; }
.mainmenu ul { margin:0 0 0 0; padding:0 0 0 0; list-style:none; }
.mainmenu ul li { display:block; float:left; width:190px; height:21px;  }
.mainmenu ul li.mmb-4 { width:188px; }
.mainmenu ul li a { display:block; width:100%; height:19px; text-decoration:none; font-size:11px; color:#4c4c4c; padding:7px 0 0 0; text-align:center; background:transparent url(images/mmb-bg.gif) 100% 100% repeat-y; text-transform:uppercase; font-style:italic; }
.mainmenu ul li.on { }
.mainmenu ul li.on a,
.mainmenu ul li a:hover { font-weight:bold; color:white; background:transparent url(images/mmb-on-bg.gif) 100% 100% repeat-y; }
.mainmenu ul li a span { position:absolute; top:0; left:0; display:block; height:10px; width:190px; margin:27px 0 0 0; font-size:1px; }
.mainmenu ul li.mmb-1 a span { width:190px; z-index:14; }
.mainmenu ul li.mmb-2 a span { width:380px; z-index:13; }
.mainmenu ul li.mmb-3 a span { width:570px; z-index:12; }
.mainmenu ul li.mmb-4 a span { width:758px; z-index:11; }
.mainmenu ul li.mmb-1.on a span,
.mainmenu ul li.mmb-1 a:hover span { background:transparent url(images/mmb-1-span-bg.gif) 0 0 repeat-y; }
.mainmenu ul li.mmb-2.on a span,
.mainmenu ul li.mmb-2 a:hover span { background:transparent url(images/mmb-2-span-bg.gif) 0 0 repeat-y; }
.mainmenu ul li.mmb-3.on a span,
.mainmenu ul li.mmb-3 a:hover span { background:transparent url(images/mmb-3-span-bg.gif) 0 0 repeat-y; }
.mainmenu ul li.mmb-4.on a span,
.mainmenu ul li.mmb-4 a:hover span { background:transparent url(images/mmb-4-span-bg.gif) 0 0 repeat-y; }

/**
 * submenu
 */
.submenu { width:190px !important; border-top:1px solid white; }
.submenu ul { margin:0 0 0 0; padding:0 0 0 0; list-style:none; }
.submenu ul li { display:block; margin:-1px 0 0 0; padding:0 0 0 0; border-top:1px solid white; border-bottom:1px solid white; }
.submenu ul li a { display:block; width:170px; text-decoration:none; color:#fff; padding:7px 10px 7px 10px; text-transform:uppercase; font-style:italic; background:transparent url(images/smb-bg.gif) 0 0 repeat-y; overflow:hidden; }
.submenu ul li a span { font-size:11px; }
.submenu ul li a:hover,
.submenu ul li.act a,
.submenu ul li a:hover { color:#4c4c4c; background:transparent url(images/smb-on-bg.gif) 0 0 repeat-y; }
.submenu ul li ul { display:none; }
.submenu ul li.act ul,
.submenu ul li.cur ul { display:block; }
.submenu ul.level0 li.cur a { color:#4c4c4c; background:transparent url(images/smb-on-bg.gif) right 0 repeat-y; }

.submenu ul.level0 li a { }
.submenu ul.level0 li ul.level1 li a span { font-size:12px; }
.submenu ul.level0 li ul.level1 { margin:1px 0 -1px 0; }
.submenu ul.level0 li ul.level1 li.cur a,
.submenu ul.level0 li ul.level1 li a:hover { color:#4c4c4c; background:transparent url(images/smb-on-bg.gif) right 0 repeat-y; }
.submenu ul.level0 li ul.level1 li a { font-style:normal; text-transform:none; color:#fff; background:transparent url(images/smb-bg.gif) right 0 repeat-y; }
.submenu ul.level0 li ul.level1 li a span { display:block; width:160px; padding-left:10px; overflow:hidden; cursor:pointer; background:transparent url(images/sm-bullet.gif) 0 8px no-repeat; }
.submenu ul.level0 li ul.level1 li a:hover span,
.submenu ul.level0 li ul.level1 li.cur a span { background-image:url(images/sm-on-bullet.gif); }


/**
 * servicemenu
 */
body.de .servicemenu { background:#09a275 url(images/company-slogan.gif) 323px 50% no-repeat; }
body.en .servicemenu { background:#09a275 url(images/company-slogan-en.gif) 323px 50% no-repeat; }
.servicemenu { position:absolute; bottom:0; left:0; width:758px; height:37px; }
.servicemenu hr { display:none; }
.servicemenu ul { margin:0 0 0 14px; padding:0 0 0 0; list-style:none; }
.servicemenu ul li { float:left; margin:12px 0 0 0; padding:0 6px 0 6px; border-left:1px solid #b7dbc8; }
.servicemenu ul li.first { border:0; } 
.servicemenu ul li a { display:block; width:auto; font-size:10px; color:#b7dbc8; text-decoration:none; }
.servicemenu ul li.on a,
.servicemenu ul li a:hover { color:white; }


/**
 * language menu
 */
.langmenu { position:absolute; top:0; right:0; margin:7px 10px 0 0; }
.langmenu hr { display:none; }
.langmenu ul { margin:0 0 0 0; padding:0 0 0 0; list-style:none; }
.langmenu ul li { margin:0 0 0 0; padding:0 0 0 0; width:22px; height:14px; }
.langmenu ul li a { display:block; width:22px; height:14px; background-position:0 0; background-repeat:no-repeat; }
.langmenu ul li a span { display:none; }
.langmenu ul li.de a { background-image:url(images/lang-de.gif); }
.langmenu ul li.en a { background-image:url(images/lang-en.gif); }


/**
 * graphical headlines
 */
.imageheader { clear:both; background-repeat:no-repeat; background-position:0 0; background-color:white; height:30px; margin:30px 0 20px 0;}
.imageheader span { display:none; }

.content-center * { color:#4c4c4c; }

.content-center .top-link { padding:1.5em 0; }
.content-center .top-link a { display:block; color:#bbbbbb; padding:0 0 0 10px; background:transparent url(images/top-link-bg.gif) 0 0.25em no-repeat; text-transform:uppercase; }
.content-center .top-link a:hover { color:#999999; text-decoration:none; }

.content-center h1 { font-size:14px; line-height:150%; margin:0 0 1.0em 0; padding:1.5em 0 0 0; color:#09a275; text-transform:uppercase; font-style:italic; letter-spacing:0.2px; }
.content-center h2 { font-size:12px; line-height:150%; margin:0 0 0 0; padding:1.2em 0 0 0; }
.content-center h3 { font-size:12px; line-height:150%; margin:0 0 0 0; padding:1.2em 0 0 0; }

.content-center ul { margin-left:0; margin-right:0; padding-left:0; padding-right:0; list-style:none; }
.content-center ul li { margin:0 0 0 0; padding:0 0 0 12px; background:transparent url(images/list-bullet.gif) 0 0.5em no-repeat; }

.content-center a { text-decoration:none; color:#00a175; }
.content-center a:hover { text-decoration:underline; }
.content-center p { line-height:150%; margin-top:0.2em;}
.content-center li { line-height:150%; }
.content-center table.contenttable { border-spacing:0; }
.content-center table.contenttable td { text-align:left; vertical-align:top; padding:0 10px 4px 0; }
.content-center table.contenttable p { line-height:150%; margin:0 0 0 0; padding:0 0 0 0; }
.content-center table.contenttable ul { margin-top:0; margin-bottom:0; }

.text-indicator { float:left; margin:4px 8px 0 0; }
.content-center div.csc-textpic-above { }

div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image { margin-right: 1px; }


/**
 * mailform
 */
.content-center fieldset { border:0 !important;  margin:0 0 0 0; padding:0 0 0 0; }
.content-center fieldset legend { display:none; }

.content-center .csc-mailform .csc-mailform-field fieldset#mailformFachbereiche,
.content-center .csc-mailform .csc-mailform-field fieldset#mailformFachbereiche2,
.content-center .csc-mailform .csc-mailform-field fieldset#mailformSpecialist_divisions,
.content-center .csc-mailform .csc-mailform-field fieldset#mailformSpecialist_divisions2
{ padding-bottom:10px; }

.content-center .csc-mailform .csc-mailform-field fieldset#mailformFachbereiche label,
.content-center .csc-mailform .csc-mailform-field fieldset#mailformFachbereiche2 label,
.content-center .csc-mailform .csc-mailform-field fieldset#mailformSpecialist_divisions label,
.content-center .csc-mailform .csc-mailform-field fieldset#mailformSpecialist_divisions2 label
{ display:inline !important; float:none; }
 
.content-center .csc-mailform #mailformLandverkehre { margin:-6px 0 0 22px; }

.content-center .csc-mailform { border:0 !important;  margin:0 0 0 0; padding:0 0 0 0; }
.content-center .csc-mailform .csc-mailform-field,
.content-center .csc-mailform .csc-mailform-label { margin:0 0 0 0; padding:4px 0 4px 0; clear:both; }
.content-center .csc-mailform .csc-mailform-label { margin-top:1em;  }
.content-center .csc-mailform .csc-mailform-field label { display:block; float:left; width:11em; }
.content-center .csc-mailform input { width:260px; }
.content-center .csc-mailform input.csc-mailform-check { width:auto; }
.content-center .csc-mailform input.csc-mailform-radio { width:auto; }
.content-center .csc-mailform textarea { width:260px; height:120px; font-size:11px; color:#003071; }
.content-center .csc-mailform .csc-mailform-submit { width:auto; margin:1em 0 0 11em; }
.content-center .csc-mailform h2 { border-bottom:1px solid #666; padding-bottom:4px; }


.tx_donostamaps .location { background:white; width:20em; position:absolute; top:0; right:0; padding:1em; }
.tx_donostamaps .location h2 { margin-top:0; font-size:14px; }

.tx_donostamaps { position:relative; overflow:hidden; }
.tx_donostamaps .ydsf { position:absolute; top:0; right:0; margin:10px 0 20px 275px; width:190px;}
.tx_donostamaps .ydsf .inner { background-color:white; padding:10px; border:1px solid silver; }
.tx_donostamaps .ydsf .inner h2 { margin-top:0; font-size:14px; }

/* 
    yDSF (ydnar Drop-Shadow-Fu) ydnar@sixapart.com - http://www.sixapart.com
*/
.ydsf { display: block; position: relative; margin: 4px -4px -4px 4px; background:transparent url(images/shadow-grid.gif) repeat; }
/* ie6 ignores this selector */
html>body .ydsf { margin: 10px -10px -10px 10px; background: url(images/shadow.png) right bottom no-repeat; }
/* shadow corners */
.ydsf:before,
.ydsf:after { content: " "; display: block; width: 10px; height: 10px; background: inherit;	}
.ydsf:before { position: absolute; top: 0; right: 0; margin: -10px 0 0 auto; background-position: right top; }
.ydsf:after { margin: -10px 0 0 -10px; background-position: left bottom; }
.ydsf .inner { display: block; position: relative; overflow: hidden; /* prevents margin leakage from child elements */ left: -4px; top: -4px; }
/* ie6 ignores this selector */
html>body .ydsf .inner { left: -10px; top: -10px; margin: 0; }


/**
 *  News
 */
.news-list-container {padding:0.5em 0 0 0; }
.news-list-container .news-list-item {} 
.news-list-container .news-list-item .news-list-date { } 
.news-list-container .news-list-item h2 { padding-top:0.5em; } 
.news-list-container .news-list-item h2 a { } 
.news-list-container .news-list-item p.bodytext { margin-bottom:0.5em; }
.news-list-container .news-list-item .news-list-category { display:none; } 
.news-list-container .news-list-item .news-list-morelink { margin-bottom:1.5em; } 

.news-single-item { padding:1.5em 0 0 0; }
.news-single-item h2 { padding-top:0.5em; font-size:12px; color:#09a275; }
.news-single-item h3 { padding-bottom:1.2em; }
.news-single-item .news-single-timedata { }
.news-single-item .news-single-category { display:none; } 
.news-single-item .news-single-backlink { padding:1em 0 1em 0; } 


/**
 * Vertriebskarte 
 */

div#tx_vertriebskarte { width: 100%; margin-bottom: 20px; }

div#vertriebskarte_mapcontainer { position: relative; }
img#vertriebskarte_clear { position: absolute; z-index: 20; top: 0; left: 0; }
div#vertriebskarte_overlay { position: absolute; z-index: 10; top: 0; left: 0; }
img#vertriebskarte_permoverlay { position: absolute; z-index: 5; top: 0; left: 0; }

div#vertriebskarte_standorte { width: 220px; margin-top: 30px; }
div.standort { margin-bottom: 10px; }
div.standort h3 { display: block; margin:0; padding:0; font-size: 11px; font-weight: bold; color: #3c3c3c; }
div#vertriebskarte_standorte h2 { font-size: 14px; margin: 10px 0 5px 0; }
div.standort p { display: block; margin:0; padding:0; font-size: 11px; }
form#vertriebskarte_laender { margin-top: 10px; float: left; clear: left; width: 200px;}