/* Standard CSS */
/* Start 09.11.06 */
/* last change 10.04.07 */


/* for all */
*{
padding: 0;
margin: 0;
}

/* common */
/* Standard */
body { font-size: 11px; line-height: 1.4em; text-align: center; }
a,h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,p,input,textarea,select {color: #000; font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: left; }
p { padding: 10px 20px 30px 30px; letter-spacing: 0px; font-size: 13px; line-height: 1.4em; color: #000;}
.high { color: #FF6633;}
h3 { padding: 30px 10px 0px 30px; letter-spacing: 0px; font-weight: normal; font-size: 13px; line-height: 1.4em; color: #FF6633; }
.small { font-size: 10px; text-align: center; color: #000;}
.smaller { font-size: 9px; text-align: center; color: #000;}
/* Lists */
ul,li {padding: 0; margin: 0; list-style-type: none; position: relative; }

/* pictures without border */
img, a img {border: 0; }

/* class to clear float */
.clear { clear: both; }

/* display no element */
.none { display: none; }

/* left or right align of elements */
.leftalign { float: left; }
.rightalign { float: right; }



/* Layout ("*html" = IE6 Hacks) */
#start {
	width: 950px;
	height: 800px;
	margin: 0 auto;
	border: 0;
}
#case { width: 100px; height: 20px; text-align: left; }

#wrap { width: 950px; height: 770px; margin: 0 auto; }

#header, #navigation, #inhalt, #footer { text-align: left; }

/* header Layout */
#header { width: 940px; height: 70px; padding: 5px; background: #FFF; }
#header img { position: relative; top: 10px; left: 795px; }
#headertitles { width: 940px; height: 70px; padding: 5px; background: #FFF; }
#headertitles2 { width: 940px; height: 70px; padding: 5px; background: #FFF; }
#headertitles img { position: relative; top: 10px; left: 1px; }
#headertitles img.text { position: relative; top: 57px; left: -20px; }
#headertitles2 img.text { position: relative; top: 57px; left: 5px; }

#navigation { position: relative; left: 6px; width: 940px; height: 120px; padding: 4px; }
*html #navigation { position: relative; left: 1px; top: 5px; width: 940px; height: 120px; padding: 4px; }
#nav1header {width: 150px; height: 20px; margin-right: 6px; background: #FFF; float: left; }
#nav2header {width: 150px; height: 20px; margin-right: 6px; background: #FFF; float: left; }
#nav3header {width: 150px; height: 20px; margin-right: 6px; background: #FFF; float: left; }
#nav4header {width: 150px; height: 20px; margin-right: 6px; background: #FFF; float: left; }
#nav5header {width: 150px; height: 20px; margin-right: 6px; background: #FFF; float: left; }
#nav6header {width: 130px; height: 20px;  background: #FFF; float: left; }
#naviheader p { padding: 0 15px 0px 5px; letter-spacing: 0px; font-size: 13px; line-height: 1.4em; color: #000;}
#navFlash {width: 774px; height: 120px; margin-right: 6px; background: #D7EFF1; float: left; }
#nav1 {width: 150px; height: 120px; margin-right: 6px; background: #D7EFF1; float: left; }
#nav2 {width: 150px; height: 120px; margin-right: 6px; background: #D7EFF1; float: left; }
#nav3 {width: 150px; height: 120px; margin-right: 6px; background: #D7EFF1; float: left; }
#nav4 {width: 150px; height: 120px; margin-right: 6px; background: #D7EFF1; float: left; }
#nav5 {width: 150px; height: 120px; margin-right: 6px; background: #D7EFF1; float: left; }
#nav6 {width: 150px; height: 120px;  background: #FFF; float: left; }
*html #intro {width: 950px; height: 700px; border: 1px solid #D7EFF1; background: #FFF url(../grfx/navi.gif) left top no-repeat; float: left; }

/* Content Layout */

#content { position: relative; left: 6px; top: 2px; margin-left: 4px; width: 304px; height: 419px; margin-right: 3px; border: 1px solid #D7EFF1; float: left; text-align:left;}
*html #content { position: relative; left: 2px; top: 6px; margin-left: 2px; width: 304px; height: 419px; margin-right: 3px; border: 1px solid #D7EFF1; float: left; text-align:left;}

#contentB { position: relative; left: 6px; top: 2px; margin-left: 4px; width: 304px; height: 419px; margin-right: 3px; border: 0px solid #D7EFF1; float: left; text-align:left;}
*html #contentB { position: relative; left: 2px; top: 6px; margin-left: 4px; width: 304px; height: 418px; margin-right: 3px; border: 0px solid #D7EFF1; float: left; text-align:left;}

#contentC { position: relative; left: 6px; top: 2px; margin-left: 4px; width: 148px; height: 419px; margin-right: 3px; border: 1px solid #D7EFF1; float: left; text-align:left;}
*html #contentC { position: relative; left: 2px; top: 6px; margin-left: 4px; width: 148px; height: 419px; margin-right: 3px; border: 1px solid #D7EFF1; float: left; text-align:left;}

#contentwexler { position: relative; left: 8px; top: 2px; margin-left: 4px; padding: 5px 0 5px 0; width: 304px; height: 419px; margin-right: 3px; border: 1px solid #FFF; float: left; text-align:left;}
*html #contentwexler { position: relative; left: 1px; top: 6px; margin-left: 4px; padding: 5px 0 5px 0; width: 306px; height: 415px; margin-right: 3px; border: 1px solid #FFF; float: left; text-align:left;}


#content2 { position: relative; left: 9px; top: 2px; width: 616px; height: 419px; border: 1px solid #D7EFF1; background: #FFF url(../content2.gif) left top no-repeat; float: left; text-align:left;}
*html #content2 { position: relative; left: 5px; top: 6px; width: 616px; height: 419px; border: 1px solid #D7EFF1; float: left; text-align:left; }


#casestudies { position: relative; left: 9px; top: 2px; width: 463px; height: 445px; background: #FFFFFF; float: left; text-align:left; margin-right: 6px;}
*html #casestudies { position: relative; left: 5px; top: 6px; width: 463px; height: 445px; background: #FFFFFF; float: left; text-align:left; margin-right: 6px;}

#casestudies2 { position: relative; left: 9px; top: 2px; width: 617px; height: 418px; border: 1px solid #D7EFF1; background: #FFFFFF; float: left; text-align:left; margin-right: 6px;}
*html #casestudies2 { position: relative; left: 5px; top: 6px; width: 617px; height: 418px; border: 1px solid #D7EFF1; background: #FFFFFF; float: left; text-align:left; margin-right: 6px;}

#case { position: relative; left: 9px; top: 2px; width: 461px; height: 418px;  border: 1px solid #D7EFF1; background: #FFFFFF; float: left; text-align:left; margin-right: 6px;}
*html #case { position: relative; left: 5px; top: 6px; width: 461px; height: 421px; border: 1px solid #D7EFF1; background: #FFFFFF; float: left; text-align:left; margin-right: 6px;}

#casestudies_still { position: relative; left: 9px; top: 2px; width: 463px; height: 421px;  background: #FFFFFF; float: left; text-align:left; margin-right: 6px;}
*html #casestudies_still { position: relative; left: 5px; top: 6px; width: 463px; height: 421px;  background: #FFFFFF; float: left; text-align:left; margin-right: 6px;}

#naviwexler { position: relative; left: 9px; top: 2px; width: 150px; height: 420px;  background: #D7EFF1; float: left; text-align:left; }
*html #naviwexler { position: relative; left: 4px; top: 6px; width: 150px; height: 419px;  background: #D7EFF1; float: left; text-align:left; }
#copyright { width: 200px; height: 20px; float: left; margin: 0; padding: 0; }
#content3 { position: relative; top: 6px; width: 610px; height: 150px; border: 0px solid #D7EFF1; background: #FFF; float: right; text-align:left;}
#content3a { position: relative; top: 6px; width: 940px; height: 150px; border: 0px solid #D7EFF1; background: #FFF; clear: both; text-align:left;}
#content3a img { float: right; }
#content4 { position: relative; top: -10px; width: 610px; height: 150px; border: 0px solid #D7EFF1; background: #FFF; float: right; text-align:left;}
#content5 { position: relative; top: 6px; width: 333px; height: 150px; border: 0px solid #D7EFF1; background: #FFF; float: left; text-align:left;}
table, tr { padding: 0; margin: 0; position: relative; top: -2px; }
*html table, tr { padding: 0; margin: 0; position:relative; top: 0; }

/*scrollbar design*/

td.scroll
{
position:relative; top: 0;
width: 304px;
height: 419px;
font-family: tahoma;
background-color: #FFF;
scrollbar-base-color: #FFF;
scrollbar-3d-light-color: #CCC;
scrollbar-arrow-color: #000;
scrollbar-darkshadow-color: #CCC;
scrollbar-face-color: #FFF;
scrollbar-highlight-color: #CCC;
scrollbar-shadow-color: #CCC;
scrollbar-track-color: #CCC;
}
*html td.scroll
{
position:relative; top: 0;
width: 304px;
height: 415px;
font-family: tahoma;
background-color: #FFF;
scrollbar-base-color: #FFF;
scrollbar-3d-light-color: #CCC;
scrollbar-arrow-color: #F83611;
scrollbar-darkshadow-color: #CCC;
scrollbar-face-color: #FFF;
scrollbar-highlight-color: #CCC;
scrollbar-shadow-color: #D7EFF1;
scrollbar-track-color: #D7EFF1;
}
td.scroll2
{
position:relative; top: 0;
width: 640px;
height: 417px;
font-family: tahoma;
background-color: #FFF;
scrollbar-base-color: #FFF;
scrollbar-3d-light-color: #CCC;
scrollbar-arrow-color: #000;
scrollbar-darkshadow-color: #CCC;
scrollbar-face-color: #FFF;
scrollbar-highlight-color: #CCC;
scrollbar-shadow-color: #CCC;
scrollbar-track-color: #CCC;
}
*html td.scroll2
{
position:relative; top: 0;
width: 640px;
height: 415px;
font-family: tahoma;
background-color: #FFF;
scrollbar-base-color: #FFF;
scrollbar-3d-light-color: #CCC;
scrollbar-arrow-color: #F83611;
scrollbar-darkshadow-color: #CCC;
scrollbar-face-color: #FFF;
scrollbar-highlight-color: #CCC;
scrollbar-shadow-color: #D7EFF1;
scrollbar-track-color: #D7EFF1;
}

#innerscroll { position: relative; top: 0; width: 100%; height: 100%; overflow: auto; }