/*
Transporter – Visuelle Logistik ist cool, www.transporter.at, 2009
Individuelle Design-Spezifikationen, Rainer Fabrizi
*/

/* =layout
****************************************************/

body {
	line-height: 0;
	color: #666;
	background-color: #00A4D6;
	}

#alles { font-size: 104%; }

#space {
	position: relative;
	clear: both;
	height: 600px;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	color: #00A4D6;
	background-color: #FFF;
	}
	
#seite { line-height: 1.5; }

.l1, .l2, .l3, .l4, .l5, .l6, .l7, .l8, .l9, .l10, .l11, .l12 {	padding-top: 0; }
.i1, .i2, .i3, .i4, .i5, .i6, .i7, .i8, .i9, .i10, .i11, .i12 { padding-top: 0; }

#kopf {
	height: 100px;
	background: #00A4D6 url(../../../user_upload/startseite/kopf_bg.jpg) repeat-x 50% top;
	overflow: hidden;
	}
	.inkopf {
	height: 100px;
	background: transparent url(../bilder/aufbau/kopf_schatten.png) repeat-x 50% bottom;
	overflow: hidden;
	}
	.inkopf .grid10 {
	position: relative;
	height: 100px;
	overflow: hidden;
	}
/* startseite, error404 */
	.error404 #kopf { background-image: url(../../../user_upload/startseite/kopf_404_bg.jpg); }
	.startseite #kopf, .startseite .inkopf, .startseite .inkopf .grid10,
	.error404 #kopf, .error404 .inkopf, .error404 .inkopf .grid10 { height: 400px; }

#mitte {
	padding-bottom: 20px;
	background: #FFF url(../bilder/aufbau/navi_verlauf.jpg) repeat-x 50% top;
	}
	#mitte .grid10 {
	position: relative;
	overflow: hidden;
	}

#fuss {
	position: relative;
	color: #FFF;
	background: #00A4D6 url(../bilder/aufbau/fuss_bg.jpg) repeat-x 0 top;
	overflow: hidden;
	}
	/* .infuss { background: transparent url(../bilder/aufbau/lkw.png) no-repeat bottom right; } */
	#fuss .grid10 {
	position: relative;
	overflow: hidden;
	}
	#fuss .l10 { padding: 120px 0; }


/* =mitte
****************************************************/

/* =überschriften */
	h1, h2, h3 {
	line-height: 1.1;
	color: #000;
	}
	h1 {
	margin: 0 5px;
	font-size: 300%;
	}
	h2 {
	margin-bottom: 20px;
	font-size: 155%;
	}
	h3 {
	margin-bottom: 20px;
	font-size: 135%;
	color: #00A4D6;
	}
	h4 { color: #000; }
	h5 { color: #00A4D6; }
	h6 { color: #7E7E7E; }

/* =bild */
img { margin-bottom: 0; }
	p.bildtext {
	margin-top: 0;
	text-align: left;
	}

/* =liste */
ul li {
	padding-left: 19px;
	background: transparent url(../bilder/aufbau/mitte_bullet.gif) no-repeat 0 5px;
	}
	ul li p { margin-bottom: 0; }
	dd {
	padding-left: 19px;
	background: none;
	}
ol { color: #00A4D6; }
	ol li p { color: #666; }

/* =linie */
hr {
	margin: 0 0 20px 0;
	color: #D9D9D9;
	background-color: #D9D9D9;
	}
	
/* =links */
a:link, a:visited {
	padding: 2px 2px 0 2px;
	color: #00A4D6;
	background-color: #E5F6FB; /* 10% blau */
	}
	a:hover, a:active {
	text-decoration: none;
	color: #FFF;
	background-color: #00A4D6;
	}
	a.bildlink {
	padding: 0;
	background: none;
	}

/* =definition, =variable, =keyboard eingabe */
code, samp { color: #C8D228; }
del, dfn, kbd { color: #7E7E7E; }
kbd, q, blockquote { font-family: Helvetica, "Helvetica Neue", Arial, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, sans serif; }
	kbd { text-decoration: underline; }
	acronym, abbr { border-bottom: #00A4D6 1px dotted; }
blockquote { padding: 0 19px; }
	blockquote p:first-letter {
	padding-left: 0;
	background: none;
	}
	blockquote p:before {
	content: "»";
	color: #00A4D6;
	}
	blockquote p:after {
	content: "«";
	color: #00A4D6;
	}
	
/* =allgemeine klassen */
.wichtig {
	font-weight: normal;
	color: #000;
	}
.klein { font-size: 80%; }
.blau { color: #00A4D6; }

::selection { background: #40BBE0; }
::-moz-selection { background: #40BBE0; }


/* =navigation
****************************************************/
/* naviactive wird durch protofish.js aufgerufen */

#navi {
	height: 120px;
	width: 960px;
	margin: 0 0 0 5px;
	padding: 0;
	}
	#navi li {
	z-index: 10; /* über .seitenheader */
	position: relative;
	float: left;
	height: 120px;
	width: 182px;
	padding: 0;
	margin: 0 10px 0 0;
	line-height: 1;
	background: none;
	}
	#navi li.active,
	#navi li.naviactive {
	background-color: #FFF;
	}
/* navi alle links */
#navi a {
	position: relative;
	display: block;
	height: 20px;
	width: 172px;
	padding: 0;
	text-indent: -999999px;
	border: none;
	background: transparent url(../bilder/aufbau/navi_sprites.png) no-repeat 0 0;
	}
#navi li h3, #navi li li { cursor: pointer; }
/* navi h3 link */
#navi li h3 a {
	position: absolute;
	top: 7px;
	height: 25px;
	}
	#navi li#navi1 h3 a { background-position: -6px 0; }
	#navi li#navi1.active h3 a,
	#navi li#navi1.naviactive h3 a { background-position: -6px -30px; }
	#navi li#navi2 h3 a { background-position: -188px 0; }
	#navi li#navi2.active h3 a,
	#navi li#navi2.naviactive h3 a { background-position: -188px -30px; }
	#navi li#navi3 h3 a { background-position: -380px 0; }
	#navi li#navi3.active h3 a,
	#navi li#navi3.naviactive h3 a { background-position: -380px -30px; }
	#navi li#navi4 h3 a { background-position: -572px 0; }
	#navi li#navi4.active h3 a,
	#navi li#navi4.naviactive h3 a { background-position: -572px -30px; }
	#navi li#navi5 h3 a { background-position: -764px 0; }
	#navi li#navi5.active h3 a,
	#navi li#navi5.naviactive h3 a { background-position: -764px -30px; }
/* navi subnavi */
#navi li ul {
	position: absolute;
	top: -9999px;
	height: 75px;
	}
	#navi li.active ul,
	#navi li.naviactive ul {
	top: 40px;
	}
	#navi li ul li {
	float: none;
	height: 20px;
	width: 172px;
	}
	/* navi subnavi link */
	#navi li#navi2 .sub1 { background-position: -187px -78px; }
	#navi li#navi2 li.subactive .sub1,
	#navi li#navi2 li.naviactive .sub1 { background-position: -187px -178px; }
	#navi li#navi2 .sub2 { background-position: -187px -98px; }
	#navi li#navi2 li.subactive .sub2,
	#navi li#navi2 li.naviactive .sub2 { background-position: -187px -198px; }
	#navi li#navi2 .sub3 { background-position: -187px -118px; }
	#navi li#navi2 li.subactive .sub3,
	#navi li#navi2 li.naviactive .sub3 { background-position: -187px -218px; }
	#navi li#navi2 .sub4 { background-position: -187px -138px; }
	#navi li#navi2 li.subactive .sub4,
	#navi li#navi2 li.naviactive .sub4 { background-position: -187px -238px; }
	#navi li#navi3 .sub1 { background-position: -379px -78px; }
	#navi li#navi3 li.subactive .sub1,
	#navi li#navi3 li.naviactive .sub1 { background-position: -379px -178px; }
	#navi li#navi3 .sub2 { background-position: -379px -98px; }
	#navi li#navi3 li.subactive .sub2,
	#navi li#navi3 li.naviactive .sub2 { background-position: -379px -198px; }
	#navi li#navi3 .sub3 { background-position: -379px -118px; }
	#navi li#navi3 li.subactive .sub3,
	#navi li#navi3 li.naviactive .sub3 { background-position: -379px -218px; }
	#navi li#navi3 .sub4 { background-position: -379px -138px; }
	#navi li#navi3 li.subactive .sub4,
	#navi li#navi3 li.naviactive .sub4 { background-position: -379px -238px; }
	#navi li#navi4 .sub1 { background-position: -571px -78px; }
	#navi li#navi4 li.subactive .sub1,
	#navi li#navi4 li.naviactive .sub1 { background-position: -571px -178px; }
	#navi li#navi4 .sub2 { background-position: -571px -98px; }
	#navi li#navi4 li.subactive .sub2,
	#navi li#navi4 li.naviactive .sub2 { background-position: -571px -198px; }
	#navi li#navi4 .sub3 { background-position: -571px -118px; }
	#navi li#navi4 li.subactive .sub3,
	#navi li#navi4 li.naviactive .sub3 { background-position: -571px -218px; }
	#navi li#navi4 .sub4 { background-position: -571px -138px; }
	#navi li#navi4 li.subactive .sub4,
	#navi li#navi4 li.naviactive .sub4 { background-position: -571px -238px; }


/* =linkbox und =box 
****************************************************/

a.linkbox {
	padding: 0;
	background-image: none;
	}
	a:hover .linkbox_headline { text-decoration: none; }
	.linkbox_text { color: #7E7E7E; }
	a:hover .linkbox_text { color: #FFF; }
.box {
	margin: 0 0 1.5em 0;
	padding: 0;
	color: #666;
	/* background-color: #00A4D6; */
	background-color: #E5F6FB;
	overflow: auto;
	}
	.box .box {
	margin: 0;
	padding: 0;
	color: #666;
	background-color: #FFF;
	}
	.box .zeile { margin-top: 10px; }
	.box .zeile .i1,
	.box .zeile .i8 { padding-bottom: 0; }


/* =formular
****************************************************/

.formular {
	padding: 0 0 0 0;
	color: #666;
	background-color: #E5F6FB;
	}
	.formular fieldset {
	margin: 0 0 0 0;
	padding: 0 5px 0 5px;
	border: none;
	}
	.formular legend {
	position: relative;
	padding: 0;
	color: #000;
	}
	.formular label { display: block; /* font-weight: bold; */ }
	input#datei, .formular input, .formular textarea, .formular select, .formular option, .formular button {
	font-family: Helvetica, "Helvetica Neue", Arial, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, sans serif;
	color: #666;
	border: 1px solid #D9D9D9;
	background-color: #FFF;
	}
	/* =input, =textarea =select */
	.formular input, .formular textarea, .formular select {
	border: 1px solid #D9D9D9;
	}
	.formular input:focus, .formular textarea:focus, .formular select:focus,
	.formular input:hover, .formular textarea:hover, .formular select:hover {
	color: #666;
	border: 1px solid #00A4D6;
	background: #FFF url(../bilder/aufbau/navi_verlauf.jpg) repeat-x 0 -500px;
	}
	/* =option, =button */
	.formular option, .formular button { background: none; }
	.formular option:focus, .formular button:focus,
	.formular option:hover, .formular button:hover {
	color: #666;
	background-color: #E5F6FB;
	}
	/* =submit, =reset */
	.formular input#submit, .formular input#reset {
	cursor: pointer;
	margin-right: 5px;
	padding: 4px 5px 3px 5px;
	color: #FFF;
	background-color: #00A4D6;
	border: none;
	}
	.formular input#submit:hover, .formular input#reset:hover {
	color: #00A4D6;
	background-color: #FFF;
	}	
	.formular p.formihrname {
	float: left;
	width: 364px;
	margin-right: 10px;
	}
	.formular p.formihremail {
	float: left;
	width: 182px;
	margin-right: 10px;
	}
	.formular p.formihrurl {
	float: left;
	width: 182px;
	}
	.formular p.unull { margin-bottom: 0; }
	/* fehlermeldung von jsvalidate */
	.jsvalidation {
	padding: 5px 0;
	text-align: left;
	color: #DC1E1E;
	border: none;
	}

/* =tabelle
****************************************************/

.tabelle caption {
	padding: 5px;
	color: #FFF;
	}
	.tabelle thead tr, .tabelle tfoot tr { background-color: #E5F6FB; }
	.tabelle tbody tr { border-bottom: 1px solid #D9D9D9; }
	.tabelle tbody tr:hover { background-color: #E5E5E5; }
	.tabelle th, .tabelle td { padding: 5px; }
	.tabelle p { margin: 0; }


/* =seitenheader und =pfeile
****************************************************/
h1.seitenheader {
	position: absolute;
	text-indent: -999999px;
	}
	img.seitenheader, div.headline_bilder { margin: 0 0 10px 0; }
	div.headline_bilder img { display: block; }
	/* startseite, error404 */
	.startseite img.seitenheader { margin-bottom: 0; }
h1.startpfeile {
	top: 35px;
	left: 196px;
	height: 194px;
	width: 620px;
	background: transparent url(../bilder/aufbau/start_pfeile.png) no-repeat 0 0;
	}
	h1.pfpfeile {
	top: 240px;
	left: 30px;
	height: 255px;
	width: 29px;
	background: transparent url(../bilder/aufbau/pf_pfeile.png) no-repeat 0 0;
	}
	h1.pfpfeile2 {
	top: 195px;
	left: 30px;
	height: 255px;
	width: 29px;
	background: transparent url(../bilder/aufbau/pf_pfeile.png) no-repeat 0 0;
	}


/* =portfolio
****************************************************/

/* portfolio headline */
.pf_h4 { display: none; }
.pf_cd_h4, .pf_web_h4 { margin: 0; padding: 0; }
	.pf_cd_h4 a:link, .pf_web_h4 a:link,
	.pf_cd_h4 a:visited, .pf_web_h4 a:visited {
	display: block;
	height: 30px;
	width: 374px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	}
	.pf_cd_h4 a:hover, .pf_web_h4 a:active,
	.pf_web_h4 a:hover, .pf_web_h4 a:active { background-color: #FFF; }
	.pf_cd_h4 a:hover img, .pf_web_h4 a:active img,
	.pf_web_h4 a:hover img, .pf_web_h4 a:active img { outline: none; }
/* portfolio liste */
.pf_cd_ul, .pf_web_ul {
	position: relative;
	width: 182px;
	margin: 0 0 1.5em 0;
	}
	.pf_links { float: left; }
	.pf_rechts { margin-left: 192px; }
.pf_cd_ul li, .pf_web_ul li {
	margin: 0;
	padding: 0.3em 5px 0.2em 5px;
	line-height: 1.1;
	background: none;
	border-bottom: 1px solid #D9D9D9;
	}
	.pf_cd_ul li a:link, .pf_cd_ul li a:visited,
	.pf_web_ul li a:link, .pf_web_ul li a:visited {
	display: block;
	min-height: 1px; /* IE6 */
	padding: 0;
	color: #D9D9D9;
	background: none;
	}
	
	.pf_cd_ul li a:link, .pf_cd_ul li a:visited {  }
	.pf_web_ul li a:link, .pf_web_ul li a:visited {  }
	
	.pf_aktiv li a:link, .pf_aktiv li a:visited { color: #000; }
	.pf_cd_ul li a:hover { color: #FFC800; }
	.pf_web_ul li a:hover { color: #C8D228; }
/* =pf_ort */
.pf_ort {
	font-size: 65%;
	font-weight: normal;
	color: #7E7E7E;
	}

/* =journal
****************************************************/

.autor, .addthis_toolbox, .kommentare {
	margin-bottom: 20px;
	padding: 20px 0 0 0;
	font-size: 80%;
	}
.autor { background: transparent url(../bilder/aufbau/icon_autor.gif) no-repeat 0 0; }
.addthis_toolbox { padding: 0 0 0 5px; }
	.addthis_toolbox a { background: #FFF; }
	.addthis_toolbox a:hover { background: #00A4D6; }
	.addthis_toolbox a.addthis_button_compact {
	display: block;
	color: #00A4D6;
	background-color: #E5F6FB; /* 10% blau */
	}
	.addthis_toolbox a.addthis_button_compact:hover {
	color: #FFF;
	background-color: #00A4D6;
	}
	.addthis_toolbox a.addthis_button_compact span.at300bs {
	width: 0;
	margin: 0;
	background-image: none;
	}
	#at20mc a:link { background-color: transparent; }
.kommentare {
	margin-bottom: 0;
	background: transparent url(../bilder/aufbau/icon_comment.gif) no-repeat 0 4px;
	}
.kommentar {
	background: transparent url(../bilder/aufbau/icon_comment.gif) no-repeat 0 4px;
	}
	.kommentar span {
	font-size: 80%;
	}

/* =kopf
****************************************************/

#kopf li { background: none; }
/* =logo */
#kopf h2.logo a {
	display: block;
	position: absolute;
	top: 22px;
	left: 10px;
	width: 280px;
	height: 55px;
	text-indent: -999999px;
	border: none;
	background: transparent url(../bilder/aufbau/kopf_sprites.png) no-repeat 0 0;
	}
	#kopf h2.logo a:hover { background-position: 0 -60px; }

/* =dreizeiler */
h1.dreizeiler {
	display: block;
	position: absolute;
	top: 119px;
	left: 5px;
	width: 960px;
	height: 90px;
	text-indent: -999999px;
	background: transparent url(../bilder/aufbau/kopf_sprites.png) no-repeat 0 -130px;
	}
	.error404 h1.dreizeiler { background-image: url(../bilder/aufbau/kopf_sprites_404.png); }
	/* dreizeiler buttons */
	#kopf a.dreizeiler_id,
	#kopf a.dreizeiler_cd,
	#kopf a.dreizeiler_web {
	display: block;
	position: absolute;
	top: 160px;
	height: 32px;
	border: none;
	text-indent: -999999px;
	background: transparent url(../bilder/aufbau/kopf_sprites.png) no-repeat 0 0;
	}
	#kopf a.dreizeiler_id {
	left: 150px;
	width: 187px;
	background-position: -2px -269px;
	}
	#kopf a.dreizeiler_cd {
	left: 536px;
	width: 173px;
	background-position: -200px -269px;
	}
	#kopf a.dreizeiler_web {
	left: 844px;
	width: 98px;
	background-position: -383px -269px;
	}
	#kopf a.dreizeiler_id:hover { background-position: -2px -309px; }
	#kopf a.dreizeiler_cd:hover { background-position: -200px -309px; }
	#kopf a.dreizeiler_web:hover { background-position: -383px -309px; }

/* =features */
	#kopf .features a {
	display: block;
	position: absolute;
	top: 246px;
	height: 99px;
	width: 188px;
	line-height: 1.2;
	border: none;
	background: transparent url(../bilder/aufbau/kopf_sprites.png) no-repeat -575px -264px;
	overflow: hidden;
	}
	#kopf .features a:hover {
	text-decoration: none;
	color: #00A4D6;
	background-position: -767px -264px;
	}
	#kopf .features a img {
	position: absolute;
	top: 7px;
	left: 5px
	}
	#kopf .features a:hover img { outline: none; }
	#kopf .features a span {
	position: absolute;
	top: 55px;
	left: 10px;
	height: 37px;
	width: 172px;
	overflow: hidden;
	}
	.feature1 { left: 10px; }
	.feature2 { left: 202px; }
	.feature3 { left: 394px; }
	.feature4 { left: 586px; }
	.feature5 { left: 778px; }

/* =kopf_steuerung */
	#kopf .kopf_steuerung a {
	display: block;
	position: absolute;
	top: 26px;
	height: 32px;
	width: 95px;
	border: none;
	text-indent: -999999px;
	background: transparent url(../bilder/aufbau/kopf_sprites.png) no-repeat 0 0;
	}
	#kopf a.kopf_steuerung_english {
	left: 680px;
	background-position: -669px -10px;
	}
	#kopf a.kopf_steuerung_spacetool {
	left: 776px;
	background-position: -765px -10px;
	}
	#kopf a.kopf_steuerung_kontakt {
	left: 872px;
	background-position: -861px -10px;
	}
	#kopf a.kopf_steuerung_english:hover { background-position: -669px -50px; }
	#kopf a.kopf_steuerung_spacetool:hover { background-position: -765px -50px; }
	#kopf a.kopf_steuerung_kontakt:hover { background-position: -861px -50px; }


/* =fuss
****************************************************/

/* =linie */
#fuss hr {
	color: #FFF;
	background-color: #FFF;
	}

/* =liste */
#fuss ul li {
	padding-left: 19px;
	background: transparent url(../bilder/aufbau/fuss_bullet.gif) no-repeat 0 5px;
	}

/* =links */
#fuss a:link, #fuss a:visited {
	padding: 2px 2px 0 2px;
	color: #FFF;
	background-color: #40BBE0; /* 75% blau */
	}
	#fuss a:hover, #fuss a:active {
	text-decoration: none;
	color: #00A4D6;
	background-color: #FFF;
	}
	#fuss a:hover img {
	outline: 1px solid #FFF;
	}

/* =überschriften */
.fuss_ueber,
.fuss_auszeichnungen,
.fuss_kontakt {
	display: block;
	height: 32px;
	width: 268px;
	margin-bottom: 0;
	text-indent: -999999px;
	background: #00A4D6 url(../bilder/aufbau/fuss_sprites.gif) no-repeat 0 0;
	}
	.fuss_ueber { background-position: 0 -200px; }
	.fuss_auszeichnungen { background-position: 0 -240px; }
	.fuss_kontakt { background-position: 0 -280px; }

/* =telefon =email */
.fuss_telefon,
#fuss .fuss_email a {
	display: block;
	height: 22px;
	width: 208px;
	text-indent: -999999px;
	background: #00A4D6 url(../bilder/aufbau/fuss_sprites.gif) no-repeat 0 0;
	}
	.fuss_telefon {
	margin-bottom: 5px;
	background-position: -500px -200px;
	}
	#fuss .fuss_email a { background-position: -500px -240px; }
	#fuss .fuss_email a:hover { background-position: -500px -270px; }

/* =fuss_steuerung */
#fuss .fuss_steuerung {
	position: absolute;
	top: 0;
	left: 0;
	}
#fuss .fuss_steuerung li {
	background: none;
	}
	#fuss .fuss_steuerung a {
	display: block;
	position: absolute;
	top: 40px;
	height: 35px;
	width: 92px;
	text-indent: -999999px;
	background: url(../bilder/aufbau/fuss_sprites.gif) no-repeat 0 0;
	}
	#fuss a.fuss_steuerung_nachoben {
	top: 0;
	left: 5px;
	height: 75px;
	}
	#fuss a.fuss_steuerung_nachoben:hover { background-position: 0 -80px; }
	#fuss a.fuss_steuerung_impressum {
	left: 677px;
	background-position: -671px -40px;
	}
	#fuss a.fuss_steuerung_impressum:hover { background-position: -671px -120px; }
	#fuss a.fuss_steuerung_spacetool {
	left: 773px;
	background-position: -767px -40px;
	}
	#fuss a.fuss_steuerung_spacetool:hover { background-position: -767px -120px; }
	#fuss a.fuss_steuerung_kontakt {
	left: 869px;
	background-position: -863px -40px;
	}
	#fuss a.fuss_steuerung_kontakt:hover { background-position: -863px -120px; }

/* =fuss_copyright */
.fuss_copyright {
	position: absolute;
	bottom: 30px;
	left: 15px;
	height: 22px;
	width: 400px;
	text-indent: -999999px;
	background: #00A4D6 url(../bilder/aufbau/fuss_sprites.gif) no-repeat 0 -350px;
	}
/* =fuss_lkw */
#fuss .fuss_lkw a:link, #fuss .fuss_lkw a:visited {
	display: block;
	position: absolute;
	bottom: 50px;
	right: 0;
	height: 50px;
	width: 100px;
	text-indent: -999999px;
	background: transparent url(../bilder/aufbau/lkw.png) no-repeat 0 0;
	}
	#fuss .fuss_lkw a:hover, #fuss .fuss_lkw a:active { background-position: 0 -50px; }
	.error404 #fuss .fuss_lkw { display: none; }
	

/* =typo3
****************************************************/

p#qod-text { margin-bottom: 0; }
p#qod-author { font-size: 90%; }