@charset 'utf-8';

/******************************
screen.css
Version: 1.0
(c) by WERBESTUDIO HILD
www.werbestudio-hild.de
******************************/

@import url(reset.css);

body { background: #444; color: #222; font: 101% Arial, Helvetica, sans-serif; overflow-y: scroll; padding-bottom: 15px; text-align: center; }

em { font-style: italic; }
strong { font-weight: bold; }

.clear { clear: both; }
.right {float: right;}

/* Container */
#container { background: #fff url(../images/backgrounds/container.gif) repeat-y; border: 1px solid #222; border-top: none; margin: 0 auto; text-align: left; width: 740px; }

.dienstleistungen #container{background: #fff url(../images/backgrounds/dienstleistungen.jpg) no-repeat; background-position: bottom; height: 805px;}

.start #container{background: #fff url(../images/backgrounds/dienstleistungen.jpg) no-repeat; background-position: bottom; height: 790px;}

.karriere #container{background: #fff url(../images/backgrounds/karriere.jpg) no-repeat; background-position: bottom; height: 805px;}

/* Header */
#header { background: #006154; width: 740px; height: 85px;}
#header h1 { float: right; margin-top: 5px; }

#mainnav {padding-top: 67px; background: #006154;}
#mainnav li { color: #bbb; display: inline; font-size: .8em;  }
#mainnav a { border-right: 1px solid #bbb; color: #bbb; display: block; float: left; font-weight: normal; padding: 0 15px; text-decoration: none; }
#mainnav a.active,
#mainnav a:hover,
#mainnav a:focus,
#mainnav a:active { color: #fff; }
#mainnav .last a { border-right: none; }

#bild { height: 200px; width: 740px; float: right; margin-top: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff;  background: #006154;}
#box {width: 200px; height: 188px; float:left; text-align: center; padding-top: 12px;}
#box img {border: 1px solid #fff; margin: 5px; padding: 0;  background: #006154;}

#sub_leer { height: 10px; width: 726px; float: right; margin: 0; padding:0;  background: #006154;}



#subnav_wrap { background: #006154; border-bottom: 1px solid #fff; font-size: .65em; line-height: 12px; padding: 0 14px; }
#subnav li { display: inline; position: relative; }
#subnav a { border-right: 1px solid #bbb; color: #bbb; display: block; float: left; font-weight: bold; padding: 5px 7px; text-decoration: none; }
#subnav li.first a { border-left: 1px solid #bbb; }
#subnav li.empty a { border: 0; }
#subnav a.active,
#subnav a:hover,
#subnav a:focus,
#subnav a:active { color: #fff; }
#subnav a.active,
#subnav a.active:hover,
#subnav a.active:focus,
#subnav a.active:active { background: #444; }

#subnav li li a,
#subnav li.first li a { border: 0; }

/* Drop Down */
ul.potato-menu { width: auto; list-style: none;  }
.potato-menu:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; }
ul.potato-menu li.potato-menu-item { position: relative; list-style: none; list-style-position: outside; display: inline; float: left; }
ul.potato-menu li.potato-menu-item a { background: #006154; display: block; text-decoration: none; white-space: nowrap; }
ul.potato-menu-group { border: 1px solid #fff; margin-top: 22px; background: #006154;}
ul.potato-menu-group li.potato-menu-item a { width: 163px; }
ul.potato-menu ul.potato-menu-group { position: absolute; display: none; z-index: 1000; }
#subnav .potato-menu-has-vertical > a { background: url(../images/backgrounds/arrow.gif) no-repeat right center; padding-right: 12px; }

/* Content */
#content { clear: both; padding: 15px 0; color: #444; padding-bottom: 0; }

#maincontent a { color: #006154; font-weight: bold; text-decoration: none;}
#maincontent a:visited { color: #555; }
#maincontent a:hover,
#maincontent a:focus,
#maincontent a:active { text-decoration: underline; }

#maincontent { float: right; width: 550px; }
#maincontent li { background: url(../images/backgrounds/dot_li.gif) no-repeat 0 .6em; padding-left: 10px; }

#maincontent h2 { font-size: 1.2em; font-weight: normal; line-height: 1.4; margin: .9em 15px; }
#maincontent h3 { font-size: 1.1em; font-weight: normal; line-height: 1.5; margin: 2.5em 0 0 15px;}
#maincontent h4 { font-size: .9em; font-weight: normal; line-height: 1.5; margin: .9em 0 0 15px;}
#maincontent h5 { font-size: .9em; font-weight: bold; line-height: 1.5; margin: .9em 15px 0 15px; color: #006154;}
#maincontent p,
#maincontent li { font-size: .7em; line-height: 1.6; }
#maincontent ul,
#maincontent p { margin: .9em 15px; }


/* * Ansprechpartner * */
#maincontent .asp { display: inline; float: left; width: 170px; margin-right: 10px; }
#maincontent .asp h3 { font-size: .85em; font-weight: normal; line-height: 1.3; margin: .3em 0 0 15px; }
#maincontent .asp p { font-size: .7em; line-height: 1.3; margin: .3em 0 0 15px;}
#maincontent .asp img { padding-top: 5px;}
/* With Caption */
#maincontent .imgbox { margin-left: 6px; width: 265px; }
#maincontent .imgbox p { font-size: .65em; color: #777; float: left; width: 122px; margin: 0 0 0 10px; text-align: center; }

/* * Fussnote * */
#maincontent .footnote h3,
#maincontent .footnote p { font-size: .65em; line-height: 1.4; }
#maincontent .footnote h3 { font-weight: bold; margin: 2.4em 15px 0; }
#maincontent .footnote p { margin: 0 15px .9em; }

#maincontent .leftalign { float: left; margin: 15px 15px 15px 0 ; }
#maincontent .rightalign { float: right; margin: 15px 5px 15px 15px; }
#maincontent .weiterbildung { float: left; margin: 0 15px 15px 0 ; }

#sidebar { margin: 1.2em 20px 0 20px; width: 155px;  color: #666; line-height: 1.8em; }
#sidebar h1 {font-size: 1.1em; color: #aaa; line-height: 1.7em; padding-bottom: 15px;}
#sidebar h2 {font-size: 1em; color: #6c6c6c; line-height: 1.6em; padding-bottom: 10px;}
#sidebar h3 {font-size: .9em; color: #595959; line-height: 1.2em;padding-bottom: 20px; }
#sidebar h4 {font-size: .8em; color: #dadada; line-height: 1.2em;padding-bottom: 25px; }
#sidebar h5 {font-size: .75em; color: #c0c0c1;line-height: 1.2em;padding-bottom: 15px; }
#sidebar h6 {font-size: 1.6em; color: #b1b3b4; line-height: 1.7em; padding-bottom: 15px; }
#sidebar p { margin: .9em 0; }
#sidebar a { color: #006154; font-weight: bold; text-decoration: none; }
#sidebar a:visited { color: #555; }
#sidebar a:hover,
#sidebar a:focus,
#sidebar a:active { text-decoration: underline; }

.start #sidebar h1 {font-size: 1.2em; color: #e5e5e5; line-height: 1.7em; padding-bottom: 15px;}

/* Footer */
#footer { background: #006154; border-top: 1px solid #fff; padding: .3em 0; text-align: center; }
#footer p { font-size: .7em; }
#footer p,
#footer a { color: #bbb; font-weight: normal; text-decoration: none; }
#footer a.active,
#footer a:hover,
#footer a:focus,
#footer a:active { color: #fff; }
.links {text-align:left;}
.rechts {text-align: right;}
.center {text-align: center;}
table { width: 500px; font-size: .65em; line-height: 1.4;margin: .9em 15px; }
td { width: 125px; padding: 5px; border: 1px solid #333;}
.unterstrich { text-decoration: underline;}
.fett{ font-weight: bold;}
.partner{ padding-top: 25px;}
.ausbildung {float: right; clear:both; width: 260px;}