@charset "utf-8";

* {
    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 {
	width: 940px;
}

div#header_l {
	float: left;
	width: 600px;
	height: 224px;
    background: #EEE;
	overflow: hidden;
}

div#header_r {
	float: right;
	width: 320px;
	height: 164px;
	text-align: right;
	padding: 30px 20px 30px 0;
    background: #EEE;
}

div#main {
    clear: both;
	float: left;
	width: 940px;
	margin-top: 20px;
	/* background: #CCC; */
    /* overflow: auto; */
}

div#main.alt02 {
	width: 700px;
	/* background: #CCC; */
	margin-left: 240px;
	color: #F00;
}

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; */
}



/*******************************************************************************
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;
}


/*******************************************************************************
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;
}


/* 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: 150%;
   font-weight: bold;
   margin: 0 0 20px 0;
   color: #00195A;
}



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

p {
	margin: 0 0 20px 0;
	padding: 0;
	color: #000;
}

.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(../images/bullet_rot.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: #A02031;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

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: #A02031;
}

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: #A02031;
}

body.rot a {
	color: #A02031;
}



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

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

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

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

div#contentmiddle ul,
div#contentmiddle2 ul {
	list-style-image: url(../images/bullet_rot.gif);
}

hr {
	border-color: #B4B4B4;
	border-style: dotted;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
	margin-bottom: 20px;
}

table.contactform td {
	padding: 0 15px 3px 0;
	white-space: nowrap;
}

input.inputbox {
	border: 1px solid #BBBBBB;
	padding: 4px;
	width: 300px;
}