/*
www.inge-glas.de
Start: 11.08.2008
Letzte Aenderung: 20.9.2009 otto
*/

/* Farben
generell:
inge-glas-pink: 41145D

Rubriken:
Magic: #c1002b
Classic: #035642
Heirlooms dkl: #002244
Heirlomms hell: #005aa1
Zubehoer: #9a9999
---*/

/* Reset
------------------------------------------------------------- */

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

a:focus {
	outline: none;
	}

/* Globals und Typo
------------------------------------------------------------- */

html {
font: 11px/1.3em Verdana, Arial, Helvetica, "sans serif";
background: #fff;
font-size: 100%;
}

body {
font: 11px/1.6em Verdana, Arial, Helvetica, "sans serif";
background: #fff;
letter-spacing: 0.025em;
color: #333333;}

html>body {
font-size: 11px;
}

hr {
 border-top: dashed 1px #41145D;
 border-bottom: 0px transparent;
 border-left: 0px;
 border-right: 0px;
}
#w-main-produkte-classic hr {
 border-top: dashed 1px #035642;
}
#w-main-produkte-classic #c-right, #w-main-produkte-classic #c-right p {
 border-color: #035642;
}
#w-main-produkte-classic #c-right h4 {
 color: #035642;
}
#w-main-produkte-classic a:hover {
 color: #035642;
}

#w-main-produkte-heirlooms hr {
 border-top: dashed 1px #005aa1;
}
#w-main-produkte-heirlooms #c-right, #w-main-produkte-heirlooms #c-right p {
 border-color: #005aa1;
}
#w-main-produkte-heirlooms #c-right h4 {
 color: #002244;
}
#w-main-produkte-heirlooms a:hover {
 color: #002244;
}

#w-main-produkte-magic hr {
 border-top: dashed 1px #c1002b;
}
#w-main-produkte-magic #c-right, #w-main-produkte-magic #c-right p {
 border-color: #c1002b;
}
#w-main-produkte-magic #c-right h4 {
 color: #c1002b;
}
#w-main-produkte-magic a:hover {
 color: #c1002b;
}

#w-main-produkte-goodz hr {
 border-top: dashed 1px #db9c27;
}
#w-main-produkte-goodz #c-right, #w-main-produkte-goodz #c-right p {
 border-color: #db9c27;
}
#w-main-produkte-goodz #c-right h4 {
 color: #db9c27;
}
#w-main-produkte-goodz a:hover {
 color: #db9c27;
}

h1 {
	color: #41145D;
	font: 14px/1.6em Verdana, Arial, Helvetica, "sans serif";
	font-weight: bold;
	}
/* HEIRLOMMS Headline */
h2 {
	color: #002244;
	font: 11px/1.6em Verdana, Arial, Helvetica, "sans serif";
	font-weight: bold;
	padding-bottom: 20px;
	}

/* Magic Headline */
h3 {
	color: #c1002c;
	font: 11px/1.6em Verdana, Arial, Helvetica, "sans serif";
	font-weight: bold;
	padding-bottom: 20px;
	}
/* INGE-GLAS Headline */
h4 {
	color: #41145D;
	font: 11px/1.6em Verdana, Arial, Helvetica, "sans serif";
	font-weight: bold;
	padding-bottom: 20px;
	}
#c-right h4 {
	color: #41145D;
	font: 11px/1.6em Verdana, Arial, Helvetica, "sans serif";
	font-weight: bold;
	padding-bottom: 0px;
	}
/* CLASSIC Headline */
h5 {
	color: #035642;
	font: 11px/1.6em Verdana, Arial, Helvetica, "sans serif";
	font-weight: bold;
	padding-bottom: 20px;
	}
a {
	text-decoration: none;
	color: #989898;
}

a:hover {
	text-decoration: none;
	color: #41145D;
}

/* besondere Linksformatierungen */
.linkintern {
     margin: 5px 0px 5px 0px;
}

/* Bilder und verlinkte Bilder ohne Rahmen
------------------------------------------------------------ */

img, a img {
border: 0;
}

/* Links- bzw. Rechtsausrichtung fuer Elemente
------------------------------------------------------------ */

.links {
float: left;
margin: 0 0em 0em 0;
}

.rechts {
float: right;
margin: 0 0 0em 0em;

}

/* Layoutelemente
------------------------------------------------------------ */

#w-main { /*Navi Home*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_index11.jpg) no-repeat;
	/* 2010 background: url(../files/ig_back_home-neu.jpg) no-repeat;*/
}

#w-main-news { /*Navi News*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_news11.jpg) no-repeat;
	/* 2010 background: url(../files/ig_back_news-kopf.jpg) no-repeat; */
}

#w-main-produkte { /*Navi Produkte und generell*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_kollektionen11.jpg) no-repeat;
    /* 2010	background: url(../files/ig_back_igclassic-neu.jpg) no-repeat;*/
}

#w-main-produkte-alle { /*Produkte Überblick*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_kollektionen11.jpg) no-repeat;
    /* 2010	background: url(../files/ig_back_igclassic-neu.jpg) no-repeat;*/
}
#w-main-produkte-classic { /*Produkte classic*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_classic11.jpg) no-repeat;
	/* 2010 background: url(../files/ig_back_classic-neu.jpg) no-repeat; */ 
}

#w-main-produkte-magic { /*Produkte MAGIC*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	border-color: #c1002b;
	background: url(../files/ig_back_magic11.jpg) no-repeat;
	/* 2010 background: url(../files/ig_back_magic-neu.jpg) no-repeat; */
}

#w-main-produkte-heirlooms { /*Produkte HEIRLOOMS*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_heirlooms11.jpg) no-repeat;
	/* 2010 background: url(../files/ig_back_heirlooms-neu.jpg) no-repeat; */
}

#w-main-produkte-goodz { /*Produkte GOODz*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_goodz11.jpg) no-repeat;
}

#w-main-produkte-accessoires { /*Produkte zubehoer*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_accessoires-neu.jpg) no-repeat;
}

#w-main-verkauf {/*Verkauf*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_verkauf-neu.jpg) no-repeat;
}

#w-main-verkauf-aussen {/*Verkauf Aussendienst*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_verkauf-aussen.jpg) no-repeat;
}

#w-main-verkauf-usa {/*Verkauf USA HEIRLOOMS*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_verkauf-usa.jpg) no-repeat;
}


#w-main-marke {/*Marke*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_home-neu.jpg) no-repeat;
}


#w-main-design {/*Design und Kompetenz*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_home-neu.jpg) no-repeat;
}

#w-main-chronik {/*Chronik*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_home-neu.jpg) no-repeat;
}
#w-main-museum {/*Historisches Weihnachtsmuseum*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_museum-neu.jpg) no-repeat;
}


#w-main-verkauf-foerderung { /*Verkauf Foerderung*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_verkauf-neu.jpg) no-repeat;
}

#w-main-showroom {/*Showroom Messen*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_showroom.jpg) no-repeat;
}

#w-main-produktion {/*Produktion*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_home-neu.jpg) no-repeat;
}

#w-main-icd {/*ICD*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_igclassic_main.jpg) no-repeat;
}


#w-main-philosophie {/*Philosopie*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_philosophie-neu.jpg) no-repeat;
}

#w-main-impressum {/*Impressum*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_verkauf-neu.jpg) no-repeat;
}


#w-main-kontakt {/*Kontakt*/
	margin: 0 auto;
	width: 900px;
	height: 786px;
	background: url(../files/ig_back_verkauf-neu.jpg) no-repeat;
}


#header {
	width: 900px;
	height: 85px;
	border: 0px solid black;
}

#sprache {
        float: left;
        width: 180px;
        text-align: right;
        margin: 10px 0px 0px 580px;
        margin: 10px 0px 0px 409px;/* IE6 Hack */
        border: 0px solid #999999;
        letter-spacing: 0.0em;
}

html>body #sprache {/* IE7 Hack */
        float: left;
        width: 180px;
        text-align: right;
        margin: 10px 0px 0px 580px;
        border: 0px solid #999999;
        letter-spacing: 0.0em;
}

#logo {
        float: left;
        margin: 15px 0px 0px 70px;
        *margin: 15px 0px 0px 35px; /* IE6 Hack */
	width: 62px;
	height: 62px;
        border: 0px solid #999999;
}

html>body #logo { /* IE7 Hack */
        float: left;
        margin: 15px 0px 0px 70px;
	width: 62px;
	height: 62px;
        border: 0px solid #999999;
}

#content {
	width: 900px;
	border: 0px solid black;
	height: 700px;
}


#c-left {
	float: left;
	width: 170px;
	padding: 0 10px 0 0;
	margin: 0 0 0 10px;
	border: 0px solid black;
	height: 500px;
}
#breadcrumb {
	width: 460px;
        *width: 440px; /* IE6 Hack */
	font-size: 0.9em;
	letter-spacing: 0.05em;
	border: 0px solid black;
	margin-bottom: 20px;
}

#c-middle {
	float: left;
	width: 470px;
        *width: 470px; /* IE6 Hack */
	padding: 0 0px 0 0;
	border: 0px solid black;
	margin: 145px 0 0 20px;
        *margin: 145px 0 0 10px; /* IE6 Hack */
}

html>body #c-middle {/* IE7 Hack */
	float: left;
	width: 470px;
	padding: 0 10px 0 0;
	border: 0px solid black;
	margin: 145px 0 0 20px;
}

#c-middle-left {
	float: left;
	width: 176px;
        *width: 166px; /* IE6 Hack */
	padding: 0 px 0 0;
	border: 0px solid black;
	margin: 0px 10px 0px 0px;
}

#c-middle-right {
	float: left;
	width: 256px;
        *width: 256px; /* IE6 Hack */
	padding: 0 px 0 0;
	border: 0px solid black;
	margin: 0px 0px 0px 0px;
}

html>body #c-middle-right {/* IE7 Hack */
	float: left;
	width: 266px;
	padding: 0 px 0 0;
	border: 0px solid black;
	margin: 0px 0px 0px 10px;
}
#c-right {
	width: 175px;
       *width: 170px; /* IE6 Hack */
	margin: 145px 0 0 10px;
	padding: 5px 5px 0 10px;
	float: left;
	border-left: 1px dashed #41145D;
}

.lightbox {
	width: 550px;
	min-height: 200px;
}

/* Formatierungen
------------------------------------------------------------ */
#c-middle h1 {
	font: 18px Georgia, Times New Roman, Times, "serif";
	color: #999999;
	margin: 10px 0px 15px 0px;
/*	font-variant: small-caps; */
	font-stretch: 80%;
    letter-spacing: 0.0em;}
        
#c-middle-right h1 {
	font: 18px Georgia, Times New Roman, Times, "serif";
	color: #999999;
	margin: 0px 0px 15px 0px;
    letter-spacing: 0.0em;}
	
.txt {
	font: 14px/120% Georgia, Times New Roman, Times, "serif";
	color: #827b6a;
	margin: 5px 0px 10px 0px;
}

.kategoriebild {
	float: left;
	width: 150px;
	height: 270px;
	margin: 15px 5px 5px 0px;
}
.schriftzugbild {
	float: left;
	margin: 0px 13px 0px 0px;
}

.magic {
	}

.heirlooms {
	}

.classic {
}

.zubehoer {
}
	
.kategoriebild p {
	float:left;
	font: 11px/1.3em Verdana, Arial, Helvetica, "sans serif";
	color: #000000;
	text-align: center;
	margin: 3px 0 0 0;
}

#c-right p {
	font:  11px/1.3em Verdana, Arial, Helvetica, "sans serif";
}

#c-right p.c-right {
    font: 11px/1.3em Verdana, Arial, Helvetica, "sans serif";
	color: #999999;
	border-top: 1px dashed #41145D;
	padding: 7px 0 7px 0;
}

p.mehr {
       margin: 10px 0 15px 0;
}

.section {
       padding: 0px 0 10px 0;
}

/* Bilder
------------------------------------------------------------*/
img.imgright {
	margin: 10px 0px 0px 0px;
}
.team img {
	margin: 10px 0px 0px 0px;
}

.galerie_thumbnail img, .floatLeft img {
	margin: 0px 5px 5px 0px;
}

/* Galerie -> macht quadratische Bilder als Thumbnails
------------------------------------------------------------*/

.milkbox {
}

.milkboxgalerie {
	float:left;
	width:80px;
	height:80px;
	overflow:hidden;
    margin: 0px 5px 5px 0px;
}

/* Galerie -> macht Bilder als Thumbnails so groß wie im Modul eingestellt
------------------------------------------------------------*/

.milkboxgalerieXX {
	float:left;
	overflow:hidden;
    margin: 0px 5px 5px 0px;
}

.galerie_thumbnail{
}

/* Milkboxgalerie begrenzt den Vorschaubereich auf einen Ausschnitt
-----------------------------------------------------------*/

.milkboxgalerieEINS {
	float:left;
	overflow:hidden;
	width:180px;
	height:220px;
    margin: 0px 5px 10px 0px;
}

/* Formulare
------------------------------------------------------------ */
/*Kontakt*/
#formwrap {
       margin: 10px 0px 0px 0px;
}
p.red {
     color: #900010;
     font-weight: bold;
}

span.red {
     color: #900010;
     font-weight: normal;
}

ul.formfehler {
    list-style-type: none;
}

.formlinie {
    border-bottom: 1px dashed #41145D;
    height: 5px;
}

label.form {
    float: left;
    width: 75px;
    line-height: 100%;
    text-align: left;
}

input#r290_plz, .inpt, .inpt2, textarea.txt, .sicherheitsrechnung {
      border: 1px solid #41145D;
      padding: 2px;
      margin: 0px 5px 0px 1px;
}

input.inpt {
        float: left;
}

input.inpt2 {
        float: left;
	width: 200px;
	margin-bottom: 5px;

}


input.submit, .senden{
      border: 1px solid #666666;
      padding: 2px;
      margin: 0px 0px 0px 5px;
}
/*Kontakt NEU*/

.formgen {
       margin: 10px 0px 0px 0px;
}

.formgen input, textarea {
      width: 300px;
      border: 1px solid #41145D;
      padding: 2px;
      margin: 0px 5px 10px 1px;
}

.formgen label {
    float: left;
    width: 75px;
    line-height: 100%;
    text-align: left;
}

.forminfo {
     color: #900010;
     font-weight: normal;
}

.formerror {
     color: #f90101;
     font-weight: normal;
}

input.formsubmit {
      width: 75px;
}

.formcaptcha {
      padding-right: 250px;
}

input#el_7 {
    width: 120px;
    margin-left:  40px;
}


/*Newsletter
------------------------------------------------------------ */

#newsform {
width: 90%;
margin: 5px 5px 5px 5px;
}

#message {
width: 80%;
margin: 0px 0px 0px 0px;
}

label.form2 {
    float: left;
    width: 75px;
    line-height: 100%;
    text-align: left;
}

label.form3 {
    float: left;
    width: 135px;
    line-height: 100%;
    text-align: left;
}


/* CLASSICForm Katalogbestellung Modalbox
------------------------------------------------------------ */

#CLASSICForm {
	width: 100%;
	margin: 5px 5px 5px 5px;
	background: url(../files/CLASSIC-Katalog-HG.jpg) no-repeat;
}

/* HEIRLOOMSForm Katalogbestellung Modalbox
------------------------------------------------------------ */

#HEIRLOOMSForm {
	width: 100%;
	margin: 5px 5px 5px 5px;
	background: url(../files/HEIRLOOMS-Katalog-HG.jpg) no-repeat;
}

/* MAGICForm Katalogbestellung Modalbox
------------------------------------------------------------ */

#MAGICForm {
	width: 100%;
	margin: 5px 5px 5px 5px;
	background: url(../files/MAGIC-Katalog-HG.jpg) no-repeat;
}



/* Haendlertabelle
------------------------------------------------------------ */

table.r290table {
     width: 100%;
     text-align: left;

     margin: 20px 0px 0px 0px;
     padding: 0px;
    
}

table.r290table th{
    background-color: #cbcbcb;
    vertical-align:top;
    font-weight: normal;
    padding: 0px;
}


table.r290table td{
    vertical-align: top;
    padding: 0px;
}

.haendlerlinie {
    border-bottom: 1px dashed #41145D;
    height: 5px;
}

/* Visitenkarten Vertrieb
------------------------------------------------------------ */
.v-karte {
    float: left;
    width: 214px;
    height: 120px;
    margin: 0 5px 5px 0;
    padding: 7px;
    border: 1px outset #41145D;
}

.v-karte-hoch {
    float: left;
    width: 214px;
    margin: 0 5px 5px 0;
    padding: 7px;
    border: 1px outset #41145D;
}

.v-karte-leer {
    float: left;
    width: 202px;
    height: 120px;
    margin: 0 5px 5px 0;
    padding: 7px;
    border: 1px solid #ffffff;
}

.name {
    font: bold 11px/1.2em Verdana, Arial, Helvetica, "sans serif";
    color: #41145D;
    margin-bottom: 10px;
}

.bezeichnung {
    font: 11px/1.2em Verdana, Arial, Helvetica, "sans serif";
    color: #41145D;
}

.v-text {
    float: left;
    margin-top: 10px;
    font: 11px/1.2em Verdana, Arial, Helvetica, "sans serif";
}