/* CSS Document by Thomas Müller Webentwicklung @ www.tm-webentwicklung.com for UTILITY PARTNERS */

/*
Blau: #1e79ba
*/


/*=====================================
# Basic Layout                        #
=====================================*/
body, html {
	margin:0px;
	padding:0px;
}

body {
	margin:0px 0px 0px 0px;
	padding:0px; /* Extrawurst für Opera: */
	background-color:#b9bebf;
	background-image:url(../images/body-bg.gif);
	background-position:left top;
	background-repeat:repeat-y;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
}

div#page {
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:1270px;
}

div#leftcol {
	float:left;
}

div#balken{
	height:17px;
	/* margin-left:230px; Breite div#navigation*/
	background-color:#1e79ba;
	position:absolute;
	top:146px;
	left:230px;
}

img {
	border:none;
}

img, a {
	outline:none;
}

div.clearer {
	height:0px;
	clear:both;
	line-height:0px;
	font-size:1px;
	margin:0px;
	padding:0px;
}



/*=====================================
# Header                              #
=====================================*/
div#rightcol {
	margin-left:1025px;
	padding:21px 0px 0px 0px;
}

div#rightcol p {
	color:#322421 !important;
	line-height:1.5em;
	padding-left:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 67px
}

div#rightcol a {
	color:#87857d;
}

/*=====================================
# Navigation                          #
=====================================*/

/* Navigation */
div#navigation {
	margin:300px 0px 0px 0px;
	float:left;
	width:230px;
}

div#navigation ul, div#navigation ul li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

div#navigation ul {
	margin:0px 0px 0px 18px;
	width:190px;
}

div#navigation ul li {
	font-size:1.1em;
	padding:7px 0px 7px 2px;
	background-image:url(../images/navi-li-bg.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

div#navigation ul li a {
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	padding-left:17px;
}

div#navigation ul li.current a {
	background-image:url(../images/navi-arrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

div#navigation ul li.current a, div#navigation ul li.active a, div#navigation ul li a:hover {
	color:#1e79ba;
}

/* Level 2 */
div#navigation ul li.current ul.level2, div#navigation ul li.active ul.level2 {
	margin:3px 0px 0px 17px;
	width:auto;
}

div#navigation ul li.current ul.level2 li, div#navigation ul li.active ul.level2 li {
	font-size:1em;
	padding:6px 0px 0px 2px;
	background-image:none;
}

div#navigation ul li.current ul.level2 li a, div#navigation ul li.active ul.level2 li a {
	color:#000;
	background-image:none;
	padding-left:17px;
}

div#navigation ul li.active ul.level2 li.current a {
	background-image:url(../images/navi-arrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

div#navigation ul li.active ul.level2 li.current a, div#navigation ul li.active ul.level2 li a:hover {
	color:#1e79ba;
}

/*=====================================
# Inhaltsbereich                      #
=====================================*/
div#content {
	width:794px;
	margin:146px 0px 0px 230px;
	padding-top:50px;
	background-image:url(../images/balken.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

div#inhalt {
	float:left;
	padding:0px 0px 0px 35px;
	width:430px;
}

div.nomarginal div#inhalt {
	width:710px;
}

div#marginal {
	padding:0px 35px 0px 0px;
	margin-left:520px;
}


/*=====================================
# Elemente                            #
=====================================*/
h1 {
	background-position:15px 0px;
	background-repeat:no-repeat;
	margin:0px 25px 0px 20px;
	padding:0px 0px 0px 0px;
	height:60px;
	border-bottom:1px solid #1e79ba;
}

h1#managementberatung {
	background-image:url(../images/head-managementberatung.gif);
}

h1#professional {
	background-image:url(../images/head-professional.gif);
}

h1#fachberatung {
	background-image:url(../images/head-fachberatung.gif);
}

h1#gabi {
	background-image:url(../images/head-gabi.gif);
}


h1#single {
	background-image:url(../images/head-single.gif);
}

h1 span {
	display:none;
}

h2 {
	font-size:1.3em;
	font-weight:normal;
	margin:20px 0px 0px 0px;
	line-height:1.5em;
	color:#1e79ba;
}

h3 {
	font-size:1.2em;
	font-weight:normal;
	margin:0px 0px 15px 0px;
	line-height:1.5em;
	text-transform:uppercase;
	color:#1e79ba;
}

div#marginal h3 {
	font-weight:bold;
}

h4 {
	font-size:1.1em;
	margin:0px 0px 15px 0px;
	line-height:1.5em;
	font-weight:normal;
	color:#1e79ba;
}

h5 {
	font-size:1.3em;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	line-height:1.5em;
	color:#1e79ba;
}

h6 {
	font-size:1.3em;
	font-weight:normal;
	margin:0px 0px 15px 0px;
	line-height:1.5em;
	color:#1e79ba;
}

p, table tr td p {
	font-size:1.1em;
	line-height:1.8em;
	margin:0px 0px 12px 0px;
	color:#322421;
}

p.line-black {
	background-image:url(../images/line-black.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	padding-bottom:7px;
	margin-bottom:7px;
}

p.quote {
	color:#87857d;
	font-size:1em;
	margin-top:-10px;
}

p.linebreak {
	margin-bottom:0px;
}

div#content a {
	color:#1e79ba;
	text-decoration:none;
}

div#content a:hover {
	text-decoration:underline;
}

div#content a.arrow {
	background-image:url(../images/arrow-red.gif);
	background-position:0em 0.5em;
	background-repeat:no-repeat;
	padding-left:15px;
}

div#content a.mehr {
	color:#87857d;
	text-decoration:underline;
}

span.blue {
	color:#1e79ba;
}

span.black {
	color:#000;
}

div#content ul, div#content ul li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

div#inhalt ul {
	margin:0px 0px 0px 0px;
}

div#content ul li {
	font-size:1.1em;
	line-height:1.8em;
	padding:0px 0px 0px 12px;
	background-image:url(../images/square-blue.gif);
	background-position:0em 0.85em;
	background-repeat:no-repeat;
}

div#content ul li.paragraph {
	padding:0px 0px 12px 12px;
}

div#content ul li.bigfont {
	font-size:1.3em;
}

div#content ul li.nostyle {
	background-image:none !important;
	padding-left:0px !important;
}

div#content ul li ul {
	margin:0px 0px 0px 0px;
}

div#content ul li ul li {
	background-image:url(../images/li-line.gif);
	background-position:0em 1em;
	background-repeat:no-repeat;
	padding:0px 0px 0px 9px;
	font-size:1em;
}

div#content ul li.bigfont ul li {
	font-size:0.85em;
}

div#content ul li ul li.paragraph {
	padding:0px 0px 12px 9px;
}

div#marginal ul li {
	background-image:url(../images/arrow-grey.gif);
	padding-left:15px;
}

div#marginal ul li a {
	color:#87857d;
}

img#fachberatungPic, img#professionalPic {
	margin:15px 0px 0px 25px;
}

img#group {
	margin-bottom:5px;
}

a.wegbeschreibung {
	float:right;
	margin:-190px 70px 0px 0px;
	color:#87857d !important;
}

a.wegbeschreibung:hover {
	color:#1e79ba !important;
	text-decoration:none !important;
}

a.wegbeschreibung img {
	border:1px solid #aeaaa3;
}

img.referenz-links {
	float:left;
	margin:10px 40px 40px 0px;
}

img.referenz-rechts {
	float:left;
	margin:10px 0px 40px 0px;
}

/* Layer */
div.p-layer, div.f-layer {
	background-color:#f4f3f2;
	border:1px solid #aeaaa3;
	width:220px;
	padding:5px 15px 5px 10px;
	position:absolute;
	display:none;
	z-index:1000;
	top:675px;
	left:485px;
}

div.p-layer {
	top:608px;
}

/*div#layer-kunden {
	top:230px;
	left:540px;
}

div#layer-netz {
	top:420px;
	left:540px;
}

div#layer-energie {
	top:420px;
	left:430px;
}

div#layer-abrechnung {
	top:320px;
	left:430px;
}*/

div.layer ul li {
	padding-bottom:3px !important;
}


/* Styles for forms */
fieldset {
	padding-bottom:5px;
	border:1px solid #C6C6C6;
	margin-bottom:15px;
}

legend {
	padding-bottom:4px;
	font-size:0.7em;
	color:#000000;
	font-weight:bold;
}

label {
	font-size:0.7em;
	cursor:pointer;
	margin-left:7px;
	width:100px;
	float:left;
	clear:left;
}

input.kontakt {
	border:1px solid #979797;
	margin-bottom:3px;
	width:275px;
	margin-right:10px;
	margin-bottom:5px;
	font-size:0.7em;
}

input.submit {
	border:1px solid #979797;
	background-color:#C9C9C9;
	width:100px;
	color:#333333;
	font-size:1em;
	font-weight:bold;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	border:1px solid #757575;
	width:275px;
	height:85px;
}