* {
    margin: 0;
    padding: 0;
}

img { border: 0; }

/* Firefox: Layout-Springen vermeiden */
html { height: 100%; margin-bottom: 1px; }

body, td {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    /* line-height: 140%; */
}


/*******************************************************************************
BASIC LAYOUT
*******************************************************************************/

body {
    color: #000;
    /* background: #EBEBEB url(../images/bg_body3.jpg) repeat-x; */
    background: #B4B4B4;
    margin: 0;
    padding: 20px 0 20px 0;
}

div#pagewrapper {
    margin: 0 auto;
	padding: 20px;
    width: 940px;
	/* border: 1px solid #B4B4B4; */
    background-color: #FFFFFF;
    overflow: hidden;
    /* border: 1px solid #858585; */
}

div#header {
    background: #EEE url(../images/bg_header_start2.jpg) no-repeat;
	width: 320px;
	height: 164px;
	text-align: right;
	padding: 30px 20px 30px 600px;
}

div#main {
    clear: both;
    /* overflow: auto; */
}

div#navileft {
	float: left;
    /* background-color: #EEE; */
	width: 220px;
	padding: 0;
	margin: 20px 0 20px 0;
	border-top: 1px solid #B4B4B4;
}

div#contentmiddle {
	float: left;
    /* background-color: #EEE; */
	width: 420px;
	padding: 20px 20px 20px 20px;
	margin: 20px 0 0 20px;
	border-top: 1px solid #B4B4B4;
	/* border-left: 1px solid #B4B4B4; */
}

div#contentmiddle2 {
	float: left;
    /* background-color: #EEE; */
	width: 660px;
	padding: 20px 20px 20px 20px;
	margin: 20px 0 0 20px;
	border-top: 1px solid #B4B4B4;
	/* border-left: 1px solid #B4B4B4; */
}

div#contentright {
	float: left;
    /* background-color: #EEE; */
	width: 179px;
	padding: 20px 20px 20px 20px;
	margin: 20px 0 0 20px;
	border-top: 1px solid #B4B4B4;
	border-left: 1px solid #B4B4B4;
	font-size: 11px;
}

div#footer {
	margin-top: 20px;
    padding: 9px 20px 10px 20px;
    width: 900px;
    font-size: 11px;
    background-color: #EEE;
    clear: both;
	float: left;
}

div#footer_l {
    /* width: 700px; */
	float: left;
}

div#footer_r {
    /* width: 200px; */
	/* text-align: right; */
	float: right;
	/* background-color: yellow; */
}

.modul_headline {
    border-bottom: 1px solid #FFF;
    font-weight: bold;
    color: #000000;
    background-color: #D1D1D1;
    padding: 6px 10px 8px 10px;
}


/*******************************************************************************
STARTSEITE
*******************************************************************************/

div#starttopcontent {
	clear: both;
	border-top: 1px solid #B4B4B4;
	padding-top: 20px;
	margin-top: 20px;
}

div#startcontent {
	float: left;
	width: 619px;
    /* background-color: yellow; */
	padding: 0 20px 0 0;
	margin: 0 0 20px 0;
	border-right: 1px solid #B4B4B4;
}

div#startnews {
	float: right;
	width: 280px;
	padding: 4px 0 20px 20px;
	margin: 0 0 10px 0;
    /* background-color: #EEE; */
}

div#startjobs {
	background-color: #EEE;
	padding: 20px 20px 0 20px;
	overflow: auto;
}

div#startboxes {
	clear: both;
	border-top: 1px solid #B4B4B4;
	/* background-color: yellow; */
	overflow: auto;
}

div#startbox1 {
	float: left;
	width: 300px;
	margin: 20px 0 0 0;
	color: #FFF;
}

div#startbox2 {
	float: left;
	width: 300px;
	margin: 20px 0 0 20px;
	color: #FFF;
}

div#startbox3 {
	float: left;
	width: 300px;
	margin: 20px 0 0 20px;
	color: #FFF;
}

div#startbox_kommunikation {
    background: #A02031 url(../images/bg_circle_kommunikation_neu2.jpg) no-repeat 195px 10px;
	padding: 20px 20px 0 20px;
	height: 120px;
}

div#startbox_it {
    background: #B4B4B4 url(../images/bg_circle_it.jpg) no-repeat 195px 10px;
	padding: 20px 20px 0 20px;
	height: 120px;
}

div#startbox_markt {
    background: #195C18 url(../images/bg_circle_markt.jpg) no-repeat 195px 10px;
	padding: 20px 20px 0 20px;
	height: 120px;
}


/*******************************************************************************
NAVI TOP
*******************************************************************************/

#topnavi {
	padding-left: 0;
	margin-left: 0;
	margin-top: 30px;
	border-bottom: 1px solid #B4B4B4;
	width: 150px;
	float: right;
}

#topnavi li {
	list-style: none;
	margin: 0;
	padding: 6px 0;
	border-top: 1px solid #B4B4B4;
}

#topnavi li a {
	text-decoration: none;
}


/*******************************************************************************
NAVI LEFT
*******************************************************************************/

#navileft ul.menu-top {
	padding-left: 0;
	margin: 0;
	width: 220px;
}

#navileft ul.menu-top li {
	list-style: none;
	margin: 0;
	padding: 23px 0 0 0;
    /* font-family: Georgia, Arial, Helvetica, sans-serif; */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight: bold;
	color: #00195A;
}

/* 1. LEVEL *****/
#navileft ul.menu-top li ul {
	padding-left: 0;
	margin: 20px 0 0 0;
	width: 220px;
	border-top: 1px dotted #B4B4B4;
}

#navileft ul.menu-top li ul li {
	margin: 0;
	padding: 7px 0 7px 15px;
	border-bottom: 1px dotted #B4B4B4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #FFF url(../images/bullet_grau.gif) no-repeat left 13px;
}

/* 2. LEVEL *****/

#navileft ul.menu-top li ul li ul {
	padding-left: 0;
	margin: 7px 0 0 0;
	width: 205px;
	border-top: 0;
}

#navileft ul.menu-top li ul li ul li {
	margin: 0;
	padding: 6px 0 6px 15px;
	border-top: 0;
	border-bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #FFF url(../images/bullet_grau.gif) no-repeat left 13px;
}



#navileft ul.menu-top a {
	text-decoration: none;
}

#navileft li.menu-current a {
	color: #999;
}

/* Unterlinke vom current li */
#navileft li.menu-current ul li a {
	color: #00195A;
}


/*******************************************************************************
CONTENT STYLING
*******************************************************************************/

/* LINK STYLES ****************************************************************/
a,
a:link
a:active
a:visited {
    text-decoration: underline;
    /* css validation will give a warning if color is set without background
	color. this will explicitly tell this element to inherit bg colour from
	parent element */
    background-color: inherit;
    color: #00195A;
}

a:hover,
#navileft li a:hover,
#topnavi li a:hover {
    text-decoration: underline;
}
div#main .box_right p, div#main .box_text_right p, div#main .box_text_left p, div#main .box_left p {
    color: #555555;
    line-height: 17px;
    margin: 0 0 10px;
}
.box_left {
	float:left;
	width:485px;
}
.box_img_left {
	float:left;
	width:175px;
}
.box_img_right {
	float:right;
	width:93px;
}
.box_text_right {
	float:right;
	width:544px;
}
.box_right {
	float:right;
    width: 150px;
}
.box_text_left {
	float:left;
    width: 549px;
}
body.grau div#main #contentmiddle2  .clear {
    border-bottom: 1px solid #555;
    clear: both;
    margin: 19px 0;
	color: #555;
}
body.grau div#main #contentmiddle2 .box_text_right h2,
body.grau div#main #contentmiddle2 .box_text_left h2,
body.grau div#main #contentmiddle2 .box_right h2,
body.grau div#main #contentmiddle2 .box_left h2 {
    color: #0076B9;
    font-size: 15px;
    margin-top: 0;
}
.zitat {
    font-variant: small-caps;
    float: right;
    font-style: italic;
    position: relative;
    top: -7px;
}
/* HEADINGS *******************************************************************/

div#main h1 {
}

div#main h2 {
   /* font-family: Georgia, Times New Roman, Times; */
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   line-height: 100%;
   font-weight: bold;
   margin: 0 0 20px 0;
   color: #00195A;
}

div#main h3 {
   /* font-family: Georgia, Arial, Helvetica, sans-serif; */
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 100%;
   font-weight: bold;
   margin: 0 0 20px 0;
   color: #00195A;
}

div#main #startbox1 h3, div#main #startbox1 a {
   color: #8C0A00;
}

div#main #startbox3 h3, div#main #startbox3 a {
   color: #666;
}


/* TEXT ***********************************************************************/

p {
   margin: 0 0 20px 0;
   padding: 0;
}

.small { font-size: 11px; }

.bordertop {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px dotted #B4B4B4;
}

blockquote { margin-left: 10px; }

pre { font-family: monospace; }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

.no_under { text-decoration: none; }


/* LISTS **********************************************************************/

div#main ul,
div#main ol,
div#main dl {
    margin: 0 0 20px 30px;
    list-style-type:square;
    /* list-style-image: url(uploads/images/listimage.gif); */
}

div#main ul li,
div#main ol li {
    margin-bottom: 8px;
    /*margin: 1em 0 0 30px;*/
}

div#main ul li ul {
    margin-top: 15px;
    /*margin: 1em 0 0 30px;*/
}


/*******************************************************************************
FARB-SCHEMATA
*******************************************************************************/

body.rot div#main h2,
body.rot div#main h3,
body.rot #navileft ul.menu-top li {
    color: #8C0A00;
}

body.rot div#navileft,
body.rot div#contentmiddle,
body.rot div#contentright {
	border-top: 1px solid #B4B4B4;
}

body.rot div#header {
    background: #EEE url(../images/bg_header_kommunikation.jpg) no-repeat;
}

body.rot #navileft ul.menu-top li ul li {
    background: #FFF url(../images/bullet_rot.gif) no-repeat left 13px;
}

body.rot #navileft ul.menu-top a {
	text-decoration: none;
	color: #8C0A00;
}

body.rot #navileft li.menu-current a {
	color: #999;
}

body.rot #navileft li a:hover {
	text-decoration: underline;
}

/* Unterlinke vom current li */
body.rot #navileft li.menu-current ul li a {
	color: #8C0A00;
}

body.rot a {
	color: #8C0A00;
}

body.rot strong {
	color: #8C0A00;
}

/******************************************************************************/

body.gruen div#main h2,
body.gruen div#main h3,
body.gruen #navileft ul.menu-top li {
    color: #195C18;
}

body.gruen div#navileft,
body.gruen div#contentmiddle,
body.gruen div#contentright {
	border-top: 1px solid #B4B4B4;
}

body.gruen div#header {
    background: #EEE url(../images/bg_header_marktforschung2.jpg) no-repeat;
}

body.gruen #navileft ul.menu-top li ul li {
    background: #FFF url(../images/bullet_gruen.gif) no-repeat left 13px;
}

body.gruen #navileft ul.menu-top a {
	text-decoration: none;
	color: #195C18;
}

body.gruen #navileft li.menu-current a {
	color: #999;
}

body.gruen #navileft li a:hover {
	text-decoration: underline;
}

/* Unterlinke vom current li */
body.gruen #navileft li.menu-current ul li a {
	color: #195C18;
}

body.gruen a {
	color: #195C18;
}

body.gruen strong {
	color: #195C18;
}

/******************************************************************************/

body.grau div#main h2,
body.grau div#main h3,
body.grau #navileft ul.menu-top li {
    color: #666;
}

body.grau div#navileft,
body.grau div#contentmiddle,
body.grau div#contentright {
	border-top: 1px solid #B4B4B4;
}

body.grau div#header {
    background: #EEE url(../images/ve-header.jpg) no-repeat;
}
#schluessel {
    background: url("../images/schluessel.png");
    width: 308px;
    height: 379px;
    margin-top: -101px;
    position: absolute;
    margin-left: 44px;
}
body.grau #navileft {
    padding-top: 17px;
}
body.grau div#main #contentmiddle2 h2 {
    margin-top: 21px;
}
body.grau #contentright {
    margin-top: 95px;
}
body.grau #navileft ul.menu-top li ul li {
    background: #FFF url(../images/bullet_grau.gif) no-repeat left 13px;
}

body.grau #navileft ul.menu-top a {
	text-decoration: none;
	color: #666;
}

body.grau #navileft li.menu-current a {
	color: #B4B4B4;
}

body.grau #navileft li a:hover {
	text-decoration: underline;
}

/* Unterlinke vom current li */
body.grau #navileft li.menu-current ul li a {
	color: #666;
}

body.grau a {
	color: #666;
}

body.grau strong {
	color: #666;
}


/*******************************************************************************
NEWS (Startseite)
*******************************************************************************/

#mynews h2 { display: none; }
#mynews p { margin: 0; }
#mynews hr { display: none; }


/*******************************************************************************
DIVERSES
*******************************************************************************/

#footer_r img {
	vertical-align: middle;
	margin-right: 7px;
}

.kasten {
	margin-top: 20px;
	padding: 20px 20px 0 20px;
	border: 1px solid #B4B4B4;
}

div#karriereboxen {
	/* background-color: yellow; */
	overflow: auto;
}

div#karrierebox_kommunikation {
	float: left;
	width: 165px;
	margin: 20px 0 0 0;
	color: #FFF;
    background: #A02031 url(../images/bg_circle_kommunikation_neu2.jpg) no-repeat 75px 65px;
	padding: 20px 20px 0 20px;
	height: 140px;
}

div#karrierebox_markt {
	float: left;
	width: 165px;
	margin: 20px 0 0 20px;
	color: #FFF;
    background: #195C18 url(../images/bg_circle_markt.jpg) no-repeat 75px 65px;
	padding: 20px 20px 0 20px;
	height: 140px;
}

div#karrierebox_it {
	float: left;
	width: 165px;
	margin: 20px 0 0 20px;
	color: #FFF;
    background: #B4B4B4 url(../images/bg_circle_it.jpg) no-repeat 75px 65px;
	padding: 20px 20px 0 20px;
	height: 140px;
}

img.portrait {
	margin-right: 20px;
	float: left;
}