/* 
   Stylesheet created by Roland Scull. Please use, if you like. Would appreciate a little "thx-backlink" to
   my site: http://www.internetseitenbauer.de
   
   First action:
   Reset browser-paddings, make sure fonts will look almost the same and so on.
*/
/* Helfer. Ging nicht ohne wg. IE6. */
table#layout td {
border:none;
border-collapse:collapse;
font-size:1em;
}

#news_teaser a, #news_teaser a:visited {
color:#000;
text-decoration:none;
}

#news_teaser a:hover {
text-decoration:underline;
}

#main {
    vertical-align:top;
	border:none;
	}
 
* {
    padding:0; margin:0;}

body {
    text-align:center; /* fuer IEs unter 6 */height:101%; font-family:Arial, Helvetica, sans-serif; font-size:90%; background:#0983f0 url(../site_images/background/background.jpg) repeat-x top left; background-attachment:fixed;
	behavior:url(css/csshover.htc);} /* Für den IE, um Hovern für alle Elemente zu ermöglichen */
	
div#all {
    width:800px; margin:auto; text-align:left;}
	
div#content {
   background: url(../site_images/background/centerBg.gif) top left repeat-y; width:800px; margin-top:-5px; padding-top:0; display:inline-block;}

/* Schriftweiten, Abstände 
------------------------------------------------------------------------------------------------------
*/
h2 {
    clear:both; font-size: 1.4em; margin-top:0px; padding: 15px 0 0 10px; background:#124ac5 url(../site_images/background/topBg.gif) top left no-repeat; color:#333;}
	
h3 {
    margin-top:1.2em; margin-bottom:0.5em; font-size:1.2em; color:#333;}

h4 {
    font-size:0.9em;}
		
p, address{
    font-size:1em; font-style:normal; line-height:1.3em; padding-bottom:15px;}
th {
    color:#fff;}
	
th, td {
    padding:3px; border:1px solid #ccc; font-size:0.85em;}
	
.nav_img {
    border:none;}
.insignificant {
    font-size:small;
	font-style:italic;
	}	
	
/* Alle Abstände in den Inhalts-Containern */
#content h1, #content h2, #content h3, h4, #content p, #content address, #content table {
    padding-right:15px; padding-left:15px;}

#content table.data {
    margin-left:20px;
	margin-bottom:15px;
	border-collapse:collapse; width:765px;
	background-color:#fff;
	}
	
/* Spezial-Klassen: */
.warning {
    color:red; font-weight:bold;}
	
/*.teaser {
    font-style:italic;}*/
	
/* Positionierung und Formatierung der Inhalts-Container von oben nach unten
   Zuerst die Top-Navigation: 
*/
#topNav {
    margin:1em 1em 0 0; text-align:right;color:#fff;}

#topNav ul li {
    display:inline;}
	
#topNav ul li a, #topNav ul li a:visited{
    color:#fff; text-decoration:none;}

#topNav ul li a:hover, #topNav ul li a:focus{
    text-decoration:underline;}	

#topNav ul li a:active {
    text-decoration:underline;}
	

	
/* Über kombinierte Selektoren den Link der aktuellen Seite fett machen */
#impressumBody #impressum, #agbBody #agb, #kontaktBody #kontakt {
    font-weight:bold;}

/* Der Kopfbereich der Seite, unser Masthead: */
#masthead {
    width:800px; height:100px; margin:0.5em 0 20px 0; background:url(../site_images/background/bannerBg.gif) top left no-repeat;}

#masthead p#slogan {
    padding: 10px 0 0 15px;}
	
/* Unser Logo */
div#masthead img {
    margin-top:18px; margin-left:150px; border:none; padding:0;}
	
#masthead span {
    margin-left:100px;}
	
/* Wir schieben unsere H1 und den erläuternden Text im Div Logo aus dem Viewport, und ersetzen das ganze durch
   ein Hintergrundbild, wo das Gleiche draufsteht */
#logo {
    position:absolute; left:-9999px;}
	
	
/* Wir clearen, damit die zentralen Seiteninhalte auch gefloatet werden können, ohne dass das Layout zusammenbricht.
   Dieser Div befindet sich direkt vor dem Footer. */
#clear {
    clear:both; background: #0983f0 url(../site_images/background/bottomBg.gif) bottom left no-repeat; height:15px;}

/* Der Fussbereich der Seite */
#footer p {
visibility:hidden;
}

#footer {
    text-align:right; color:#fff; padding:5px 20px 15px 0;}

#footer a {
    font-weight:bold; color:#fff; text-decoration:none;}

#footer a:hover, #footer a:focus {
    text-decoration:underline;}
	
/*
    ##########################################################################################################
	Spezielle Formate, die die einzelnen Seiten betreffen
	
	----------------------------------------------------------------------------------------------------------
*/
/* 
    ----------------------------------------------------------------------------------------------------------
    Startseite:
    ----------------------------------------------------------------------------------------------------------
*/

/* Die Hauptüberschrift */
#startBody h2 {
    padding:1em 0 0 20px; margin-bottom:5px;}

/* Die Animation */
#object {
    margin:15px 10px 15px 20px; background-color:rgb(245,245,245); padding:5px; border:1px solid #ddd; display:block; width:425px;}
	
/* Klassen für Bilder */
.right {
float:right;
}

.left {
float:left;
margin:7px;
}
	
/* Der News-Block */
#aktuell {
    width:250px; float:right; margin:11px 45px 10px 10px; background:#fff url(../site_images/background/gradient.jpg) top left no-repeat; font-size:0.85em; border:1px solid rgb(220,220,220)}

#aktuell h2 {
    color:#fff; background-image:none; background-color:#F22723; margin:0; padding:5px; text-align:center; font-style:italic; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-variant:small-caps;  letter-spacing:0.1em; border:1px solid rgb(220,220,220); border-left:none; border-top:none; border-right:none;}
	
#aktuell h3 {
    margin:0;
	padding:10px 10px 0 10px;
	font-size:1em;}
	
#aktuell p {
    padding:0px 10px 5px 10px; display:block;}

#aktuell p a {
    display:block; text-align:center; margin-left:auto;}
	
p.step_nav {
    font-size:small;
	clear:both;
	}

/*  Das Impressum:
    ----------------------------------------------------------------------------------------------------------
*/
#impressumBody #content {
    text-align:center;}
	
a.copyright, a:visited.copyright {
font-weight:bold;
text-decoration:none;
color:#0000FF;
}

a:hover.copyright {
text-decoration:underline;
color:#FF0000;
}
/*
    ----------------------------------------------------------------------------------------------------------
	Die Kontaktseite:
	----------------------------------------------------------------------------------------------------------
*/
#address {
    float:left;}
 a.email {
margin-bottom:4em;
}
	
/*
	Das Kontaktformular:
	----------------------------------------------------------------------------------------------------------
*/

form {
    float:right; 
	margin-right:30px; 
	margin-bottom:30px; 
	font:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	background-color:#5EA4D7; 
	}

fieldset {
    border:none;
}
legend{
	padding:5px 0 5px 15px;
	font-weight:bold;
	font-size:22px;
	color:#fff;
	}

	
input, textarea {
    clear:both; display:inline; 
	padding:0px 10px; 
	text-align:left;
	margin-left:15px;
	margin-right:15px;
	width:274px;
	border:1px solid #abc;
	}

label {
    text-align:left; display:block; padding:4px; margin:5px; color:#fff; padding:4px 4px 2px 10px;}

.hidden {
display:none;
}
	
div#main {
float:left; width:340px;
}	
#absenden {
    display:block; 
	margin:5px 0 10px 15px;
	padding:3px;
	color:#4d93c6; 
	font-weight:bold;
	width:7em;
	text-align:center;}
	
/*
    ----------------------------------------------------------------------------------------------------------
	AGB:
	----------------------------------------------------------------------------------------------------------
*/
#agbBody ul {
    list-style:none;}


/*
    ----------------------------------------------------------------------------------------------------------
	Die Fahrzeugseiten:
	----------------------------------------------------------------------------------------------------------
*/
#transporterBody #bilder, #lkw_75Body #bilder, #newsBody #bilder {
    padding:10px;}
	
#transporterBody #all #content #bilder img, #lkw_75Body #bilder img, #newsBody #bilder img {
    margin-left:10px; padding:5px; border:1px solid; border-top-color:#eee; border-right-color:#ddd; border-bottom-color:#ddd; border-left-color:#eee;}	
	
#typ {
width:13em;
}
.center {
text-align:center;
}

/*
    ----------------------------------------------------------------------------------------------------------
	Transporte:
	----------------------------------------------------------------------------------------------------------
*/
#transporteBody img {
    float:left; margin:0 10px 5px 0px; border:1px solid; border-top-color:#ccc; border-right-color:#aaa; border-bottom-color:#aaa; border-left-color:#ccc; padding:4px; background-color:rgb(240,240,240);}
	
/* Die Seiten der Rubrik "Vermietung" -------------------------------------------------------------------------
   ############################################################################################################
   ------------------------------------------------------------------------------------------------------------
*/

table.data th {
    background-color:#eef;}
	
/* Hintergrundfarbe bei ungerader Reihe */
.alt {
    background-color:#efefff;}	
.preis, .num {
    text-align:right;}

th
{
   text-align:left; vertical-align:top; border:1px solid #aaa; background-color:#eef; color:#333; padding:5px;
}

th span
{
   font-weight:normal; font-size:small;
}

td
{
  vertical-align:middle; padding:5px; border: 1px solid #aaa; text-align:left; font-size:small;
}

/*
    ----------------------------------------------------------------------------------------------------------
	Anhaenger:
	----------------------------------------------------------------------------------------------------------
*/
#anhaengerBody #images {
    margin:10px 0px 10px 20px;}
	
#images img {
    border:1px solid; border-top-color:#ccc; border-right-color:#999; border-bottom-color:#999; border-left-color:#ccc; padding:3px; margin-right:2px;}
	
/*
    ----------------------------------------------------------------------------------------------------------
	Die Firma:
	----------------------------------------------------------------------------------------------------------
*/
#portraits {
    clear:both; margin-left:15px; margin-right:15px; font-size:0.85em;}

#portraits h3 {
    margin:0; padding:3px 5px; background-color:red; color:#fff;}
#portraits p {
    padding:10px 5px 5px 5px;}
#portraits span {
    font-weight:bold;
	padding-top:40px;}
#portraits img {
    padding:5px; border:1px solid; border-top-color:#ddd; border-right-color:#bbb; border-bottom-color:#bbb; border-left-color:#ddd;}

#achim .description {
    float:right; width:155px;}

#achim {
    border: 1px solid #ddd; float:left; width:325px; padding:7px; text-align:left;}

#achim img {
    float:left;}
	

#stephan {
    border: 1px solid #ddd;float:right; width:325px; padding:7px; text-align:right;}

#stephan .description {
    float:left; width:155px;}

#stephan img {
    float:right;}

#die_firmaBody .clearer {
    clear:both; padding-top:1.2em;}
	
#historie_link p {
    padding-top:5px; background:url(../site_images/navigation/arrowRedRight.gif) 100% 0% no-repeat; width:20em;}
	
#historie_link p a {
    display:block;}
	
#mamas_liebling a img {
    padding:4px; margin-right:10px; margin-bottom:10px; float:left; border:1px solid;border-top-color:#ddd; border-right-color:#bbb; border-bottom-color:#bbb; border-left-color:#ddd;}

#mamas_liebling a img:hover {
    background-color:#ddd;}

    
	
/*
    ----------------------------------------------------------------------------------------------------------
	Referenzen bzw. Geschichte der Firma in Bildern:
	----------------------------------------------------------------------------------------------------------
*/
/*#referenzenBody h2 {
    background-image:url(../site_images/background/black_content_top.gif); color:#fff;}*/

/*#referenzenBody #content {
    background-color:#000; background-image:none; color:#fff;}*/

#galerie {
    margin:0 20px; display:table; text-align:center; padding:10px;}
	
#galerie a {
    vertical-align:middle;text-align:center; width:210px; height:210px; display:inline-table}

#galerie a img {
    border:1px solid #ddd;; padding:0px; margin:8px; /*border-top-color:#ccc; border-left-color:#ccc; border-right-color:#bbb; border-bottom-color:#bbb; background-color:rgb(230,230,230);*/vertical-align:middle;	}
	
#galerie a img:hover {
     border-color:#bbb;}

/*#referenzenBody #clear {
    background-image:url(../site_images/background/black_content_bottom.gif);}*/






/*
    ----------------------------------------------------------------------------------------------------------
	Anfahrt:
	----------------------------------------------------------------------------------------------------------
*/
#betriebshof {
    float:right; padding:3px; margin: 0  15px 5px 5px; width:220px; border:1px solid #ddd; font-size:0.8em; line-height:0.9em;}
#betriebshof p {
    padding:3px;}
#betriebshof img {
    float:right;}
	
#googleMap {
    margin:10px 15px 0px 15px;}
	
#googleMap p  {
    text-align:center; margin-top:5px;}
	
#googleMap p a {
    text-decoration:none;}