/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* layout.css */

html 	{ text-align : center;  }

a:active, a:focus {outline: none}

body { 
position : relative; 
width : 960px; 
margin : 0 auto; 
text-align : left;
background-color:#fff}

body { 
font : 85%/1.5 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color : #666; }

h1 { 
font : 120%/2.5 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color : #cc3300; }

h2 { 
font : 120%/2.5 "Arial", "Helvetica","Lucida Sans Unicode", Verdana, sans-serif; color : #666; }

div#main { 
position : relative; 
width : 960px; 
margin-top: 30px;
 }

div#header { 
height: 40px;}

div#branding { 
height: 300px}

#homeintro
{ 
margin-left: 30px}

ul#navigation_top { 
height: 30px}


ul#navigation_top li { 
display: block; 
text-indent: -9999px;
height: 30px;
float: left;}

ul#navigation_top li a{ 
height: 100%;
display: block;
}


ul#navigation_top #leistungen { width: 230px; background: url(im/leistungen.gif); }
ul#navigation_top #leistungen-a { width: 230px; background: url(im/leistungen-a.gif); }
ul#navigation_top #referenzen { width: 210px; background: url(im/referenzen.gif); }
ul#navigation_top #referenzen-a { width: 210px; background: url(im/referenzen-a.gif); }
ul#navigation_top #csi { width: 170px; background: url(im/csi.gif); }
ul#navigation_top #csi-a { width: 170px; background: url(im/csi-a.gif); }
ul#navigation_top #kontakt { width: 220px; background: url(im/kontakt.gif); }
ul#navigation_top #kontakt-a { width: 220px; background: url(im/kontakt-a.gif); }

ul#navigation_1 { 
padding: 80px 0 0 30px ;
height: 40px;
}

ul#navigation_1 li { 
display: block;
text-indent: -9999px;
height: 40px;
float: left;
}


ul#navigation_1 li a{ 
height: 100%;
display: block;
}




ul#navigation_2 li a { 
margin: 0px 0px 3px 0px ;
height: 70px;
display: block;
text-indent: -9999px;
}

ul#navigation_2 #messebau { width: 220px; background: url(im/messebau.gif); background-repeat: no-repeat;}
ul#navigation_2 #messebau-a { width: 220px; background: url(im/messebau-a.gif); background-repeat: no-repeat;}
ul#navigation_2 #wohnkonzepte { width: 220px; background: url(im/wohnkonzepte.gif); background-repeat: no-repeat;}
ul#navigation_2 #wohnkonzepte-a { width: 220px; background: url(im/wohnkonzepte-a.gif); background-repeat: no-repeat;}
ul#navigation_2 #bueroplanung { width: 220px; background: url(im/bueroplanung.gif); background-repeat: no-repeat;}
ul#navigation_2 #bueroplanung-a { width: 220px; background: url(im/bueroplanung-a.gif); background-repeat: no-repeat;}
ul#navigation_2 #beratung { width: 220px; background: url(im/beratung.gif); background-repeat: no-repeat;}
ul#navigation_2 #beratung-a { width: 220px; background: url(im/beratung-a.gif); background-repeat: no-repeat;}
ul#navigation_2 #shopdesign { width: 220px; background: url(im/shopdesign.gif); background-repeat: no-repeat;}
ul#navigation_2 #shopdesign-a { width: 220px; background: url(im/shopdesign-a.gif); background-repeat: no-repeat;}

ul#navigation_2 #referenz-1 { width: 220px; background: url(im/referenz-1.gif); background-repeat: no-repeat;}
ul#navigation_2 #referenz-1a { width: 220px; background: url(im/referenz-1a.gif); background-repeat: no-repeat;}
ul#navigation_2 #referenz-2 { width: 220px; background: url(im/referenz-2.gif); background-repeat: no-repeat;}
ul#navigation_2 #referenz-3 { width: 220px; background: url(im/referenz-3.gif); background-repeat: no-repeat;}
ul#navigation_2 #referenz-4 { width: 220px; background: url(im/referenz-4.gif); background-repeat: no-repeat;}
ul#navigation_2 #referenz-5 { width: 220px; background: url(im/referenz-5.gif); background-repeat: no-repeat;}


ul#navigation_3 li { 
padding: 0px 0 5px 0px ;
}


div#content { 
height: 380px}

div#content_text {
position: absolute;
left : 0; 
width : 620px;
height: 380px;
padding : 0px 10px 0 30px  }

  
div#textblock { 

width : 90%; 
padding : 10px 10px 20px 57px;
font-color: #ffffff; }

  
div#content_navigation { 
position: absolute;
left : 643px;  
width : 280px; 
padding : 0px 0 0 10px }




ul#navigation_footer #home { 
width: 920px; 
height: 60px;
background: url(im/messebau.gif);
}


div#nav_main { 
width : 46%; 
float: left; }

div#nav_sub { 
width : 54%; 
float: left; }


div#footer { 
position: absolute;
text-indent: -0px;
background: url(im/logo.gif);
width : 100%; 
height: 60px;
padding : 0; }


/* =switch columns */
div#content_main {
left : 50%; 
width : 50%; 
padding : 1em 0; 
float: left;}
  
div#content_sub { 
left : 0;  
width : 50%; 
padding : 1em 0; }


div#header, div#branding, div#content, div#footer {
width : 100%; }

/* =si_clear_children */
.pc,.sc { position : absolute; top: 0; left: 0; }
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */