/* BEREICHE */
body {
    font-family:Arial, Sans-Serif;
    font-size:12px;
    margin-top:180px;
    margin-left:190px;
    width:590px;
    background:#EAEFF6 url("../pictures/bg_body.gif") 100px bottom no-repeat;
    background-attachment:fixed;
}

#logo {
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
}

#imkosi {
    z-index:2;
    position:absolute;
    top:143px;
    left:58px;
    color:#250385;
    font-weight:bold;
    font-size:8pt;
}


div.erklaerung {
    position:absolute;
    display:none;
    top:140px;
    left:390px;
    width:390px;
    font-size:8pt;
    color:#748CBB;
    font-weight:bold;
}

#navi1st {
    position:absolute;
    top:10px;
    left:390px;
}

#navi2nd {
    position:absolute;
    left:0px;
    top:170px;
}

div.bild {
    background:#EAEFF6;
    border:1px solid #250385;
    padding:5px;
    display:block;
    margin-bottom:3px;
}

div.bildrechts {
    color:#748CBB;
    margin-left:10px;
    display:inline;
    position:relative;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:8pt;
    text-align:center;
    float:right;
}

div.bildlinks {
    color:#748CBB;
    margin-right:10px;
    display:inline;
    position:relative;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:8pt;
    text-align:center;
    float:left;
}

div.mehrinfos {
    display:none;
    background:url("../pictures/explorer_linie.gif") left bottom no-repeat;
    margin-top:-3px;
    padding:6px 0 5px 8px;
    margin-left:4px;
}


/* LINKS */
a {
    text-decoration:none;
    color:#250385;
    font-weight:bold;
}

a:hover, a:focus {
    text-decoration:underline;
}

.grau { color:#748CBB; }

.weiss { color:#FFFFFF; }

a.sekundaer {
    display:block;
    width:159px;
    border-bottom:1px dotted #CED6E7;
    padding-left:20px;
    padding-top:10px;
    font-size:12px;
    font-weight:bold;
    color:#748CBB;
    background:url("../pictures/bg_01.gif") right bottom no-repeat;
}

a.sekundaer:hover, a.sekundaer:focus {
    text-decoration:none;
    color:#250385;
}

a.grau, div.projektnavi a {
    color:#748CBB;
    font-size:11px;
}

a.grau:hover, div.projektnavi a:hover {
    color:#250385;
    text-decoration:none;
}

a.linkpfeil {
    background:url("../pictures/linkpfeil.gif") left 4px no-repeat;
    padding-left:9px;
}


/* ÜBERSCHRIFTEN */
h1 {
    font-size:14px;
    color:#250385;
    font-weight:bold;
    margin-top:-13px;
}

h2 {
    color:#250385;
    font-size:10pt;
    margin-top:50px;
}

span.h1intro {
    font-weight:bold;
    color:#CED6E7;
    font-size:18px;
    padding-left:8px;
}


/* ABSÄTZE */
p {
    text-align:justify;
    margin-top:5px;
    margin-bottom:5px;
}

p.einleitung {
    font-weight:bold;
}

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

p.einleitunglistefett {
    margin-bottom:0px;
    font-weight:bold;
}

.fehler {
    font-weight:bold;
    color:red;
}

.links { text-align:left; }
.size12 { font-size:12px; }
.size10 { font-size:10px; }
.size9 { font-size:9px; }
.links100 { margin-left:105px; }

p.meldung {
    text-align:center;
    font-weight:bold;
}

.mitte { text-align:center; }
.rechts { text-align:right; }
.kursiv { font-style:italic; }
.hundertpro { width:100%; }
.ohneabstand { margin:0; }

p.seitenanfang {
    text-align:right;
    font-size:8pt;
    color:#748CBB;
}

.ohneoben { margin-top:0px; }
.ohneunten { margin-bottom:0px; }

.rechts210 { margin-right:210px; }
.oben5 { margin-top:5px; }
.unten5 { margin-bottom:5px; }
.oben10 { margin-top:10px; }
.unten10 { margin-bottom:10px; }
.unten15 { margin-bottom:15px; }
.unten20 { margin-bottom:20px; }
.unten25 { margin-bottom:25px; }
.oben25 {margin-top:25px; }
.oben40 { margin-top:40px; }
.oben50 {margin-top:50px; }

/* SONSTIGE ELEMENTE */
img { border:0px; }
p img { margin-bottom:-3px; }

div.copyright {
    font-size:7pt;
    color:#748CBB;
    margin-left:20px;
}

span.bildbesch {
    font-size:8pt;
    color:#748CBB;
    text-align:center
}

span.activenavi2nd {
    display:block;
    width:159px;
    border-bottom:1px dotted #CED6E7;
    padding-left:20px;
    padding-top:10px;
    font-size:12px;
    font-weight:bold;
    color:#250385;
    background:url("../pictures/bg_01.gif") right bottom no-repeat;
}

span.erklaerung {
    border-bottom:1px dotted #250385;
    cursor:help; 
}

div.referenzen p.leistungen {
    text-indent:-69px;
    padding-left:69px;
    text-align:left;
    width:321px;
}

div.referenzenbild {
    text-align:center;
    float:right;
    width:180px;
    margin-bottom:25px;
}

div.referenzen {
    margin-top:30px;
    margin-bottom:20px;
    min-height:150px;
}

div.referenzen h3 {
    margin-top:0px;
    text-align:right;
}

div.referenzen p {
    font-size:12px;
    margin-top:5px;
    margin-bottom:5px;
    width:395px;
}

div.reiter {
    border-bottom:2px solid #748CBB;
    height:17px;
    margin:40px 0 10px 0;
}

a.reiter {
    border:2px solid #748CBB;
    margin-right:6px;
    font-weight:bold;
    padding:2px 10px 2px 10px;
    background:#FFFFFF;
    color:#250385;
}

a.reiter:hover {
    text-decoration:none;
    color:#FFFFFF;
    background:#748CBB;
}

span.reiteraktiv {
    border:2px solid #748CBB;
    margin-right:6px;
    font-weight:bold;
    padding:2px 10px 2px 10px;
    background:#748CBB;
    color:#FFFFFF;
}

span.reiterinaktiv {
    border:2px solid #748CBB;
    margin-right:6px;
    font-weight:bold;
    padding:2px 10px 2px 10px;
    background:#FFFFFF;
    color:#748CBB;
}

.fett { font-weight:bold; }

h3 {
    font-size:12px;
    margin-top:25px;
    margin-bottom:0px;
}

.normal { font-weight:normal; }
.klein { font-size:10px; }
.blau { color:#250385; }

.links135 { margin-left:135px !important; }

p.einzug { margin-left:25px; }

span.agbeinzug { margin:0 10px 0 -25px; }

br.umbruch, form br {
	clear:both;
}

.oben35 { margin-top:35px; }
.unten35 { margin-bottom:35px; }
.unten15 { margin-bottom:20px; }

input {
	outline:none;
}

div.navi3rd {
    border-bottom:1px dotted #CED6E7;
    font-size:12px;
    font-weight:bold;
    margin:40px 0 10px 0;
}

div.navi3rd a {
    color:#748CBB;
    text-decoration:none;
    margin-right:20px;
}

div.navi3rd a:hover {
    color:#250385;
    text-decoration:none;
}

div.navi3rd span {
    color:#250385;
    margin-right:20px;
}

div.leistungen {
    margin:0 177px 15px 0;
    padding-left:40px;
    background:url("../pictures/startseiteleistung_off.gif") 1px 3px no-repeat;
}

div.leistungen:hover {
    background:url("../pictures/startseiteleistung_on.gif") 1px 3px no-repeat;
}

blockquote {
    font-weight:bold;
    margin:25px;
}

blockquote p {
	text-align:center;
}

p.intro {
    
}

.klein a {
    color:#748CBB;
    font-weight:bold;
    text-decoration:underline;
}

.klein a:hover {
    color:#250385;
}

.linkpfeil_rechts {
    margin-left:6px;
}

.linkpfeil_links {
    margin-right:6px;
}


/* Formatierungen im Reiter "Kundenverwaltung, Übersicht" */

.detailkunde {
    margin-bottom:10px;
    clear:both;
}

.detailkunde table {
    width:100%;
}

.detailkunde tr, .detailkunde tr:hover {
    border:0;
    background:none;
}

.detailkunde td {
    width:50%;
}

.detailkunde ul {
    list-style:none;
    margin-left:385px;
    height:17px;
}

.detailkunde li {
    float:left;
    margin-left:5px;
}

div.projektnavi {
	border-top:1px solid #748CBB;
	margin-top:50px;	
}

div.projektnavi ul {
	list-style:none;
	padding:0;
	margin:0;
}

div.projektnavi li {
	float:left;
	border-left:1px solid #748CBB;
	padding:1px 30px 0 5px;
	color:#748CBB;
}

div.projektnavi li a {
	font-size:12px !important;
}

div.projektnavi li .active {
	color:#250385;
}

p.leistungenProjekt img {
	margin-right:10px;
}

.referenzprojekt {
	margin-top:40px;
}

img.okay {
	display:none;
}