/*
**************************************
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;
   margin-right:40px;
   border-bottom: 1px solid #007CC3;
}

/*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.linkdownload {
   color: #007CC3;
   text-decoration:none;
   padding-left:20px;
   background-image: url(../_images/icn_linkdownload.gif);
   background-repeat: no-repeat;
}

a.linkdownload: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: 0px 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: 0px 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: 0px 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.contentXL {
   width:570px;
   padding-bottom:100px;
}
td.content {
   width:380px;
   padding-bottom:20px;

}


td.info {
   padding-top:70px;
   width:190px;
}

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

//* Footer**********************************/
.contentFooter {   padding-top:100px;}

#footer {
   position: relative;
   padding-top:20px;
   padding-bottom:50px;
   height:80px;
}
#footer a {   text-decoration:none;}
#footer a:hover {   text-decoration:none;}
#footer-text {
   float:left;
}
#footer-imprint{
   float:right;

}

#footer-socialmedia{
   position:absolute;
   top:20px;
   left:820px;

}

a.footer-socialmedia-icon {
   float:left;
   margin-right: 5px;
   display: block;
   height:32px;
   width: 32px;
   background-position: top left;
   background-repeat: no-repeat;
   text-decoration: none;
}
a.footer-socialmedia-icon:hover {
   background-position: left bottom;
   text-decoration: none;
}

#footer-socialmedia-facebook {
   background-image:url('/_images/socialmedia/facebook_footer.png');
}
#footer-socialmedia-twitter {
   background-image:url('/_images/socialmedia/twitter_footer.png');
}

.navtext {
   visibility: hidden;
   text-decoration: none;
}

#footer a:hover .navtext {
   text-decoration: none;
}

/* 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:5px; }
#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:normal;  font-size:24px; margin-bottom:50px;}
.content h2 {   color: #007CC3; 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 {    list-style: square; margin-left:15px; 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);
}

p.introtext {
   font-weight: bold;
}