/********************************************************************/
/*	 Artemide - CSS                                                  */
/*  General Styles                                                  */
/********************************************************************/

/********************************************************************/
/*		General Elements                                              */
/********************************************************************/

html {
	height: 100%;
	padding: 0;
	margin: 0 auto;
}

body {
	height: 100%;
	margin: 0 auto;
	padding: 0;
	color: #333;
	background: #000;
	font-size: 100.01%;
	font-family: Arial, Helvetica, sans-serif;
}

p { color: #333; }

/* Links */

.downloadblock a, .downloadblock a:link, .downloadblock a:visited, 
ul.prodindex a, ul.prodindex a:link, ul.prodindex a:visited {
	text-decoration: underline;
	color: #333;
}

.downloadblock a:focus, .downloadblock a:hover,
ul.prodindex a:focus, ul.prodindex a:hover {
	text-decoration: none;
}

ul#index a, ul#index a:link, ul#index a:visited {
	padding: 0px 6px;
	display: block;
	text-decoration: none;
	float: left;
	border-left: 1px solid #4d4d4d; 
}

ul#index a.first, ul#index a.first:link, ul#index a.first:visited,
ul.prodindex a.first, ul.prodindex a.first:link, ul.prodindex a.first:visited {
	border-left: 0;
}

ul#index a:focus, ul#index a:hover {
	background: #efefef;
}

#content a, #content a:link, #content a:visited {
	text-decoration: underline;
	color: #333;
}

#content a:focus, #content a:hover {
	text-decoration: none;
}

#notetip a, #notetip a:link, #notetip a:visited {
	text-decoration: underline;
	color: #ccc;
}

#notetip a:focus, #notetip a:hover {
	text-decoration: none;
}

/* Single styles */

.invisible {
	display: none;
}

a img {
	border: 0;
}

br.clearer {
	clear: both;
}

form {
	margin: 0;
	padding: 0;
}

label {
	margin-top: 3px;
	font-size: 12px;	
	margin-right: 7px;	
	float: left;
	cursor: pointer;
}

.hr {
	height: 1px;
	margin: 0 0 15px 0;
	padding-top: 15px;
	background: white;
	clear: left;
	border-bottom: 1px dashed #999;
}

.hr hr {
	display: none;
}

.hr2 {
	height: 1px;
	margin: 0 0 15px 0;
	padding-top: 5px;
	background: white;
	clear: left;
	border-bottom: 2px solid #999;
}

.hr2 hr {
	display: none;
}

#downloadlist .hr {
	margin: 0;
	padding-top: 0;
}

div.spacer {
	padding: 0;
	margin: 0 0 10px 0;
	clear: both;
}

.button {
	background: url(../images/buttonshadow.gif) 2px 2px no-repeat;
	padding: 0 3px 3px 0;
	float: left;
}

.button:active {
	background: url(../images/buttonshadow.gif) 1px 0px no-repeat;
	padding: 0 1px 3px 0;
	float: left;
}

.button input {
	padding: 3px 30px 4px 30px !important;
	padding: 4px 15px 3px 15px;	
	color: white;
	font-size: 11px;
	font-weight: bold;
	background: #666666 url(../images/orangearrow.gif) 15px 8px no-repeat;
	border: 0;
}

* html .button input {
	background: #666666 url(../images/orangearrow.gif) 15px 8px no-repeat;		
}

.resetbutton {
	background: #666666 url(../images/orangecross.gif) 15px 7px no-repeat !important;
}

* html .resetbutton {
	background: #666666 url(../images/orangecross.gif) 15px 7px no-repeat !important;	
}

.backbutton {
	background: #666666 url(../images/orangeleftarrow.gif) 15px 8px no-repeat !important;
}

* html .backbutton {
	background: #666666 url(../images/orangeleftarrow.gif) 15px 8px no-repeat !important;		
}

/********************************************************************/
/*		Headlines                                                     */
/********************************************************************/

#header h1 {
	/*width: 161px;*/
	width: 168px;
	height: 31px;
	font-size: 1px;
	margin: 0;	
	padding: 0;
	background: url(../images/artemidelogored.gif) no-repeat; 
	/* background: url(../images/artemidelogo.gif) no-repeat; */
	text-indent: -5000px;
	float: left;
}

#header h1 a {
	width: 168px;
	height: 31px;
	display: block;
}

#themeboard h2 {
	width: 218px;
	height: 18px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 16px;
	color: white;
	text-indent: -1000em;
	font-weight: bold;
	background: none;	
}

#themeboard h3 {
	margin: 0;
	font-size: 11px;
	color: white;
	font-weight: bold;
}

#themeboard h4 {
	margin: 0 0 12px 0;
	font-size: 11px;
	color: white;
	font-weight: normal;
}

.pictextblock h3 {
	margin: 0 0 0 80px;
	font-size: 12px;
	font-weight: bold;
}

.pictextblock h3 em, .textblock h3 em {
	margin: 0 0 3px 0;
	font-size: 11px;
	color: #f90;
	display: block;
	font-weight: normal;
	font-style: normal;
}

.textblock h2 {
	margin: 10px 0;
	font-size: 14px;
	font-weight: bold;
	color: #f90;
}

.quiz h2 {
	margin: 0 0 15px 0;
	font-size: 14px;
	font-weight: bold;
}

.textblock h3 {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}

.pictextblock h4, .textblock h4 {
	font-size: 12px;
	margin: 50px 0 7px 0 !important;
	margin: 40px 0 7px 0;	
	padding-bottom: 4px;
	border-bottom: 2px solid #999;
}

.pictextblock h5, .numberwrapper h5 {
	font-size: 12px;
	margin: 32px 0 0 0 !important;
	padding-bottom: 0px;
	font-weight: normal;
	font-style: italic;
}

.download-col h2 {
	font-size: 12px;
	margin: 0;
	padding-bottom: 4px;
	border-bottom: 2px solid #999;
}

.downloadblock h3 {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}

.downloadblock h3 {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}

.sideblocktext h3, #notetip h3 {
	margin: 0;
	font-size: 11px;
	font-weight: bold;
}

#notetip h3 {
	padding-left: 15px;
	color: white;
	background: url(../images/orangearrow.gif) 0 4px no-repeat;
}

#imageheader h2 {
	font-size: 26px;
	margin: 0;
	color: white;
	text-transform: uppercase;
	font-weight: normal;
	position: absolute;
	left: 18px;
	bottom: 13px;
}

.reference-gallery h3 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	clear: left;
}

/********************************************************************/
/*		Layout Elements                                               */
/********************************************************************/

#container {
	margin: 0 auto;
	width: 950px;
}

#header {
	margin-bottom: 57px;
	padding: 20px 20px 0 20px;
	overflow: hidden; 
}

* html #header { overflow: visible; height: 1px; }

#content {
	padding: 48px 20px 48px 20px;
	margin-bottom: 3px;
	background: white;
	overflow: hidden;
}

* html #content { overflow: visible; height: 1px; }

#content_start {
	padding: 0;
	margin-bottom: 3px;
	overflow: hidden;
	position: relative;	
}

* html #content_start { overflow: visible; height: 1px; }

/* Header */

#imageheader {
	min-height: 141px;
	width: 950px;
	overflow: hidden;
	background: url(../images/shineheader_1.jpg) no-repeat;
	position: relative;
}

* html #imageheader { height: 141px; overflow: visible; }

#imageheader .img {
	margin-left: 15px;
	float: right;
}

* html #imageheader .img { margin-left: 0; }

#imageheader.large {
	background: url(../images/shineheader_large.jpg) no-repeat;	
}

/* STARTSEITE ********************/

/* Flash Intro */

#flashcontent {
	width: 705px;
	height: 361px;
	margin-right: 3px;
	overflow: hidden;
	float: left;
}

#themeboard {
	width: 240px;
	height: 359px;	
	float: left;
	overflow: hidden;
	border: 1px solid #4d4d4d;
	position: relative;
}

#themeboard .themecontent {
	padding: 11px;
	background: black;
}

#themeboard img {
	margin-bottom: 14px;
}

#themeboard p {
	font-size: 11px;
	color: #999;
	padding: 0;
	margin: 0 0 10px 0;
}

#themeboard a, #themeboard a:link, #themeboard a:visited {
	text-decoration: underline;
	color: white;
}

#themeboard a, #themeboard a:hover, #themeboard a:focus{
	text-decoration: none;
}

#themeboardedge {
	width: 8px;
	height: 8px;
	background: url(../images/eckru.gif) no-repeat;
	position: absolute;
	font-size: 1px;	
	bottom: 0 !important;
	bottom: -1px;
	right: 0;
}

#top-second {
	padding-top: 10px;
	height: 337px;	
	border-top: 1px solid #4d4d4d;
	position: absolute;
	top: 321px;
	left: 0;
}

/* Layoutelemente ********************/

.modul630 {
	width: 630px;
}

.modul450 {
	width: 450px;
}

.pictextblock, .textblock {
	overflow: hidden;
}

* html .pictextblock { overflow: visible; height: 1px; }
* html .textblock { overflow: visible; height: 1px; }

.pictextblock img {
	float: left;
}

.textblock img {
	margin: 0 20px 10px 0;
	float: left;
}

.pictextblock p {
	margin: 0 0 15px 80px;
	font-size: 12px;
	line-height: 16px;
}

.textblock p, .quiz p {
	margin: 0 0 15px 0;
	font-size: 12px;
	line-height: 14px;
}

.tabtext {
	margin: 10px 0 25px !important;	
	margin: 25px 0 25px;		
}

.textwrapper {
	margin-bottom: 15px;
}

/* * html .textwrapper { overflow: visible; height: 1px; } */

.textwrapper p {
	font-size: 11px;
	margin-bottom: 0;
	line-height: 14px;
}

.tabtext td {
	font-size: 12px;
	line-height: 13px;
	vertical-align: top;
}

.tabtext .left {
	padding-right: 40px;
}

.tabaddress {
	margin-bottom: 0;	
}

.tabaddress td {
	font-size: 11px;
	line-height: 14px;
	vertical-align: top;
}

.tabaddress .left {
	width: 60px;
}

.newsimgwrapper {
	border-bottom: 1px solid white;	
	position: relative;	
	overflow: hidden;
}

.newsimg {
	width: 190px;
	margin: 0 20px 20px 0;	
	float: left;
}

.newsimg img {
	margin: 0;
	float: left;
}

#newscontainer { overflow: hidden; }
*html #newscontainer { height: 1px; overflow: visible; }

.newsimg p {
	margin: 0;
	padding: 8px;	
	background: #e9e9e9;
	font-size: 11px;
	line-height: normal;
	clear: left;
}

/* DOWNLOADS ********************/

#downloadlist {
	width: 910px;
	background: url(../images/3cols.gif) repeat-y;
	overflow: hidden;
}

.downloadblock {
	padding: 15px 20px 5px 0 !important;
   padding: 15px 20px 15px 0;
}

.downloadblock.neu {
	padding-top: 20px !important;
	background-color: #f8f8f8;
	background-repeat: no-repeat;
	background-position: top right;
}

.downloadblock.neu.de {
	background-image: url(../images/neu_de.gif);
}

.downloadblock.neu.fr {
	background-image: url(../images/neu_fr.gif);
}

.downloadblock.neu h3 {
	margin-right: 50px;
}
	
.downloadblocktext {
	overflow: hidden;
}

* html .downloadblocktext {
	height: 100%;
}

.downloadblock img {
	margin: 0 20px 15px 0;
	float: left;
}

.downloadblock p {
	margin: 0 0 10px 0;
	font-size: 12px;
}

.download-info {
	margin-top: 4px;
	color: #999;
	font-size: 11px;
	display: block;	
}

.download-col {
	margin-right: 11px;
	width: 296px;
	float: left;
}

.download-col.last {
	margin: 0;
}

/* Sidebar & Sidebar-Blocks ********************/

#sidebar {
	margin-left: 11px;
	padding: 0 0 10px 10px;
	border-left: 1px dashed #999;
	float: right;
}

.sideblock {
	width: 214px;
	margin: 0 0 10px 0;
	padding: 0 0 0 13px;
	overflow: hidden;
   font-size: 11px;
}

.sideblocktext {
	overflow: hidden;
}

* html .sideblocktext {
	height: 100%;
}

.sideblock img {
	margin: 0 15px 0 0;
	float: left;
}

.sideblock p, #notetip p {
	margin: 0 0 15px 0;
	font-size: 11px;
}

#sideblocktext table, tr, td {
   margin: 0;
	color: #000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
   text-align: left;
   vertical-align: top;
}

#notetip p {
	padding-left: 15px;
}

/* Reference Listing Table ********************/

.referencelisting {
	width: 100%;
	border-bottom: 2px solid #999;
}

.referencelisting tr {
	background: url(../images/dashed.gif) bottom repeat-x;
}

.referencelisting th {
	margin: 0;
	font-size: 12px;
	padding-bottom: 3px;
	border-bottom: 2px solid #999;
	text-align: left;
}

.referencelisting td {
	padding-top: 20px;
	padding-bottom: 20px;	
	vertical-align: top;
	font-size: 12px;
}

.referencelisting .object-col {
	width: 260px;
	padding-right: 20px;
}

.referencelisting .description-col {
	padding-right: 20px;
}

.gallery-col {
	width: 330px;
}

.referencelisting .object-col a img {
	float: left;
	margin-right: 20px;
}

.referencelisting .object-col .objectlink {
	font-weight: bold;
}

.reference-gallery {
	overflow: hidden;
}

* html .reference-gallery { overflow: visible; height: 1px; }

.gallery-col .zoompic {
	width: 100px;
	height: 100px;
	margin: 0 15px 5px 0;
	float: left;
	position: relative;
	background: url(../images/loading.gif) center no-repeat;
}

.gallery-col .zoompic.last {
	margin-right: 0;
}

.zoomicon {
	width: 19px;
	height: 19px;
	background: url(../images/ico_zoom.gif) no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
}

.gallery-col p.productinfo {
	width: 100px;
	margin: 0 15px 0 0;
	font-size: 11px;
	float: left;
}

.gallery-col p.last {
	margin-right: 0;
}

/* FACHHANDELSUCHE ********************/

#endkunde-fachhandel, .suchfeld {
	width: 540px;
	margin: 0 0 15px 80px;
	background: #ededed;
	font-size: 12px;
	overflow: hidden;
}

.suchfeld.nomargin { width: auto; margin-left: 0; padding: 0 10px; }

#endkunde-fachhandel label.radio, .suchfeld label.radio {
	height: 100%;
	margin: 2px 0 0 5px !important;
	margin: 18px 0 0 5px;	
	display: block;
	overflow: hidden;
	font-weight: bold;
	float: none;	
}

#endkunde, #fachhandel, #ArchitektAutohausplanung, #ArchitektWerksplanung {
	width: 260px;
	padding: 15px 5px;
	float: left;
}

#fachhandel, #ArchitektWerksplanung {
	background: white;
}

#endkunde-fachhandel form, .suchfeld form {
	width: 100%;
	padding: 20px 10px;
	clear: left;
	overflow: hidden;
}

#autohaendler {
	width: 540px;
	margin: 0 0 15px 80px;
	background: #fff;
	font-size: 12px;
	overflow: hidden;
}


.errormessage {
	margin: 0 20px 0 0px;
	padding: 8px 0 0 28px;
	display: none;
	background: url(../images/warning.gif) 1px 5px no-repeat;
}

* html #endkunde-fachhandel form { overflow: visible; height: 1px; }
* html .suchfeld form { overflow: visible; height: 1px; }


/* PROJEKTBETREUUNG ********************/

#searchlist {
	border: 1px solid red;
}

#map {
	margin-top: -48px;
	margin-left: 30px;
	width: 252px;
	height: 263px;
	float: right;
	overflow: hidden;
	position: relative;
}

.numberwrapper {
	height: 100%;
	overflow: hidden;
	margin-top: 30px;
	clear: left;
}

.number {
	width: 45px;
	height: 45px;
	margin: 0 10px 0 0;
	background: #ff9900;
	color: white;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 45px;
	float: left;	
}

.tradepartner {
	color: #ff9900;
	font-style: normal;
	font-weight: normal;
}

/* KONTAKT ********************/

.requestform {
	margin-left: 80px;	
}

.formtab {

}

.formtab td {
	padding-bottom: 5px;
	vertical-align: top;
	font-size: 12px;
}

.formtab td.left {	
	width: 110px;
	padding-top: 5px;
	padding-right: 5px;
	text-align: right;
}

.formtab td.middle {	
	width: 130px;
}

.formtab label {
	margin-left: 5px;
	float: none;
}

.textfield {
	width: 270px;
}

.textarea {
	width: 270px;
}

.failed {
	color: #ff9900;
	font-weight: bold;
}

.failed .textfield {
	border: 2px solid #ff9900;
}

/* REFERENZSUCHE ********************/

.referencesearch {
	margin-top: 20px;
	padding-bottom: 40px;
}

.referencesearch label {
	margin-bottom: 3px;
	float: none;
	display: block;
	font-weight: bold;
}

.referencesearch .select {
	width: 333px;
}

#notetip {
	width: 200px;
	height: 49px;
	padding: 7px 12px 0 12px;
	position: absolute;
	left: 500px;
	top: 180px;
}

html>body #notetip {
	background: url(../images/note.png) no-repeat;
}

/* REFERENZ DETAIL ********************/

#thumbbar {
	width: 580px;
	height: 58px;
	padding: 13px 0 0 0;
	text-align: right;
	background: #4d4d4d;
	position: absolute;
	bottom: 0;
	left: 0;	

}

#thumbbar ul {
	padding: 0;
	margin: 0 15px 0 0;
	list-style: none;	
	overflow: hidden;
	float: right;
	display: inline;
}

* html #thumbbar ul { overflow: visible; height: 1px; }

#thumbbar ul li {
	margin-left: 5px;
	display: inline;
	float: left;
}

#thumbbar a, #thumbbar a:link, #thumbbar a:visited {
	width: 43px;
	height: 43px;
	border: 1px solid black;
	display: block;
}

#thumbbar a.active, #thumbbar a.active:visited {
	border: 1px solid white;	
}

#thumbbar img {
}

/* FOOTER ********************/

#footer {
	height: 54px;
	background: url(../images/mirror.gif) bottom repeat-x;
}

#stripe {
	height: 26px;
	background: #4d4d4d;	
}

/* PRODUCTUEBERSICHT ********************/

#produktuebersicht {
	width: 950px;
	height: 630px;
	border-bottom: 2px solid black;
	background: url(../images/produktuebersicht.jpg);
	position: relative;
}

#prod-products {
	width: 306px;
	height: 461px;
	display: block;
	position: absolute;
	left: 120px;
	top: 49px;
}

#prod-architectural {
	width: 306px;
	height: 461px;
	display: block;
	position: absolute;	
	left: 490px;
	top: 49px;	
}

a#prod-products, a#prod-products:link, a#prod-products:visited,
a#prod-architectural, a#prod-architectural:link, a#prod-architectural:visited {
	color: white;
	text-decoration: none;
}

#prod-products span, #prod-architectural span {
	visibility: hidden;
}

/********************************************************************/
/*		Navigations / Lists                                           */
/********************************************************************/

ul#metanavi {
	list-style: none;
	margin: 9px 0 0 0;
	padding: 0;	
	float: right;
}

ul#metanavi li {
	margin-left: 17px;
	float: left;
}

ul#metanavi li a img, ul#metanavi li a:link img, ul#metanavi li a:visited img {
	opacity: 0.4;
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	filter:alpha(opacity=40);	
}

ul#metanavi li.active a img, ul#metanavi li.active a:link img, ul#metanavi li.active a:visited img, a#changelang img {
	opacity: 1.0 !important;
	-moz-opacity: 1.0 !important;
	-khtml-opacity: 1.0 !important;
	filter:alpha(opacity=100) !important;	
}

a.changelang {
	width: 71px;
	height: 14px;
	margin-top: 1px;
	float: left;
	display: block;
	overflow: hidden;
}

a.de {
	background: url(../images/meta_lang.gif) 0 0 no-repeat;
}

a.de:focus, a.de:hover {
	background: url(../images/meta_lang.gif) 0 -14px no-repeat;
}

a.fr {
	background: url(../images/meta_lang.gif) 0 -14px no-repeat;
}

a.fr:focus, a.fr:hover {
	background: url(../images/meta_lang.gif) 0 0 no-repeat;
}

a.changelang span {
	display: none;
}

ul#metanavi li span#langhidden {
	display: none;
}

/* Main Navigation */

ul#navi {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0 20px;
}

ul#navi li {
	margin-right: 27px;
	display: inline;
}

ul#navi li a img, ul#navi li a:link img, ul#navi li a:visited img {
	opacity: 0.4;
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	filter:alpha(opacity=40);	
}

ul#navi li.active a img, ul#navi li.active a:link img, ul#navi li.active a:visited img {
	opacity: 1.0;
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	filter:alpha(opacity=100);	
}

/* Subnavigation */

ul#subnavi {
	height: 25px;	
	margin: 0 0 3px 0;
	padding: 11px 20px 0 20px;		
	list-style: none;
	background: #4d4d4d;
}

ul#subnavi li {
	margin-right: 44px;
	font-size: 12px;
	float: left;
}

ul#subnavi li.newsletter {
	float: right;
	margin-right: 0;
}

ul#subnavi li.newsletter a {
	padding-left: 22px;
	background: url(../images/page.gif) no-repeat;	
}

ul#subnavi li a, ul#subnavi a:link, ul#subnavi a:visited {
	color: #999999;
	text-decoration: none;
}

ul#subnavi li a:focus, ul#subnavi li a:hover {
}

ul#subnavi li.active a, ul#subnavi li.active a:link, ul#subnavi li.active a:visited {
	color: #fff;
}

ul#subnavi li.active {

}

/* Newskategorien */

ul#cat {
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	border-bottom: 2px solid #bebebe;
}

ul#cat li {
	margin-right: 7px;
	font-size: 11px;
	float: left;
	background: #656565 url(../images/orangearrow.gif) 11px 12px no-repeat;
}

ul#cat li a:link, ul#cat li a:visited {
	padding: 4px 21px 4px 25px;	
	text-decoration: none;
	color: #ccc;
	display: block;
	border-top: 4px solid white;
	float: left;	
}

ul#cat li a:focus, ul#cat li a:hover {
	color: white;
}

ul#cat li.active {
	background: #656565 url(../images/orangearrow.gif) 11px 10px no-repeat;
}

ul#cat li.active a:link, ul#cat li.active a:visited {	
	padding: 6px 21px 6px 25px;	
	color: white;
	font-weight:bold;
	background: url(../images/eckro.gif) top right no-repeat;
	border-top: 0;	
}

/* Seitenindexfunktion */

#siteindex {
	margin: 10px 0 0 0;
	overflow: hidden;
	float: right;
}

#siteindex p {
	margin: 6px 6px 0 0;
	font-size: 11px;
	float: left;
}

ul#index {
	margin: 0;
	padding: 5px;
	border: 1px solid #4d4d4d;
	list-style: none;
	float: left;
}

ul#index li {
	font-size: 11px;
	display: inline;
}

ul#index li.active a, ul#index li.active a:link, ul#index li.active a:visited {
	font-weight: bold;
}

/* Produktindex */

.productindex {
	margin: 0 0 0 0;
	padding: 0 5px 5px 10px;
	overflow: hidden;
	background: #efefef;
}

* html .productindex { overflow: visible; height: 1px; }

.productindex p {
	margin: 6px 6px 0 0;
	font-size: 11px;
}

ul.prodindex {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	float: right;
}

ul.prodindex li {
	font-size: 11px;
	display: inline;
}

ul.prodindex li a, ul.prodindex li a:link, ul.prodindex li a:visited { 
	padding: 0px 6px;
	float: left;
	border-left: 1px solid #4d4d4d; 	
}

ul.prodindex li.active a, ul.prodindex li.active a:link, ul.prodindex li.active a:visited {
	font-weight: bold;
}

/* Normal Lists (Text) */

.textblock ul, .pictextblock ul {
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
	list-style: none;
}

.textblock li, .pictextblock li {
	margin: 0 0 4px 0 !important;
	margin: 0 0 2px 0;	
	padding-left: 12px;
	font-size: 12px;
	background: url(../images/bullet.gif) 0 6px no-repeat !important;
	background: url(../images/bullet.gif) 0 9px no-repeat;	
}

.textblock ol, .pictextblock ol {
	margin: 10px 0 25px 20px !important;
	padding: 0;
}

.textblock ol li, .pictextblock olli {
	margin: 0 0 7px 15px !important;
	padding: 0;
	background: none !important;
	list-style-type: decimal;	
}

/* Job List */

.textblock ul.jobs {
	padding: 0;
	margin: 50px 0 15px 0;
	list-style: none;
}

.textblock ul.jobs li {
	margin: 0 100px 15px 0 !important;
	margin: 0 100px 2px 0;	
	padding-left: 0;
	padding-bottom: 15px;
	font-size: 12px;
	background: none !important;
	border-bottom: 1px dashed #999;
}


/* Footer Navigation */

ul#footnavi {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#footnavi li {

}

/**** LIGHTBOX ******************************/

#ImageBox {
	height: 330px;
	overflow: hidden;
}

#ImageBoxWrapper {
	height: 330px;
	overflow: hidden;
	}

* html #ImageBox {overflow: visible; height: 330px;}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

	
/* Umfrage */
/**************************************************************/

.quiz {
	margin-bottom: 15px;
	padding: 10px 0 0 80px;
	background: url(../images/quiz.gif) 0 0 no-repeat;
}

.quiz .question {
	margin-top: 20px;
	margin-left: -15px;
   margin-bottom: 20px;
	padding: 15px;
	background: #f2f2f2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#content div.modul630 form div.quiz p a, #content div.modul630 form div.quiz p a:active, #content div.modul630 form div.quiz p a:visited {
   color: #ff9900;
   font-weight: bold;
   text-decoration: none;
}

#content div.modul630 form div.quiz p a:focus, #content div.modul630 form div.quiz p a:hover {
   text-decoration: underline;
}

.pictextblock h3.question, .textblock h3.question {
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 2px solid #999;
}

.answer {
	margin-left: 80px !important;
	margin-bottom: 30px !important;
	padding-left: 20px !important;
}

ul.answer li {
	padding: 0;
	background: none !important;
}

/* Step */

/* Main Navigation */

/* Main Navigation */

ul#step {
	height: 21px;
	list-style: none;
	margin: 0 0 30px 80px;
	padding: 0;	
	background: #e9e9e9;
}

ul#step li {
	height: 21px;
	width: 80px;
	padding: 0 !important;
	font-size: 11px;
	color: #333;
	line-height: 21px;	
	font-size: 11px;
	float: left;
	background: url(../images/grayarrow.gif) left no-repeat;
	white-space: nowrap;
}

ul#step li span {
	height: 21px;
	display: block;
	padding-left: 20px;	
	background: url(../images/grayarrow.gif) left no-repeat;	
}

ul#step li.active {
	width: 70px !important;
	padding-left: 20px !important;
	color: white;
	background: #f90 url(../images/grayarrow.gif) left no-repeat !important;
}

ul#step li.active span {
	padding: 0 !important;
	background: #f90 url(../images/copperarrow.gif) right no-repeat;
}

ul#step li.first {
	background-image: none !important;
}

ul#step li.first span {
	background-image: none;
}

ul#step li.first.active {
	width: 90px;
	padding: 0;
}

ul#step li.first.active span {
	padding-left: 20px;
	background: #f90 url(../images/copperarrow.gif) right no-repeat;	
}

ul#step li.activeafter {
	width: 70px;
	background: none !important;
}

ul#step li.activeafter span {
	padding: 0 0 0 10px;	
	background: none !important;	
}




/**************************************************************/