#container {
   height: 100%; /* das hier für den ie */
	}
	/* folgende anweisung wird nicht vom ie interpretiert */
	#container[id] {
    height:auto;
    min-height:100%;
	}

html {
height: 100%;
margin: 0;
padding: 0;
}


body {
color: #333366;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
background-color:#999999;
background-image:url(http://trapp-gmbh.com/cms/picture/main.jpg);
background-repeat:repeat-x;
font:13px verdana, sans-serif;
}

a:visited{
font-size:110%;
line-height:130%;
text-decoration:none;
font:13px verdana, sans-serif;
color:#ff0000;
}


a {
font-size:110%;
line-height:130%;
text-decoration:none;
font:13px verdana, sans-serif;
color:#ff0000;
}

a:hover, a:active, a:focus {
font-size:110%;
line-height:130%;
text-decoration:none;
font:13px verdana, sans-serif;
color:#0066ff;
}


p       { font-size:90%;
        line-height:140%;
	font:13px verdana, sans-serif;
	letter-spacing:1pt;
	color:#333366;
        word-spacing:0.3em;
	}

p2	{ font-size:70%;
        line-height:80%;
        font:13px verdana, sans-serif;
        letter-spacing:1pt;
	color:#FFFFFF;
        word-spacing:0.1em;
}


h1 { font-size:120%;
     line-height:140%;
     font:verdana, sans-serif;
     color:#333366;
     font-style:bold;
}

h2 { font-size:90%;
     line-height:120%;
     font:verdana, sans-serif;
     color:#333366;
     font-style:bold;
}


ul,li {
	text-align: left;
}

#bg {
background-image: url(http://trapp-gmbh.com/cms/picture/asphalt.jpg);
background-repeat: no-repeat;
padding: 0;
margin: 0;
}

form   { 
	color:#FFFFFF;
	font-size:140%;
        line-height:130%;
        font-family:Helvetica,Arial,sans-serif;
       }


#clear {
clear: both;
}

#container {
		border-left:1px solid #FFFFFF;
		border-right:1px solid #FFFFFF;
		width: 750px;
		margin: 0 auto;
		padding: 0;
		min-height:100%;
		position: relative;
		background-image:url(http://trapp-gmbh.com/cms/picture/test.jpg);
		background-repeat: repeat-y;
}


#flash {
	float:right;
	height: 280px;
	width: 250px;
	border: 1px solid black;
}

#ref {
	float:right;
	width: 300px;
	}


#head {
position: relative;
height:130px;
width:750px;
background-image:url(http://trapp-gmbh.com/cms/picture/logo.jpg);
border-bottom: 1px solid white;
border-top: 1px solid white;
}

#leiste {
padding: 0px;
position: relative;
height:25px;
width:750px;
background-color: #333366;
border-bottom: 1px solid white;
}

#content{
padding: 0;
margin: auto;
}

#gal {
position: absolute;
}


#footer{
position: absolute;
bottom: 0px;
width:750px;
clear:both;
color: white;
background-color:#333366;
height:20px;
left: 50%;
margin: 0 -375px;
border-top:1px solid white;
}

#footer p{margin:0;padding:4px;text-align:right;}

#box1 {
margin: 20px auto 20px;
padding: 0px;
width: 90%;
background-image:url(http://trapp-gmbh.com/cms/picture/asphalt2.jpg);
border: 1px solid white;
}

#box2 {
text-align: left;
color: white;
height: 15px;
padding: 2px;
background: #333366;
border-bottom: 1px solid white;
}

#box3 {
position: abolute;
padding: 20px;
}

#box4 {
float:right;
border: 1px solid white;
}

#box5 {
height: 60px;
border-bottom: 1px solid white;
border: 1px solid white;
}

#box6 {
width: 100%;
height: 20px;
border: 1px solid white;
}

#box7 {
float: left;
width: 100px;
border: 1px solid white;
}

#box8 {
float: right;
width: 446px;
border: 1px solid white;
}

#box9 {
width: auto;
border: 1px solid white;
}

#menu{
margin:0;
padding:0;
background:white;
width:750px;
border-bottom:1px solid white;
text-align:left;}
#menu ul{
background:#CCCCCC;
color: black;
text-align:left;
margin:0;
padding: 0 0 0 10px;
list-style:none;
white-space: nowrap;}
#menu li{
display:inline;}
#menu a{
color:white;
font:bold 12px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#menu a:hover{color:white;background:blue;}

#primaryNav {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 35px;
   }

/* here we set the default display for the lists/nested lists */
#primaryNav ul {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   list-style: none;
   display: block;
   width: auto;
   }
   
#primaryNav ul ul {
   display: none;
   position: absolute;
   width: 122px;
   border-bottom: 1px solid #ccc;
   top: 20px;
   left: 0px;
   text-align: left;
   }

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul ul { top: 30px; left: 0px; width: 170px;}
   /* End */
   
   
#primaryNav ul ul ul {
   display: none;
   position: absolute;
   left: 190px;
   top: -1px;
   }

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul ul ul { left: 170px; top: -1px; }
   /* End */

/* here we set the default display for the list items/nested list items */
#primaryNav ul li {
   margin: 0px 0px 0px 0px;
   padding: 4px 0px 4px 0px;
   float: left;
   position: relative;
   font-weight: bold;
   }

#primaryNav ul li li {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border: 1px solid #ccc;
   border-bottom: 1px;
   display: block;
   float: none;
   font-weight: normal;
   }

/* here we set the default display state for the links */
#primaryNav ul li a {
   padding: 5px 20px 5px 5px;
   display: inline;
   text-decoration: none;
   }
   
#primaryNav ul li li a {
   padding: 5px 10px 5px 10px;
   display: block;
   width: 122px;
   }

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul li { float: left; height: 1%; }
   * html #primaryNav ul li a { height: 1%; }
   /* End */
   

/* here we set the ACTIVE class for ON menus, first for cascade */
#primaryNav ul.itemOff { color: #FFFFFF; /*color: #FF3300;*/ }

/* DEFINE DEFAULT LI/A APPEARANCE */
/* here we set the standard LI states - controls bg color */
#primaryNav ul li { background-color: transparent; color: #FFFFFF; }
#primaryNav ul li li { background-color: #FFFFFF; color: #777; }
#primaryNav ul li li li { background-color: #ffffff; color: #777; }
#primaryNav ul li li li li { background-color: #FFFFFF; color: #777; }

/* here we set the standard A states - controls text color */
#primaryNav ul li a { color: inherit; }

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul li a { color: #FFFFFF; }
   * html #primaryNav ul li li a { color: #777; }
   /* End */

/* DEFINE DEFAULT LI/A HOVER/ON APPEARANCE */
/* here we set the hover and "in" styles for elements */
   /* L1 on states */
#primaryNav li:hover, #primaryNav li.sfhover a { color: FF0000; }
   /* L1 off states - for children */
#primaryNav li:hover li, #primaryNav li.sfhover li a { color: #333366; }

   /* L2 on states */
#primaryNav li li:hover, #primaryNav li li.sfhover a { color: #FFFFFF; }
   /* L2 off states - for children */
#primaryNav li li:hover li, #primaryNav li li.sfhover li a { color: #777; }

   /* L3 on states */
#primaryNav li li li:hover, #primaryNav li li li.sfhover a { color: #FFFFFF; }
   /* L3 off states - for children */
#primaryNav li li li:hover li, #primaryNav li li li.sfhover li a { color: #777; }

   /* global states - bg colors */
#primaryNav li li:hover, #primaryNav li li.sfhover, #primaryNav li li li:hover, #primaryNav li li li.sfhover {
   background-color: #993333;
   }

/* DEFINE MENU APPEARANCE BEHAVIORS */
/* here we set the reveal/hide chains for the fly-out */
#primaryNav li:hover ul ul, #primaryNav li:hover ul ul ul {
   display: none;
   }
   
#primaryNav li:hover ul, #primaryNav li li:hover ul, #primaryNav li li li:hover ul {
   display: block;
   }

#primaryNav li.sfhover ul ul, #primaryNav li.sfhover ul ul ul, #primaryNav li li.sfhover ul ul {
   display: none;
   }
   
#primaryNav li.sfhover ul, #primaryNav li.sfhover ul, #primaryNav li li.sfhover ul, #primaryNav li li li.sfhover ul {
   display: block;
   }