/*------------------ Allgemeines ------------------------*/

span, div, a, h1, h2, h3, h4, div, form, input, dl, ul, li, dt, dd, img {
    margin: 0;
    border: 0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
    }
body,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,p,input,textarea,select {
	color: #4b4b4b;
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
    }
    
body {
    background:#FFF;
    font-size: 80%;
    line-height: 1.6em;
    text-align: center;
    margin: 0;
    padding: 0;
    }

a, a:link {
	color: #4b4b4b;
	text-decoration: none;
}

a:visited {
	color: #4b4b4b;
	text-decoration: none;
    }

a:hover {
    color: #4b4b4b;
    }

#footer a:hover,
.content a,
.content a:link {
    border-bottom: #4b4b4b dotted 1px;
    }
.content a:hover {
    border-bottom: #4b4b4b solid 1px;
    }

#newsline a,
#newsline a:link,
#newsline a:hover,
#newsline a:visited {
	color: #FF0000;
}
#newsline a:hover {
    border-bottom: #FF0000 dotted 1px;
    }

.none {
    display:none;
    }

.clear {
    clear: both;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    margin-bottom: -1px;
    }
p {
	font-size: 0.9em;
	line-height: 1.6em;
	clear: both;
}

/*------------------ images ------------------------*/

img, a img {
	border: 0;
    }
img a:link, img, a:hover, img a:visited {
	border: 0;
    }
.imgpadding {
	padding: 20px 20px 0 20px;
	}
.menschen { 
	float: left; 
	padding: 0 15px 15px 0;
	}
.portrait { 
	position: absolute; 
	top: 0; 
	left: 195px; 
	}
#menschennavi { 
	width: 195px;
	}
.lightpix {
	margin: 20px 1px 0 0;
	}

/*------------------ headlines ------------------------*/

h1, h2 {
	color: #666;
	font: normal 1.1em "Trebuchet MS","Bitstream Vera Sans",arial,sans-serif;
	}
h1 {
	padding: 20px 5px 0 20px;
	}
#mitte h1{
	padding-left: 35px;
	background-repeat: no-repeat;
	background-position: 20px 1.8em;
	}
#rechts h1 {
	padding: 30px 5px 0 35px;
	background-repeat: no-repeat;
	background-position: 20px 2.4em;
	}
body#glaszone #rechts h1 {
	background-image: url(../medias/q_gruen.gif);
	}
body#anwendungen #mitte h1,
body#anwendungen #rechts h1 {
	background-image: url(../medias/q_gelb.gif);
	}
body#produkte #mitte h1,
body#produkte #rechts h1,
body#produktarten #mitte h1,
body#produktarten #rechts h1 {
	background-image: url(../medias/q_rot.gif);
	}
body#ideenpool #rechts h1 {
	background-image: url(../medias/q_blau.gif);
	}
body#unternehmen #mitte h1,
body#unternehmen #rechts h1 {
	background-image: url(../medias/q_kristall.gif);
	}
body#partner #mitte h1,
body#partner #rechts h1 {
	background-image: url(../medias/q_bernstein.gif);
	}


h2 {
	font-size: 1.1em;
	padding: 30px 5px 0 20px;
	}
body#glaszone h2 {
	font-size: 1em;
	padding: 0 5px 0 15px;
	background-image: url(../medias/q_gruen.gif);
	background-repeat: no-repeat;
	background-position: 0 0.1em;
	}


h3 {
	font-size: 0.9em;
	line-height: 1.6em;
	}
body#unternehmen h3,
body#partner h3 {
	padding: 30px 5px 0 20px;
	}

h4 {
	font-size: 0.9em;
	line-height: 1.6em; 
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	}
body#glaszone h4 { 
	background-image: url(../medias/q_gruen.gif);
	}
body#anwendungen h4 { 
	background-image: url(../medias/q_gelb.gif);
	}
body#produkte h4,
body#produktarten h4 { 
	background-image: url(../medias/q_rot.gif);
	}
body#ideenpool h4 { 
	background-image: url(../medias/q_blau.gif);
	}
body#partner h4 { 
	background-image: url(../medias/q_bernstein.gif);
	}
	
/*body#produktarten h4 {
	margin-bottom: 15px;
	}*/
	
h1.ir{
    color: #FFFFFF;
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;    
    position: relative;
    height: 45px;
    width: 295px;
    padding: 0;
    overflow: hidden;
    }
    
h1.ir em{
    display: block;
    background: url(../medias/glaszone_logo_neu.jpg);
    height: 45px;
    width: 295px;
    position: absolute;
    top:0;
    left:0;
    }

body#index h3 {
	color: #F4F4F4;
	font: normal 1em/1.3em "Trebuchet MS","Bitstream Vera Sans",arial,sans-serif;
	}
body#index h3 a, body#index h3 a:link {
	color: #F4F4F4;
	text-decoration: none;
}
body#index h3 a:hover {
	color: #4b4b4b;
	text-decoration: none;
	background-color: #FFF;
}

/*------------------ layout ------------------------*/

#wrapper { 
	position: absolute; 
	height: 540px; 
	width: 940px; 
	margin: -270px 0 0 -470px; 
	top: 50%; 
	left: 50%; 
	text-align: left; 
	padding: 0;  
	}
#glaszonelogo {
    position: absolute;
    height: 45px;
    width: 295px;
    top: 0;
    left: 0;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    }
#sprache {
	position: absolute;
    height: 35px;
    width: 295px;
    top: 3px;
    left: 592px;
    text-align: center;
}
#links { 
	position: absolute; 
	height: 410px; 
	width: 295px; 
	top: 55px; 
	left:0; 

	}
#mitte { 
	position: absolute; 
	height: 460px; 
	width: 295px; 
	top: 45px; 
	left:296px; 
	}
#rechts { 
	position: absolute; 
	height: 470px; 
	width: 295px; 
	top: 35px; 
	left: 592px; 
	}

#links, #mitte, #rechts {
    background: #F4F4F4 url(../medias/verlauf.jpg) bottom repeat-x;
    visibility: visible; 
    }

#navbar {
    position: absolute;
    width:50px;
    top: 115px;
    left: 888px;
    }
#footer {
	position: absolute;
    width: 295px;
    top: 515px;
    left: 592px;
    text-align:center;
	}
#funktion { 
	height: 100px; 
	width: 230px; 
	left: 60px; 
	top: 308px; 
	position: absolute; 
	z-index: 10; 
	visibility: visible; 
	}

#white {
	position: absolute; 
	width: 295px; 
	top: 475px;
	left: 0;
	text-align: center;
	font-size: 0.8em;
	}
#newsline {
	position: absolute; 
	width: 295px; 
	top: 475px;
	left: 0;
	text-align: center;
	color: #FF0000;
	}
 #w3c {
	position: absolute; 
	width: 295px; 
	top: 517px;
	left: 296px;
	text-align: center;
	}      
.content {
	position: relative;
	top: 60px;
	height: 340px;
	padding: 0 10px 0px 20px;
	overflow: auto;
	}
#links .content {
	height: 290px;
	}
.contentanfrage {
	position: relative;
	top: 30px;
	height: 370px;
	padding: 0 10px 0px 20px;
	overflow: auto;
	}
.contentmenschen {
	top: 40px;
	height: 360px;
	}
body#glaszone #mitte .content {
	top:100px;
	}

#projekte { 
	position: absolute; 
	width: 400px; 
	height:325px; 
	top:100px; 
	left:95px; 
	z-index: 10; 
	}
		
/*------------------ Menü ------------------------*/


ul#menu
	{
	margin: 0;
	padding: 0;
	width: 50px;
	}

ul#menu li
	{
	display: block;
	height: 51px;
	text-indent: -10000px;
	}
	
ul#menu li a
	{
	display: block;
	width: 50px;
	height: 50px;
	}
	
ul#menu li#m1 a
	{
	background: url(../medias/glaszone_eng.jpg) no-repeat 0 0;
	}
	
ul#menu li#m2 a
	{
	background: url(../medias/anwendungen_eng.jpg) no-repeat 0 0;
	}
	
ul#menu li#m3 a
	{
	background: url(../medias/produkte_eng.jpg) no-repeat 0 0;
	}
ul#menu li#m4 a
	{
	background: url(../medias/ideenpool_eng.jpg) no-repeat 0 0;
	}
ul#menu li#m5 a
	{
	background: url(../medias/partner_eng.jpg) no-repeat 0 0;
	}
ul#menu li#m6 a
	{
	background: url(../medias/news_eng.jpg) no-repeat 0 0;
	}
	
ul#menu li#m1 a:hover,
ul#menu li#m2 a:hover,
ul#menu li#m3 a:hover,
ul#menu li#m4 a:hover,
ul#menu li#m5 a:hover,
ul#menu li#m6 a:hover
	{
	background-position: -50px 0;
    cursor: pointer;
    border: none;
	}

body#glaszone ul#menu li#m1 a,
body#glaszone ul#menu li#m1 a:active,
body#anwendungen ul#menu li#m2 a,
body#anwendungen ul#menu li#m2 a:active,
body#produkte ul#menu li#m3 a,
body#produkte ul#menu li#m3 a:active,
body#produktarten ul#menu li#m3 a,
body#produktarten ul#menu li#m3 a:active,
body#ideenpool ul#menu li#m4 a,
body#ideenpool ul#menu li#m4 a:active,
body#partner ul#menu li#m5 a,
body#news ul#menu li#m6 a,
body#news ul#menu li#m6 a:active
	{
	background-position: -100px 0;
	cursor: default;
	}	

/*------------------ submenu links ------------------------*/

ul#sublinks {
	position: absolute;
	left:0;
	top: 166px;
	width: 148px;
	background: transparent;
	font: normal 1em "Trebuchet MS","Bitstream Vera Sans",arial,sans-serif;
	}
body#produkte ul#sublinks,
body#unternehmen ul#sublinks {
	top: 266px;
	}
body#produktarten ul#sublinks {
	top: 113px;
	}


ul#sublinks li a {
	display: block;
	height: 100px;
	line-height: 93px;
	text-decoration: none;
	text-transform: lowercase;
	padding: 0 0 0 40px;
	border-top: #FFF solid 1px;
	border-right: #FFF solid 1px;
	}
body#produktarten ul#sublinks li a {
	height: 50px;
	line-height: 46px;
	}


ul#sublinks li a {
	background: url(../medias/back_gelb.gif) no-repeat;
	}
body#produkte ul#sublinks li a {
	background: url(../medias/back_rot.gif) no-repeat;
	}
body#produktarten ul#sublinks li a {
	background: url(../medias/back_rotklein.gif) no-repeat;
	}
body#unternehmen ul#sublinks li a {
	background: url(../medias/back_kristall.gif) no-repeat;
	}	


	
ul#sublinks li a:hover,
.lianfangactive,
.limitteactive,
.liendeactive {
	background: url(../medias/hover_gelb.jpg);
	}
body#produkte ul#sublinks li a:hover,
body#produkte .lianfangactive,
body#produkte .limitteactive,
body#produkte .liendeactive {
	background: url(../medias/hover_rot.jpg);
	}	
body#produktarten ul#sublinks li a:hover,
body#produktarten .lianfangactive,
body#produktarten .limitteactive,
body#produktarten .liendeactive {
	background: url(../medias/hover_rotklein.jpg);
	}
body#unternehmen ul#sublinks li a:hover,
body#unternehmen .lianfangactive,
body#unternehmen .limitteactive,
body#unternehmen .liendeactive {
	background: url(../medias/hover_kristall.jpg);
	}


ul#sublinks #lianfang a,
ul#sublinks #lianfang a:hover,
.lianfangactive,
body#produkte ul#sublinks #lianfang a,
body#produkte ul#sublinks #lianfang a:hover,
body#produkte .lianfangactive,
body#produktarten ul#sublinks #lianfang a,
body#produktarten ul#sublinks #lianfang a:hover,
body#produktarten .lianfangactive,
body#unternehmen ul#sublinks #lianfang a,
body#unternehmen ul#sublinks #lianfang a:hover,
body#unternehmen .lianfangactive {
	background-position: right top;	
	}
ul#sublinks .limitte a,
ul#sublinks .limitte a:hover,
.limitteactive,
body#produkte ul#sublinks .limitte a,
body#produkte ul#sublinks .limitte a:hover,
body#produkte .limitteactive,
body#produktarten ul#sublinks .limitte a,
body#produktarten ul#sublinks .limitte a:hover,
body#produktarten .limitteactive,
body#unternehmen ul#sublinks .limitte a,
body#unternehmen ul#sublinks .limitte a:hover,
body#unternehmen .limitteactive {
	background-position: right center;
	}
ul#sublinks #liende a,
ul#sublinks #liende a:hover,
.liendeactive,
body#produkte ul#sublinks #liende a,
body#produkte ul#sublinks #liende a:hover,
body#produkte .liendeactive,
body#produktarten ul#sublinks #liende a,
body#produktarten ul#sublinks #liende a:hover,
body#produktarten .liendeactive,
body#unternehmen ul#sublinks #liende a,
body#unternehmen ul#sublinks #liende a:hover,
body#unternehmen .liendeactive {
	background-position: right bottom;
	}


/*------------------ submenu rechts ------------------------*/

ul#subrechts {
	position: absolute;
	left:148px;
	top: 166px;
	width: 147px;
	background: transparent;
	font: normal 1em "Trebuchet MS","Bitstream Vera Sans",arial,sans-serif;
	}
body#produkte ul#subrechts,
body#unternehmen ul#subrechts {
	top: 266px;
	}
body#produktarten ul#subrechts {
	top: 113px;
	}	

ul#subrechts li a,
.leer {
	display: block;
	height: 100px;
	line-height: 93px;
	text-decoration: none;
	text-transform: lowercase;
	padding: 0 0 0 40px;
	border-top: #FFF solid 1px;
	}
body#produktarten ul#subrechts li a,
body#produktarten .leer {
	height: 50px;
	line-height: 46px;
	}


ul#subrechts li a,
.leer {
	background: url(../medias/back_gelb.gif);
	}

body#produkte ul#subrechts li a,
body#produkte .leer {
	background: url(../medias/back_rot.gif);
	}
body#produktarten ul#subrechts li a,
body#produktarten .leer {
	background: url(../medias/back_rotklein.gif);
	}
body#unternehmen ul#subrechts li a,
body#unternehmen .leer {
	background: url(../medias/back_kristall.gif);
	}



ul#subrechts li a:hover,
.reanfangactive,
.remitteactive,
.reendeactive {
	background: url(../medias/hover_gelb.jpg);
	}	
body#produkte ul#subrechts li a:hover,
body#produkte .reanfangactive,
body#produkte .remitteactive,
body#produkte .reendeactive {
	background: url(../medias/hover_rot.jpg);
	}
body#produktarten ul#subrechts li a:hover,
body#produktarten .reanfangactive,
body#produktarten .remitteactive,
body#produktarten .reendeactive {
	background: url(../medias/hover_rotklein.jpg);
	}
body#unternehmen ul#subrechts li a:hover,
body#unternehmen .reanfangactive,
body#unternehmen .remitteactive,
body#unternehmen .reendeactive {
	background: url(../medias/hover_kristall.jpg);
	}


/* standardpositionierung

ul#subrechts #reanfang a,
ul#subrechts #reanfang a:hover,
.reanfangactive {
	background-position: left top;	
	}
*/

ul#subrechts .remitte a,
ul#subrechts .remitte a:hover,
.remitteactive,
body#produkte ul#subrechts .remitte a,
body#produkte ul#subrechts .remitte a:hover,
body#produkte .remitteactive,
body#produktarten ul#subrechts .remitte a,
body#produktarten ul#subrechts .remitte a:hover,
body#produktarten .remitteactive,
body#unternehmen ul#subrechts .remitte a,
body#unternehmen ul#subrechts .remitte a:hover,
body#unternehmen .remitteactive {
	background-position: left center;
	}
	
ul#subrechts #reende a,
ul#subrechts #reende a:hover,
.reendeactive,
.leer,
body#produkte ul#subrechts #reende a,
body#produkte ul#subrechts #reende a:hover,
body#produkte .reendeactive,
body#produkte .leer,
body#produktarten ul#subrechts #reende a,
body#produktarten ul#subrechts #reende a:hover,
body#produktarten .reendeactive,
body#produktarten .leer,
body#unternehmen ul#subrechts #reende a,
body#unternehmen ul#subrechts #reende a:hover,
body#unternehmen .reendeactive,
body#unternehmen .leer {
	background-position: left bottom;
	}


/*------------------ listen ------------------------*/

#produktlist li {
	font-size: 0.9em;
	line-height: 1.6em; 
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	position: relative; /* IE bug */
	}
body#glaszone #produktlist li { 
	background-image: url(../medias/q_gruen.gif);
	}
body#anwendungen #produktlist li { 
	background-image: url(../medias/q_gelb.gif);
	}
body#produkte #produktlist li,
body#produktarten #produktlist li { 
	background-image: url(../medias/q_rot.gif);
	}
body#ideenpool #produktlist li { 
	background-image: url(../medias/q_blau.gif);
	}
	

#punktelist,
.gglist {
	padding-top: 0.5em;
	}

#punktelist li {
	font-size: 0.9em;
	line-height: 1.6em; 
	padding-left: 15px;
	background-image: url(../medias/punktelist.gif);
	background-repeat: no-repeat;
	background-position: 0 0.7em;
	position: relative; /* IE bug */
	}
	
.gglist {
	margin-bottom: 20px;
	}
.gglist li {
	font-size: 0.9em;
	line-height: 1.6em; 
	padding-left: 15px;
	background-image: url(../medias/punktelist.gif);
	background-repeat: no-repeat;
	background-position: 0 0.7em;
	position: relative; /* IE bug */
	}

ul#farben
	{
	margin: 0;
	padding: 1px 0 0 20px;
	width: 255px;
	}

ul#farben li
	{
	background-image: url(../medias/transparent.gif);
	display: block;
	height: 41px;
	padding: 5px 0 5px 0;
	text-indent: -10000px;
	}
	
ul#farben li a,
ul#farben li a:active,
ul#farben li a:visited
	{
	display: block;
	height: 41px;
	border: 0;
	}
ul#farben li a:hover
	{
	border: 1px solid #FFFFFF;
	}

#farbenliste { 
	left: 0; 
	top: 0; 
	position: absolute; 
	z-index: 10; 
	visibility: visible; 
	}

/*----------------anfrage--------------------*/ 

#anfrage { 
	height: 420px; 
	width: 590px; 
	left: 0; 
	top: 60px; 
	position: absolute; 
	z-index: 10; 
	overflow: auto; 
	visibility: visible; 
	}
table {
	border-collapse: collapse;
	table-layout: fixed;
	width: 588px;
	}
td {
	padding: 0 20px 0 20px;
	}
.fehler {
	color: #FF0000;
	font-size: 0.9em;
	}



/*----------------formular--------------------*/ 

input, textarea {
	margin: 3px 0;
	border: 1px solid #E7E7E7;
	background: #FFF;
	padding: 3px 3px;
	width: 255px;
}

input:active, input:focus, input:hover,
textarea:active, textarea:focus, textarea:hover  {
	background: #F5F5F5;
}
.fehler {
    color: #4b4b4b;
    padding: 0 0 5px 0;
    }

/*----------------registrierung--------------------*/ 

#registrierung { 
	background: #F4F4F4 url(../medias/verlauf.jpg) bottom repeat-x;
    visibility: visible; 
	position: absolute; 
	height: 460px; 
	width: 591px; 
	top: 45px; 
	left:296px; 
	}
#intern { 
	background: #F4F4F4 url(../medias/verlauf.jpg) bottom repeat-x;
    visibility: visible; 
	position: absolute; 
	height: 460px; 
	width: 887px; 
	top: 55px; 
	left:0; 
	}
	
/*----------------sitemap--------------------*/ 
	
.contentsitemap {
	position: relative;
	padding: 0 10px 0 20px;
	overflow: auto;
}
.linkssitemap {
	height: 360px;
	top: 60px;
}
.mittesitemap {
	height: 410px;
	top: 30px;
}
.rechtssitemap {
	height: 370px;
	top: 40px;
}

.sitemaplist {
	padding: 0 0 0 40px;
}
.sitemaplist li {
	list-style: none;
	position: relative;
}
.sitemaplist a, .sitemaplist a:active, .sitemaplist a:visited {
	color: #666;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 2em;
	padding-left: 10px;
}
.sitemaplist a:hover {
	background: transparent url(../medias/q_kristallklein.gif) left center no-repeat;
	border: none;
	padding-left: 10px;
}


.subsitemaplist li {
}
.subsitemaplist li a, .subsitemaplist li a:active, .subsitemaplist li a:visited {
	color: #4B4B4B;
	font-size: 0.9em;
	font-weight: normal;
	border: none;
	margin-left: 15px;
}
.subsitemaplist a:hover {
	background: transparent url(../medias/q_kristallklein.gif) left center no-repeat;
	border: none;
}


.subsubsitemaplist li {
}
.subsubsitemaplist li a, .subsubsitemaplist li a:active, .subsubsitemaplist li a:visited {
	color: #4B4B4B;
	font-size: 0.9em;
	font-weight: normal;
	padding-left: 10px;
	border: none;
	margin-left: 30px;
}
.subsubsitemaplist a:hover {
	background: transparent url(../medias/q_kristallklein.gif) left center no-repeat;
	border: none;
}