html {
    font: 0.75em/1.25em Arial, Verdana, Helvetica, sans-serif; 
    min-height: 100%;
}

body {
    background: #e1e5e8 url("/media/images/layout/bg_body.jpg") repeat-x center bottom;
    margin: 0;
    padding: 0;
    color: #000;
    text-align: center;
}

a {
    color: #D84356;
    text-decoration: none;
}

a:hover {
    color: #982D3B
}

img, a img {
    border: 0 none;
}

a.pdf {    background: url("/media/images/layout/pdf.gif") no-repeat 0 50%;    padding-top: 2px;    padding-bottom: 2px;	padding-left: 16px; }
p.legende {font-size:0.9em;}
img.standort {
    float: left;
    margin-right: 15px;
}

h1, h2, h3, p {margin-top: 0;}

h1 {
    font-size: 1.3em;
    margin: 0 0 21px 0;
}

h1.title {
    text-indent: -9999px;
    height: 35px;
}

h1.title_recall {
    background: url(/media/images/title/title-recall.gif) no-repeat;
    border-bottom: 1px solid #CFD0D2;
}
h1.title_recall_en {
    background: url(/media/images/en/title/bitte_rufen_en.gif) no-repeat;
    border-bottom: 1px solid #CFD0D2;
}
h1.title_recommend {
    background: url(/media/images/title/title-recommend.gif) no-repeat;
    border-bottom: 1px solid #CFD0D2;
}

h1.title_recommend_en {	
    background: url(/media/images/en/title/recommend_this_page_en.gif) no-repeat;
    border-bottom: 1px solid #CFD0D2;
}

h2 {
    font-size: 1.1em;
    padding-bottom: 4px;
    margin-bottom: 6px;
}

h3 {
    font-size: 1em;
    margin-bottom: 6px;
}

hr {
	color: #343434;
	background-color: #343434;
	height: 1px;
	border: 0
}

ul {
    margin: 0 0 0.8em 0;
    padding-left: 0;
    list-style: none;
}

li {
    padding-left: 10px;
    background: url("/media/images/layout/li-dot.gif") no-repeat 0 0.3em;
    margin-bottom: 0.2em;
}

ol li {
    background: none;
    margin-bottom: 0;
    padding-left: 0;
}

table {
	margin: 0 0 0.5em 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0
}

th { font-weight: bold; text-align: left; }

td {
	vertical-align: top;
	font-size: 0.75em;
	padding: 0;
}

table.tKunden {
    width: 100%;
    margin: 0 0 1em 0;
}

table.tKunden th {
    background-color: #C6CDD3;
    border-bottom: 1px solid #7F94A1;
    padding: 3px 4px;
    font-size: 0.8em;
}

table.tKunden td {
    padding: 6px 4px;
    border-bottom: 1px solid #CFD0D2;
    vertical-align: middle;
    width: 49%;
}

address {
    margin: 0 auto;
    padding-right: 12px;
    color: #3E5E71;
    font-style: normal;
    width: 844px;
    height: 110px;
    text-align: right;
}

address a {
    color: #3E5E71;
    font-style: normal;
    text-decoration: underline;  
}
address a:hover { color: #000; }
.highlight {color:#D84356;}
/* Layout
-------------------------------------------- */

#accesskeys, .invis {
	position: absolute;
	top: -300px;
	}

div#page {
    width: 860px;
    text-align: center;
    margin: 0 auto;
    background: url("/media/images/layout/bg_page.png") no-repeat bottom;
    padding: 0 0 36px 0;
}

/* ---------------- Header    */

div#header {
    text-align: right;
    height: 83px;
    margin: 0 8px;
}

div#header h1, div#header h2 {
    margin: 0;
    padding: 0;
    text-align: left;
    text-indent: -9999px;
    height: 83px;
}

div#header h1 {
    width: 160px;
    float: left;
    background: url("/media/images/layout/grass-logo.gif") no-repeat 0 50%;
}

div#header h2 {
    background: url("/media/images/layout/bg_claim.gif") no-repeat right 50%;
    width: 300px;
    float: right;
}

div#header h1 a, div#header h2 a  {
    display: block;
    height: 75px;
}

/* ---------------- Main, Content    */

div#main, div#portal {
    text-align: left;
    background: #e1e5e8 url("/media/images/layout/bg_main.gif") repeat-x 0 0;
    clear: both;
    margin: 0 8px;
}

div#wrapper {
    background: url("/media/images/layout/bg_wrapper.gif") repeat-y 0 0;
    border-bottom: 1px solid #fafafb;
}

div#content {
    margin: 0 0 0 183px;
    padding-top: 18px;
    width: 475px;
}

p#gotop {
    clear: both;
    text-align: right;
    margin: 0 0 10px 0;
}

/* ---------------- Meta    */

ul#meta {
    text-align: right;
    color: #D84356;
    height: 54px;
    margin-right: 12px;
}

ul#meta li {
      display:inline;
      background: none;
      margin: 0;
      padding: 0 3px 0 0;
}

ul#meta li.meta-dot {
    background: url("/media/images/layout/meta-dot.gif") no-repeat 0 0.5em;
      padding: 0 0 0 6px;
}

ul#meta li a.active {
    color: #000;
}

/* ---------------- Sidebar    */

div#sidebar {
    float: right;
    width: 160px;
    text-align: center;
    background: url("/media/images/layout/bg_sidebar.gif") repeat-x 0 0;
    padding-top: 8px;
}

ul#functions {
    margin: 0 0 15px 10px;
    padding: 0;
    font-size: 0.95em;
    text-align: left;
    clear: right;
}

ul#functions li {
    padding-left: 15px;
    margin-bottom: 0;
}

ul#functions li.print {
    background: url("/media/images/layout/ico-print.gif") no-repeat 0 50%;
}

ul#functions li.bookmark {
    background: url("/media/images/layout/ico-bookmark.gif") no-repeat 0 50%;
}

ul#functions li.recommend {
    background: url("/media/images/layout/ico-recommend.gif") no-repeat 0 50%;
}

ul#functions li.call {
    background: url("/media/images/layout/ico-call.gif") no-repeat 0 50%;
}


/* Banner */

ul#banner {
    margin: 0;
    padding: 0;
}

ul#banner li {
    background: none;
    padding: 0;
    margin: 0 0 4px 0;
    line-height: 1%;
}

ul#banner li.lastbanner {
    margin-bottom: 0;
}
/* Portal
-------------------------------------------- */

div#portal {
    background: #d4d8de url("/media/images/layout/bg_portal.gif") repeat-x 0 0;
}

div#portalwrapper {
    border-bottom: 1px solid #fafafb;
}

div#teaser {
    float: right;
    width: 144px;
    background: #e5e8ed url("/media/images/layout/bg_teaser.gif") repeat-x 0 0;
    padding: 8px 0 0 0;
}

div#teaser ul#meta {
    height: 17px;
}

div#portalinner {
    float: left;
    width: 700px;
}

h3.claim {
    float: left;
    text-indent: -9999px;
    background: url("/media/images/layout/bg_portalclaim.gif") no-repeat 0 24px;
    height: 164px; 
    width: 484px;
    margin: 0;
}

h3.claim_en {
    float: left;
    text-indent: -9999px;
    background: url("/media/images/en/layout/bg_portalclaim_en.gif") no-repeat 0 24px;
    height: 164px; 
    width: 484px;
    margin: 0;
}


/*Beraterbox*/

div#berater {
    margin:  0 0 0 484px;
    width: 212px;
}

h3.tberater {
    text-indent: -9999px;
    height: 60px;
    background: url("/media/images/title/portal-berater.gif") no-repeat left bottom;
    margin: 0;
}

h3.tberater_en {
    text-indent: -9999px;
    height: 60px;
    background: url("/media/images/en/title/portal-consultants.gif") no-repeat left bottom;
    margin: 0;
}

#picbox {
    margin: 0;
    padding: 0;
    text-align: left;
    position: relative;
    width: 211px;
    height: 344px;
    overflow: hidden;
    border-top: 2px solid #f6f7f8;
    border-left: 2px solid #f6f7f8;
}

#picbox li {
    width: 99%;
    padding: 4px 1px 4px 6px;
    margin: 0 0 0 2px;
    border-top: 2px solid #d9dde2;
    background: #e5e8eb;
}

#picbox li a {
    font-weight: bold;
}

#picbox li div {
    height: 104px;
    margin-left: 90px;
    font-size: 11px;
}

#picbox li div span {
    display: block;
    padding-top: 24px;
}

#picbox li img {
    float: left;
}

div.imgGalerie a img {
    border: 5px solid #fff;
}


/* Navi
-------------------------------------------- */

#navi {
      float:left;
      width:100%;
      background: url("/media/images/layout/bg_navi.gif") repeat-x top;
}
#navi ul {
      margin: 0;
      padding: 0px;
repeat-x: top;
}
#navi li {
      float:left;
      background: none;
      margin:0;
      padding: 0 0 0 6px;
}
#navi a {
      display:block;
      padding: 8px 12px 11px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#fff;
}
#navi a:hover {
      color:#000;
}
#navi .active {
      background:url("/media/images/layout/left_on.gif") no-repeat left top;
}
#navi .active a, #navi .active a:hover {
      background: url("/media/images/layout/right_on.gif") no-repeat right top;
      color:#fff;
}

/* ---------------- 2nd Navi    */

ul#second {
    float: left;
    width: 160px;
    background: #F7F8F9 url("/media/images/layout/bg_nav_second.gif") repeat-x 0 0;
    margin: 0;
    padding: 78px 0 0 0;
    border-bottom: 1px solid #f6f7f8;
}

ul#second li {
    background: none;
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #f6f7f8;
    padding: 3px 2px 2px 12px;
    margin-bottom: 0;
}

ul#second li a {
    color: #3e5e71;
    font-weight: bold;
}

ul#second li.active a, ul#second li a:hover {
    color: #000;
}

/* ---------------- 3rd Navi    */

ul#second li ul {
    background: none;
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

ul#second li ul li {
    border-bottom: 0;
    border-top: 0;
    padding: 3px 1px 1px 7px;
    margin-bottom: 0;
}

ul#second li ul li a {
    font-weight: normal;
    color: #3e5e71 !important;
}

ul#second li ul li a:hover, ul#second li ul li.active a {
    color: #000 !important;
}

ul#second li ul li.active {
    background: url("/media/images/layout/active-2nd.gif") no-repeat 0 0.5em;
}
/* ---------------- Print/Popup    */
body.formPopup {
background: #e1e5e8;
margin:0pt;
padding: 13px 0 13px 0;
text-align:left;
}
body.print {
background: #fff;
background-image:none;
margin:0pt;
padding:13px 13px 13px 31px;
text-align:left;
width:527px;
}
#popuphead {
float:right;
}
img.logo {
margin-bottom:20px;
}
body.formPopup #popuphead {
    margin-right: 13px;
}
body.formPopup img.logo {
    margin-left: 31px;
}

/* ---------------- Form */
#form-content {
    background-color: #f4f6f7;
    padding: 25px 0 0 31px;
}
#Form .buttons { margin-bottom:10px;}
#Form .spacer { width:10px;}
#Form table {margin-top:10px;}
#Form td { padding-bottom:6px; vertical-align:top; }
#Form input.formField, #Form textarea {
	width:250px;
	height:20px;
	border: solid 1px #7F94A1;
}
#Form textarea {
    margin-bottom: 1em;
}

#Form select {
    width: 130px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 1em;
}

#Form input.zip { width:44px; }
#Form input.location { width:200px; }
#Form textarea { height:60px; }
#Form a.send { margin-right:68px;}

#Form input.formbutton {
    color: #D84356;
    font-weight: bold;
    font-size: 1em;
    padding: 1px;
    margin-right: 10px;
    border: none;
    border-bottom: 1px solid #7F94A1;
    background-color: #f4f7f8;
}

#Form input.darkgrey {
    background-color: #e1e5e8;
}


/* ---------------- CV Team */
#cv { height:180px; margin-bottom:15px; }
#cv img{ float:left; margin-right:26px; }