/*
**************************************
Website: Interaktiv Manufaktur
Autor: Thomas TiedtkeCopyright: 2009
Interaktiv Manufaktur
***************************************/

/*Farben:
****************************************
Blau:   #00/CC3
Grau 1: #7b7c7e
Grau 2: #9a9b9c
*/

/*
Styles normalisieren
***************************************** */

* {
   padding:0px;
   margin:0px;
}

h1,h2,h3,h4,h5,h6 {   
   font-size:100%;
}
ol, ul {   
   list-style: none;
}
address,caption, cite, code, dfn, em, strong, th, var {   font-style:normal;   font-weight:normal;}
table {   border-collapse: collapse;   border-spacing: 0;}
fieldset, img {   border:0;}
caption, th {   text-align: left;}
/* Allgemeine  Styles
***************************************/
/* gegen Scrollbar-Springen beim Firefox */
html {   height: 100%;   margin-bottom: 1px;}
/* Seitenhintergrund */
body {   background-color: #A7A8AA;}
/* Basis-Schrift */
body,td,th,p,a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 18px;
   color:#7B7C7E;}

/* Basis-Überschriften */

h1, h2, h3, h4 {   
   font-family: Verdana, Tiems, serif;
   /* font-family: Tahoma, Arial, Helvetica, sans-serif; */
   font-weight:normal;   /*	font-size: 140%; */}

h1, h1 a {   text-decoration:none;}

h2, h2 a {   text-decoration:none;}

h3, h3 a {   text-decoration:none;}

/* Basis-Absatz */
p {}/* Basis-Link */
a {}/* Basis-Listen */
ol {   /*   list-style: square;   margin-left:20px;   */}
ul {   /*   list-style: square;   margin-left:20px;   */}
li {   margin-left:0px;}
acronym{   cursor: help;}
strong {   font-weight: bold;}
.trenner {   clear:both;   margin-bottom:30px;   border-bottom: 1px solid #004471;}

/*Links***************************************/

a {}
a:hover {   color: #007CC3;}
a.linkint {
   text-decoration:none;
   padding-left:20px;
   background-image: url(../_images/icn_link.gif);
   background-repeat: no-repeat;}a.linkint:hover {
   text-decoration:underline;   /* color:#990033; */
}

a.linkback {
   text-decoration:none;
   padding-left:16px;
   background-image: url('../_images/icn_linkback.gif');
   background-repeat: no-repeat;
   background-position: left 4px ;
}

a.linkback:hover {  
   text-decoration:underline;   /* color:#990033; */
}

a.linktop {
   text-decoration:none;
   padding-left:20px;
   background-image: url(../_images/icn_linktop.gif);
   background-repeat: no-repeat;
}

a.linktop:hover {   text-decoration:underline;   /* color:#990033; */}

a.linkkontakt {
   margin-bottom:100px;
   padding-top:20px;
   display:block;
   text-decoration:none;
   padding-left:40px;
   background-image: url('../_images/icn_kontakt.gif');
   background-repeat: no-repeat;
   background-position: left center ;
}
a.linkkontakt:hover {   text-decoration:underline;   /* color:#990033; */}

a.detail {
   color: #007CC3;   display:block;
   text-decoration:none;
   padding-left:12px;
   background-image: url(../_images/icn_link.gif);
   background-repeat: no-repeat;
   background-position: left 6px ;
}
a.detail:hover {   text-decoration:underline;}

a.linkext {
   color: #007CC3;   display:block;
   text-decoration:none;   padding-left:30px;
   background-image: url(../_images/icn_linkext.gif);
   background-repeat: no-repeat;
   background-position: left 4px ;
}
a.linkext:hover {   text-decoration:underline;}

/* Seiten-Bereiche***************************************/
#canvas {   width:960px;   margin-left:auto;   margin-right:auto;   margin-top:40px;}
#head {   background-color: #FFFFFF;   background-image:url('/_images/h_bg.gif');
          background-position:top;   background-repeat:no-repeat;   height:210px;
          position:relative;   left:0;   top:0;}

#logo {   position:absolute;   left:37px;;   top:45px;}

#claim {   position:absolute;   left:702px;   top:0;}

#main {   background-color:#FFFFFF;   min-height:300px;   position:relative;   left:0;   top:0;}

#content {}/* Spalten Sub-Seite */

td.img {   background-image:url('/_images/bg_seite_L.gif');
           background-position:top;   background-repeat:repeat-y;
           width:210px;   vertical-align:top;   text-align:left;}

/* Spalten Sub-Seite */

td.imgXL {   background-image:url('/_images/bg_seite_XL.gif');
             background-position: left top;   background-repeat:repeat-y;
             width:410px;   vertical-align:top;   text-align:left;}

#imgClaim {   margin-top:160px;   margin-left:30px;   margin-right:30px;}
td.nav2 {   width:210px;}
td.content {   width:380px;   padding-bottom:20px;}

td.contentXL {   width:570px;   padding-bottom:100px;}
td.info {   padding-top:70px;   width:190px;}

/* Kopf-Bereich***************************************

//* Footer**********************************/
.contentFooter {   padding-top:100px;}
#footer {   padding-top:20px;   padding-bottom:50px;}
#footer a {   text-decoration:none;}
div#footer a:hover {   text-decoration:underline;}
/* Navigation: Top-Navigation (Nav1)***************************************/
#nav1 {   position:absolute;   top:110px;   left:405px;}
#nav1 img {   margin-right:10px;}a.nav1, a.nav1Active {}
/* Navigation: Sub-Navigation (Nav2)***************************************/
#nav2 {   padding-left:10px;}#nav2 h2 {   font-weight:bold;   margin-bottom:50px;}
#nav2 ul {   margin-bottom:20px;}a.nav2 {   text-decoration:none;}
a.nav2:hover {   text-decoration:underline;}
a.nav2Active {   text-decoration:none;   color:#007CC3;   font-weight:bold;}
/* Locator ***************************************/
.locator {}.locator a {}.locator a:hover {}
/* Meta-Navigation***************************************/
.meta {}
.meta a {   color: #FFFFFF;   text-decoration: none;   padding-left:10px;   padding-right:10px;}
.meta a:hover {   color: #FFFFFF;   text-decoration: underline;}
.meta a.Active {   color: #FFFFFF;   text-decoration: none;   font-weight: bold;}

/*Allgemeiner Content**********************************/
.content {}
.content h1 {   color: #007CC3;   font-weight:bold;   margin-bottom:50px;}
.content h2 {   margin-top:10px;   font-weight:bold;}
.content h3 {}
.content h4 {}
.content p,
.content ul {   margin-right:40px;   margin-bottom:20px;}
.content ul,
ul.list {   margin-left:15px;   list-style: square;}
.info ul {   margin-bottom:20px;}
.info h2 {   font-weight:bold;   margin-bottom:12px;}

/* Überblick-Seiten**********************************/

.overviewCanvas {   width:516px;}
.overviewItem {}
.overviewItem h1 {}
.overviewItem h2 {}
.overviewItem h3 {}
.overviewItem p {}
.overviewItem a {}
.overviewItem ul {}

/* Detail-Seite**********************************/
.detail {}
.detail h1 {   font-weight:bold;}
.detail h2 {}
.detail h3 {}
.detail h4 {}/*Detail: Infoboxen*/
.detailInfoboxHead {   width:170px;   background-color:#DDDDDD;   border-bottom: 0px solid #FFFFFF;}
.detailInfoboxHead h1 {}
.detailInfobox {   width:310px;   margin-top:5px;   margin-bottom:5px;   background-color:#EEEEEE;}
.detailInfobox h2 {}
.detailInfobox p {}
.detailInfobox a {}
a.seitenKontakt {   text-decoration:none;   padding-left:25px;   
                    background-image: url(../_images/icn_link.gif);
                    background-repeat: no-repeat;
                    font-size:16px;
                    text-decoration:none;
                    color:#004471;}
a.seitenKontakt:hover {   text-decoration:underline}

/*Listen/Tabellen**********************************/
table.liste {}
table.liste td {   border-bottom: 1px #F9F3D5 solid;}
table.liste tr {   height:20px;}


.projektImgCanvas {
   position:absolute;
   left:90px;

}

.projektDetailImgTop {
   width:240px;
   height:16px;
   background-image: url(../_images/projektimg_top.png);
   background-repeat: no-repeat;
   background-position: top;
}
.projektDetailImg {
   width:204px;
   padding-left:18px;
   padding-right:18px;
   background-image: url(../_images/projektimg_bg.png);
   background-repeat: repeat-y;
   background-position: bottom;
}
.projektDetailImgBottom {
   width:240px;
   height:24px;
   background-image: url(../_images/projektimg_bottom.png);
   background-repeat: no-repeat;
   background-position: bottom;
}

#imgProjektMensch {
   position:absolute;
   left:15px;
   top:250px;
}


.projektListImgCanvas {
   position:relative;
   left:-20px;
}

.projektListImgTop {
   width:189px;
   height:14px;
   background-image: url(../_images/projektlisteimg_top.png);
   background-repeat: no-repeat;
   background-position: top left;
}

.projektListImgBox {
   width:173px;
   padding-left:14px;
   padding-right:14px;
   background-image: url(../_images/projektlisteimg_bg.png);
   background-repeat: repeat-y;
   background-position: left;
}
.projektListImgBottom {
   width:189px;
   height:14px;
   background-image: url(../_images/projektlisteimg_bottom.png);
   background-repeat: no-repeat;
   background-position: bottom left;
}

img.projektImg {
     behavior: url(iepngfix.htc);  
}