html, body {
	margin: 0;
	padding: 0;
	background-image:url(/template/img/bg/bg.jpg);
	background-attachment: fixed;
	background-color:#cccccc;
	overflow: scroll;
	overflow-x: auto;
}

body.mceContentBody {
	overflow: hidden;
	width: 439px !important;
	max-width: 439px !important;
}

* {	border: none; outline: none; }

img, a {
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
}

/*//////////////////////////////////////////////////
Sprachauswahl
/////////////////////////////////////////////////*/

div#lang.de, div#lang.en {
	position: fixed;
	top: 100px;
	width: 42px;
	height: 16px;
	z-index: 25;
}

div#lang.de { left: 8px; }
div#lang.en { left: 57px; }




/*//////////////////////////////////////////////////
Seitenbackground
/////////////////////////////////////////////////*/
div#head_bg, div#head_bg2 {
	position: fixed;
	top: 0;
	width: 1998px;
	height: 311px;
	background-image:url(/template/img/bg/login_head.jpg);
}

div#head_bg {	left: 0;		z-index: 8; }
div#head_bg2 {	left: 1998px;	z-index: 9; }

div#bg {
	position: fixed;
	left: 555px;
	top: 356px;
	height: 269px;
	width: 1083px;
	background-image: url(/template/img/bg/login_bg.png);
	z-index:5;
}




/*//////////////////////////////////////////////////
Grafische Seitenelemente
/////////////////////////////////////////////////*/

/* Logo "Graeff Spedition" */
div#logo {
	position: fixed;
	left: 97px;
	top: 0;
	width: 207px;
	height: 220px;
	background-image:url(/template/img/logo.png);
	z-index: 25;
}
	
/* Auszeichnung */
div#ausgezeichnet {
	position: fixed;
	left: 0;
	bottom: 5px;
	width: 271px;
	height: 111px;
	background-image:url(/template/img/ausgezeichnet.png);
	z-index: 110;
}

/* Trennlinie HeadImage/Content */
div#hr {
	position: fixed;
	left: 0;
	top: 310px;
	width: 100%;
	height: 10px;
	background-image: url(/template/img/hr.jpg);
	z-index: 12;
}

/* Footerleiste */
div#footer {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	height: 17px;
	background-image: url(/template/img/footer_bg.jpg);
	z-index: 100;
	text-align: right;
	padding-top: 8px;
	padding-right: 25px;
}

/* Seitentitel */
div#title {
	position: fixed;
	left: 511px;
	top: 271px;
	right: 0;
	height: 88px;
	z-index: 30;
}

div#title div.left {
	position: absolute;
	left: 0;
	top: 0;
	height: 88px;
	width: 21px;
	background-image: url(/template/img/title_left.png);
	z-index: 500;
}

div#title div.bg {
	position: absolute;
	left: 21px;;
	top: 0;
	right: 0;
	height: 88px;
	background-image: url(/template/img/title_bg.png);
	z-index:500;
}

div#title div.bg img {
	position: absolute;
	left: 0px;
	top: 3px;
	height: 82px;
}

/* Bilder */
div#image1, div#image2 {
	position: absolute;
	left: 298px;
	width: 160px;
	height: 188px;
	z-index: 10;
	position: fixed;
}

div#image1 { top: 386px; }
div#image2 { top: 593px; }

div#image1 img, div#image2 img {
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	height: 180px;
	z-index: 1;
}

div#image1 div, div#image2 div {
	position: absolute;
	left: 0;
	top: 0;
	width: 160px;
	height: 188px;
	z-index: 2;
	background-image:url(/template/img/border.png);
}



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



div#login, div#logout {
	position: fixed;
	left: 25px;
	bottom: 5px;
	width: 55px;
	height: 10px;
	background-image:url(img/btn_login_off.gif);
	z-index: 5000;
	cursor: pointer;
}

div#logout {
	width: 71px;
	background-image:url(img/btn_logout_off.gif);
}

div#login:hover		{ background-image:url(img/btn_login_on.gif); }
div#logout:hover	{ background-image:url(img/btn_logout_on.gif); }

div#content {
	position: absolute;
	left: 537px;
	top: 0px;
	width: 439px;
	padding-top: 386px;
	padding-bottom: 30px;
	z-index: 7;
	text-align:justify !important;
}

.mceContentBody {
	text-align:justify;
}

div#content img, .mceContentBody img {
	float: left !important;
	padding-right: 4px;
	padding-bottom: 3px;
}

ul { list-style-image:url(img/bull.png); }





/*//////////////////////////////////////////////////
Hauptnavigation
/////////////////////////////////////////////////*/

div#nav_bg {
	position: fixed;
	top: 57px;
	left: 0;
	width: 100%;
	height: 66px;
	background-image:url(/template/img/nav_bar_bg.png);
	z-index: 15;
}

div#nav {
	position: fixed;
	top: 61px;
	left: 300px;
	height: 56px;
	z-index: 20;
}

div#navHOME {
	position: fixed;
	left: 6px;
	top: 61px;
	width: 88px;
	height: 56px;
	z-index: 20;
}





/*//////////////////////////////////////////////////
Subnavigation
/////////////////////////////////////////////////*/

div#subnav {
	position: fixed;
	top: 116px;
	height: 10px;
	z-index: 25;
}

div#subnav table td.left {
	height: 16px;
	width: 22px;
	background-image:url(/template/img/subnav_left.png);
}

div#subnav table tr {
	border-collapse: collapse;
}

div#subnav table td.center {
	height: 16px;
	background-image:url(/template/img/subnav_bg.png);
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
	vertical-align:top;
	border-collapse:collapse;
}

div#subnav table td.right {
	height: 16px;
	width: 23px;
	background-image:url(/template/img/subnav_right.png);
}

div#subnav, div#subnav a {
	line-height: 9px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	text-decoration: none;
}

div#subnav a {
	display: inline-block;
	padding-top: 2px;
}

div#subnav a:link, div#subnav a:visited { color: #CCC; }
div#subnav a:hover, div#subnav a:active, div#subnav span { color: #FFF; }





/*//////////////////////////////////////////////////
Textformate
/////////////////////////////////////////////////*/

/* Allgemeines Textformat */
html, body, input, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #191919;
}

/* Absatz */
div#content p {
	padding-top: 0;
	margin-top: 0;
}

/* Erster Buchstabe im Absatz */
div#content p:first-letter {
	font-weight:bold;
	font-size: 13px;
}

/* Fett */
strong, b {
	font-size: 13px;
}

/* Überschrift H1 */
.mceContentBody h1, h1 {
	font-weight: bold;
	font-size: 13px;
	color: #990000;
}

/* Überschrift H2 */
.mceContentBody h2, h2 {
	font-weight: bold;
	font-size: 13px;
}




/*//////////////////////////////////////////////////
Linkformate
/////////////////////////////////////////////////*/

/* Standardlink */
.mceContentBody a, div#content a {
	background-image: url(/template/img/link.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 9px;
}

.mceContentBody a:link, .mceContentBody a:visited, div#content a:link, div#content a:visited {
	text-decoration: none;
	color: #990000;
}

.mceContentBody a:hover, .mceContentBody a:active, div#content a:hover, div#content a:active { text-decoration: underline; }

/* Linkdefinition für "mailto:"-Links */
a[href^="mailto"], a.noimg {
	padding: 0 !important;
	background-image:none !important;
}

/* Footer-Links */
div#footer, div#footer a:link, div#footer a:visited, div#footer a:link, div#footer a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color:#666;
	text-decoration:none;
	padding-right:15px !important;
}

div#footer span, div#footer a:hover {
	color: #333;
	padding-right: 15px !important;
}




/*//////////////////////////////////////////////////
Formulare
/////////////////////////////////////////////////*/

form fieldset { border: 0; }

form fieldset label {
	display: inline-block;
	width: 150px !important;
	font-weight: bold;
}

/* Formulareingabefelder und Buttons */
form input {
	border: 1px solid #191919;
	width: 170px;
}

/* Formularbutton: Absenden */
form input[type=submit] {
	background-color:#191919;
	color: #FFF;
}

/* Formularbutton: Absenden (MouseOver) */
form input[type=submit]:hover {
	background-color: #FFF;
	color: #191919;
	cursor: pointer;
}




/*//////////////////////////////////////////////////
Styles für Kontaktliste
/////////////////////////////////////////////////*/

div#contactlist table {
	width: 439px;
	padding: 0;
	border: none;
	margin: 0;
	border-collapse: collapse;
}

div#contactlist table tr, div#contactlist table td {
	height: 15px;
	vertical-align:middle;
	font-size:11px;
	border-collapse: collapse;
}

/*//////////////////////////////////////////////////
Styles für Navigation im Mitarbeiterbereich
/////////////////////////////////////////////////*/

div#internnav {
	position:absolute;
	left: 0px;
	width: 150px;
	top: 384px;
	height: 150px;
}

span.red {
	color: #990000 !important;
}

div#internnav a {
	display: block;
	width: 255px;
	height: 21px;
	margin-left: -100px;
	text-indent: 120px;
	background-image:url(/template/img/intern_nav.png);
	margin-bottom: 3px;
	padding-top: 7px;
	font-weight: bold;
	font-size: 13px;
	color: #999;
	text-decoration: none;
}

div#internnav a.active, div#internnav a.active:hover {
	color: #990000 !important;
	margin-left: -90px !important;
	text-indent: 110px !important;
	cursor: default !important;
}

div#internnav a:hover {
	margin-left: -90px;
	text-indent: 110px;
	color: #990000;
}