/******* Basic Style *******/

body { background: #666 url(body_bkg.jpg) repeat-x; margin: 0; padding:0px; font: 0.7em/14px Arial, Verdana, Helvetica, sans-serif; text-align: center; /* be nice to IE */ }

a { color: #666; text-decoration: none; }
a:hover { color: #fff; background-color: #666; }
a:active { color: #666; background-color: #fff; }


/******* Basic Layout *******/

#skip { /* hide link from visual browsers */ position: absolute; left: -9999px; }
#wrapper { position:relative; top:140px; padding: 0; margin: 0 auto; overflow: hidden; text-align: left; width: 950px; }
#menu { position:relative; float:left; width:250px; height: 520px; margin: 0; padding: 0; background: #191919 url(menu_logo.gif) no-repeat }
#main00 { position:relative; float:left; width:700px; height: 520px; margin: 0; padding: 0; background-color:#fff; }
#main01 { position:relative; float:left; width:350px; height: 520px; margin: 0; padding: 0; background-color:#fff; }
#main02 { position:relative; float:left; width:350px; height: 520px; margin: 0; padding: 0; background-color:#fff; }

.break { height: 95px; margin: 0; padding: 0; overflow: hidden; clear: both;}


/******* Content Layout | Index *******/

#img00 { width: 700px; margin: 0; height: 520px; background: url(img_index.jpg) no-repeat; }

#main00 h1 { display: none; }
#main00 p { display: none; }


/******* Content Layout | Normal *******/

#main01 h1, main02 h1 { display: none; }
h2 { font-size:120%; font-weight:bold; color: #666; padding: 0; margin:0; }
#main01 h3, main02 h3 { font-size:100%; font-weight:bold; color: #413930; padding: 0 0 0px 15px; margin:0; }

#main01 p, main02 p { margin: 0 20px; color: #413930; line-height: 14px; padding: 0 0 8px 0;}
#main01 p.en, main02 p.en { margin: 0 20px; color: #413930; padding: 0 0 8px 0; font-weight: bold; }


#h00 { width: 350px; margin: 0; height: 95px; background: url(h_blank.gif) no-repeat; }
#h01 { width: 350px; margin: 0; height: 95px; background: url(h_about.gif) no-repeat; }
#h02 { width: 350px; margin: 0; height: 95px; background: url(h_mod02.gif) no-repeat; }
#h03 { width: 350px; margin: 0; height: 95px; background: url(h_mod03.gif) no-repeat; }
#h03-1 { width: 350px; margin: 0; height: 95px; background: url(h_mod03-1.gif) no-repeat; }
#h04 { width: 350px; margin: 0; height: 95px; background: url(h_mod04.gif) no-repeat; }
#h05 { width: 350px; margin: 0; height: 95px; background: url(h_mod05.gif) no-repeat; }
#h06 { width: 350px; margin: 0; height: 95px; background: url(h_mod06.gif) no-repeat; }
#h07 { width: 350px; margin: 0; height: 95px; background: url(h_mod07.gif) no-repeat; }
#h08 { width: 350px; margin: 0; height: 95px; background: url(h_mod08.gif) no-repeat; }
#h09 { width: 350px; margin: 0; height: 95px; background: url(h_mod09.gif) no-repeat; }
#h10 { width: 350px; margin: 0; height: 95px; background: url(h_mod10.gif) no-repeat; }
#h11 { width: 350px; margin: 0; height: 95px; background: url(h_mod11.gif) no-repeat; }
#h12 { width: 350px; margin: 0; height: 95px; background: url(h_mod12.gif) no-repeat; }
#h13 { width: 350px; margin: 0; height: 95px; background: url(h_contact.gif) no-repeat; }


#img01 { width: 350px; margin: 0; height: 520px; padding: 0; background: url(img_about.jpg) no-repeat; }
#img02 { width: 350px; margin: 0; height: 520px; padding: 0; background: url(img_mod02.jpg) no-repeat; }
#img03 { width: 350px; margin: 0; height: 520px; padding: 0; background: url(img_mod03.jpg) no-repeat; }
#img03-1 { width: 350px; margin: 0; height: 520px; padding: 0; background: url(img_mod03-1.jpg) no-repeat; }
#img04 { width: 350px; margin: 0; height: 520px; padding: 0; background: url(img_mod04.jpg) no-repeat; }
#img05 { width: 350px; margin: 0; height: 520px; padding: 0; background: url(img_mod05.jpg) no-repeat; }
#img06 { width: 350px; margin: 0; height: 520px; padding: 0; background: url(img_mod06.jpg) no-repeat; }
#img07 { width: 350px; margin: 0; height: 520px; padding: 0; background: url(img_mod07.jpg) no-repeat; }
#img08 { width: 350px; margin: 0; height: 520px; padding: 0; background: url(img_mod08.jpg) no-repeat; }
#img09 { width: 350px; margin: 0; height: 520px; padding: 0; background: url(img_mod09.jpg) no-repeat; }
#img10 { width: 350px; margin: 0; height: 520px; padding: 0; background: url(img_mod10.jpg) no-repeat; }
#img11 { width: 350px; margin: 0; height: 520px; padding: 0; background: url(img_mod11.jpg) no-repeat; }
#img12 { width: 350px; margin: 0; height: 520px; padding: 0; background: url(img_mod12.jpg) no-repeat; }
#img13 { width: 350px; margin: 0; height: 520px; padding: 0; background: url(img_contact.jpg) no-repeat; }

/*

.break { height: 10px; margin: 0; padding: 0; overflow: hidden; clear: both;}
.breaknull { margin: 0; padding: 0; overflow: hidden; clear: both;}


/******* Content Layout | Index *******

#index { left:50%; top:50%; padding: 0; margin: 0; overflow: hidden; width: 250px; height: 150px; background: url(index_logo.gif) no-repeat; }


******* Content Layout | Referenzen *******

#ref01 { width: 400px; height: 86px; margin: 0 15px; padding: 0; background: url(img_referenzen.gif) no-repeat; }

#ref ul { margin: 0 15px 5px 15px; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #413930; }
#ref li { line-height: 15px; }


******* Content Layout | Referenzen *******

#gal { width: 415px; height: 76px; margin: 0 0 5px 15px; padding: 0; overflow: hidden; clear: both;}

#gal .img { border: #E5E5E5 1px solid; width: 74px; height: 74px; float:left; margin: 0; padding: 0; margin-right: 5px;}


******* Content Layout | Referenzen *******

#lnk ul { margin: 0 15px 5px 15px; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #413930; }
#lnk li { line-height: 15px; }


/******* Menu Layout *******/

#menu ul { margin: 0; padding: 220px 0 0 0 ; list-style-type: none; font-family: Arial, Helvetica, sans-serif; }
#menu li { margin: 0 0 2px 0; }
#menu a { display: block; padding: 0 0 0 15px; margin: 0; width: 250px; }
#menu a:link, #menu a:visited { color: #ccc; text-decoration: none; }
#menu a:hover { background-color: transparent; color: #fff; }
#menu a:active { background-color: transparent; color: #fff; }

#menu a.sub { line-height: 130%; font-weight: normal; }
#menu a { line-height: 160%; font-weight: bold; }

#home #menu #ahome a,
#about #menu #aabout a,
#mod02 #menu #amod02 a,
#mod03 #menu #amod03 a,
#mod03-1 #menu #amod03-1 a,
#mod04 #menu #amod04 a,
#mod05 #menu #amod05 a,
#mod06 #menu #amod06 a,
#mod07 #menu #amod07 a,
#mod08 #menu #amod08 a,
#mod09 #menu #amod09 a,
#mod10 #menu #amod10 a,
#mod11 #menu #amod11 a,
#contact #menu #acontact a { color: #fff; background-color: transparent; }

#menu #amod02 a,
#menu #amod03 a,
#menu #amod03-1 a,
#menu #amod04 a,
#menu #amod05 a,
#menu #amod06 a,
#menu #amod07 a,
#menu #amod08 a,
#menu #amod09 a,
#menu #amod10 a,
#menu #amod11 a { padding-left: 30px; }


/******* Footer Layout *******/

#footer { width:950px; height: 30px; margin: 0; padding: 6px 0 0 0; background-color: transparent; }
#footer h4 { text-transform: uppercase; color: #333; font-size: 80%; margin: 0; padding: 0; text-align: right;}


table {border: 0; margin: 10px 20px 0 20px; }
th {background: #fff; color: #333; font-weight: normal; text-align: left; }
th p {font-weight: normal}
th, td {font-size: 11px;}
html>body th, html>body td {font-size: .7em}

.data-left {
font-size: 11px;
color: #2F2F2F;
text-align: right;
line-height:11px;
padding-right: 20px;
}
.data-right {
font-size: 11px;
color: #2F2F2F;
text-align: left;
line-height: 11px;
}

#overview {
    margin: 35px 0 0 0;
}
#overview h3 { display: none; }
#overview li.gallery_item { background-color: #ccc; float: left; height: 81px; list-style-type: none; margin: 0 10px 10px 0; padding: 0; width: 81px; }
#overview .item { background-position: center center; background-repeat: no-repeat; display: block; height: 75px; width: 75px; margin: 0; padding: 3px; position: relative; text-decoration: none; }
#overview .item span { display: none; }