/* General */

/* hide hack from Mac-IE5 \*/
* html .holly { height: 1%; }
/* end hiding */



body, p, a, a:link, a:visited, a:hover, a:active, br, h1, h2, h3, table, tr, td, th, ul, dl, ol, li, div, img, object {
	color: black;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

object {
	font-size: 0px;
	}

br, img {
	font-size: 0px;
	line-height: 0px;
}

.bolder {
	font-weight: bolder;
	color: #D2D2D2;
}

.underline {
	text-decoration: underline;
}

.letterspacing {
	letter-spacing: 0.1em;
}

.letterspacing_bold {
	letter-spacing: 0.1em;
	font-weight: bolder;
}

.clear {
	clear: both;
}

.clearright {
	clear: right;
	}
	
.spacer5 {
	height: 5px;
	clear: both;
	display: block;
	}
	
.spacer7 {
	height: 7px;
	clear: both;
	display: block;
	}
	
	
.spacer10 {
	height: 10px;
	clear: both;
	display: block;
	}
	

/* Main-Container */

body {
	color: #FFFFFF;
	background: #33383D url(../images/background/bodybg2.jpg) repeat-x top left;
	text-align: center;
	margin: 0;
	padding: 0;
	}
		
#container-outer {
	width: 770px;
	margin: 0 auto;
	}
		
#container-outer_illu {
	position: relative;
	float: left;
	background: url(../images/illustration/homeillu1.jpg) no-repeat 410px 45px;
	margin: 0;
	padding: 0;
	height: 100%;
	}
	
#container-outer_illu_png {
	position: relative;
	float: right;
	background: url(../images/illustration/arbeitsdateien/homeillu1-trans.png) no-repeat 410px 45px;
	margin: 0;
	padding: 0;
	height: 100%;
	}
	
	
	
/* Languageswitcher */

#langswitchbox {
	height: 12px;
	margin: 12px 5px 0 0;
	padding: 0;
	}
	
#langswitchbox ul {
	float: right;
	list-style-type: none;
	}
	
#langswitchbox ul li {
	float: left;
	line-height: 12px;
	font-size: 10px;
	color: #969696;
	background: url(../images/design/1px_grey210.gif) repeat-y top left;
	padding: 0 6px;
	}
	
#langswitchbox ul li.first {
	float: left;
	background: none;
	padding: 0 6px 0 0;
	}
	
#langswitchbox a:link, #langswitchbox a:visited {
	color: #969696;
	font-size: 11px;
	}	
	
#langswitchbox a:hover, #langswitchbox a:active {
	text-decoration: underline;
	}
	
#langswitchbox a.current {
	color: #969696;
	text-decoration: underline;
	}	

/* Companylabel */

#companylabel {
	float: left;
	height: 48px;
	width: 770px;
	background: url(../images/elements/logolabel.jpg) no-repeat 0 0;
	margin: 0;
	}
	
#companylabel_singlegallery {
	height: 95px;
	width: 770px;
	background: url(../images/elements/logolabel.jpg) no-repeat 50% 50%;
	margin: 0;
	}
	
/* Mainmenu */

#mainmenu {
	float: left;
	position: relative;
	width: 770px;
	height: 21px;
	margin: 23px 0 0 0;
	}
	
#mainmenu ul {
	list-style-type: none;
	position: relative;
	}
	
#mainmenu ul li {
	float: left;
	line-height: 21px;
	font-size: 11px;
	color: #d2d2d2;
	padding: 0 15px;
	}
	
#mainmenu ul li.first {
	float: left;
	padding: 0 15px 0 0;
	}
	
#mainmenu a:link, #mainmenu a:visited {
	color: #B4B4B4;
	font-size: 11px;
	font-weight: bolder;
	}	
	
#mainmenu a:hover, #mainmenu a:active {
	color: #C8C8C8;
	display: block;
	}
	
#mainmenu li.stressed,
#mainmenu li:hover {
	background: url(../images/background/mainnav_stressed_bg.jpg) repeat-x;
}

#mainmenu a.current {
	font-size: 11px;
	color: #B4B4B4;
	font-weight: bolder;
	}	


/* --------- Content --------- */

/* Content-Left */

#content-left {
	float: left;
	position: relative;
	width: 370px;
	height: auto;
	overflow: visible;
	}
		
#content-left h1 {
	height: 22px;
	line-height: 22px;
	clear: both;
	text-align: left;
	margin: 40px 0 20px 0;
	padding: 0;
	width: 370px;
}

#content-left .headline {
	height: 22px;
	line-height: 22px;
	clear: both;
	text-align: left;
	margin: 40px 0 20px 0;
	padding: 0;
	width: 340px;
}

#content-left h2 {
	float: left;
	width: 370px;
	text-align: left;
	font-size: 11px;
	font-weight: bolder;
	color: #D2D2D2;
	margin: 20px 0 7px 0;
	padding: 0;
}

#content-left p {
	clear: both;
	font-size: 11px;
	text-align: left;
	line-height: 18px;
	color: #D2D2D2;
	padding: 0;
	margin: 0 0 0 10px;
	width: 370px;
}

#content-left p.nopadding {
	float: left;
	clear: both;
	font-size: 11px;
	text-align: left;
	line-height: 18px;
	color: #D2D2D2;
	margin: 15px 0 7px 0;
	padding: 0;
	width: 370px;
}

#content-left img {
	float: left;
	clear: both;
	margin: 10px 0 0 0;
}

#content-left a:link,
#content-left a:visited,
#content-left a:hover,
#content-left a:active {
	clear: both;
	float: left;
	font-size: 11px;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 18px;
	color: #d27000;
	margin: 0 0 0 10px;
	padding: 0;
}

#content-left a.weblink:link,
#content-left a.weblink:visited,
#content-left a.weblink:hover,
#content-left a.weblink:active {
	clear: both;
	float: left;
	font-size: 11px;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 18px;
	color: #d27000;
	margin: 0 0 0 10px;
	padding: 2px 0;
	display: block;
	width: 370px;
}


/* Content-Wide */

#content-wide {
	float: left;
	position: relative;
	width: 670px;
	height: auto;
	overflow: visible;
}

#content-wide h1 {
	height: 22px;
	clear: both;
	text-align: left;
	margin: 40px 0 20px 0;
	padding: 0;
	width: 600px;
	float: left;
}

#content-wide h2 {
	width: 600px;
	float: left;
	clear: both;
	text-align: left;
	font-size: 11px;
	font-weight: bolder;
	color: #D2D2D2;
	margin: 20px 0 7px 0;
	padding: 0;
}

#content-wide p {
	clear: both;
	font-size: 11px;
	width: ;
	text-align: left;
	line-height: 18px;
	color: #D2D2D2;
	margin: 0 0 7px 10px;
	padding: 0;
	overflow: visible;
}

#content-wide p.nopadding {
	float: left;
	clear: both;
	font-size: 11px;
	width: 670px;
	text-align: left;
	line-height: 18px;
	color: #D2D2D2;
	margin: 0 0 7px 0;
	padding: 0;
}

#content-wide p.small {
	float: left;
	clear: both;
	font-size: 11px;
	width: 370px;
	text-align: left;
	line-height: 18px;
	color: #D2D2D2;
	margin: 0 0 7px 0;
	padding: 0;
}

#content-wide ul {
	float: left;
	width: 660px;
	list-style-type: none;
	margin: 0 0 0 10px;
	overflow: visible;
	position: relative;
}

#content-wide ul li {
	float: left;
	width: 660px;
	padding: 0 0 0 12px;
	background: url(../images/design/6pxsqare_grey210.gif) no-repeat 0 6px;
	color: #D2D2D2;
	line-height: 18px;
	text-align: left;
	display: block;
	overflow: visible;
	}
	
#content-wide a:link,
#content-wide a:visited,
#content-wide a:hover,
#content-wide a:active {
	float: left;
	font-size: 11px;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 18px;
	color: #d27000;
	margin: 0 0 0 10px;
	padding: 0;
	display: block;
}

/* Art Gallery */

#content-gallery {
	float: left;
	position: relative;
	width: 770px;
	clear: both;
}

#content-gallery a:link,
#content-gallery a:visited,
#content-gallery a:hover,
#content-gallery a:active {
	float: left;
	font-size: 11px;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 18px;
	color: #d27000;
	margin: 0 0 0 10px;
	padding: 0;
}

#content-gallery span a:link,
#content-gallery span a:visited,
#content-gallery span a:hover,
#content-gallery span a:active {
	display: inline;
	float: none;
	font-size: 11px;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 18px;
	color: #d27000;
	margin: 0;
	padding: 0;
}

#content-gallery h1 {
	height: 22px;
	clear: both;
	text-align: left;
	margin: 50px 0 10px 0;
	padding: 0;
}

#content-gallery p {
	font-size: 11px;
	width: 760px;
	text-align: left;
	line-height: 18px;
	color: #D2D2D2;
	margin: 0 0 7px 10px;
	padding: 0;
}

#content-gallery p.small {
	float: left;
	clear: both;
	font-size: 11px;
	width: 370px;
	text-align: left;
	line-height: 18px;
	color: #D2D2D2;
	margin: 0 0 7px 0;
	padding: 0;
}

#content-gallery div.artistportrait {
	float: left;
	width: 760px;
	border-top: #8C8C8C 1px solid;
	margin: 0;
	padding: 0;
}

#content-gallery div.artistportrait div.baseinfos {
	float: left;
	width: 150px;
	height: 100%;
	margin: 0;
	padding: 0;
}

#content-gallery div.artistportrait div.baseinfos h2 {
	float: left;
	width: 150px;
	text-align: left;
	font-size: 11px;
	font-weight: bolder;
	color: #D2D2D2;
	margin: 20px 0 7px 0;
	padding: 0;
	display: block;
}

#content-gallery div.artistportrait div.baseinfos p.artistlink {
	float: left;
	width: 150px;
	font-size: 11px;
	text-align: left;
	letter-spacing: 1px;
	line-height: 11px;
	color: #D2D2D2;
	margin: 0 0 7px  0;
	padding: 0;
}

#content-gallery div.artistportrait div.baseinfos p.nopadding {
	float: left;
	width: 150px;
	font-size: 11px;
	text-align: left;
	letter-spacing: 1px;
	line-height: 11px;
	color: #D2D2D2;
	margin: 0 0 5px  0;
	padding: 0;
}

#content-gallery div.artistportrait div.baseinfos img {
	width: 120px;
	height: 163px;
	float: left;
	margin: 10px 0 0 10px;
	display: block;
	border: #D2D2D2 1px solid;
}

#content-gallery div.artistportrait div.works {
	float: right;
	width: 570px;
	height: 100%;
	margin: 10px 0 30px 0;
}

#content-gallery div.artistportrait div.works div.singlework {
	float: left;
	margin: 0 15px 0 0;
	width: 260px;
}

#content-gallery div.artistportrait div.works div.singlework a {
	float: left;
	margin: 10px 0 5px 0;
	padding: 0;
	line-height: 0px;
	font-size: 0px;
	border: none;
	text-decoration: none;
}

#content-gallery div.artistportrait div.works div.singlework p.description {
	float: left;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	color: #D2D2D2;
	margin: 0;
	padding: 0;
	width: 260px;
}

#content-gallery div.artistportrait div.works div.flashgalleries {
	float: left;
	margin: 0;
	width: 535px;
}

#content-gallery div.artistportrait div.works div.flashgalleries a {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 0px;
	font-size: 0px;
	border: #8C8C8C 1px solid;
	text-decoration: none;
}

#content-gallery div.artistportrait div.works div.flashgalleries p.description {
	float: left;
	font-size: 11px;
	font-weight: bolder;
	line-height: 20px;
	color: #D2D2D2;
	margin: 0;
	padding: 5px 10px 10px 0;
	width: 535px;
}

#content-gallery div.artistportrait div.works div.flashgalleries p.description a:link,
#content-gallery div.artistportrait div.works div.flashgalleries p.description a:visited,
#content-gallery div.artistportrait div.works div.flashgalleries p.description a:hover,
#content-gallery div.artistportrait div.works div.flashgalleries p.description a:active {
	display: inline;
	float: none;
	font-size: 11px;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 18px;
	color: #d27000;
	margin: 0;
	padding: 0;
	border: none;
}}


/* Content-ArtGallery-Artists */

#content-artists {
	float: left;
	position: relative;
	width: 770px;
	height: auto;
	overflow: visible;
	margin: 0 0 30px 0;
}

#content-artists h1 {
	height: 42px;
	clear: both;
	text-align: left;
	margin: 43px 0 0 0;
	padding: 0;
	width: 770px;
	text-align: center;
}

#content-artists table {
	width: 100%;
	clear: both;
	border: none;
	margin: 5px 0 0 0;
	padding: 0;
}

#content-artists table img {
	margin: 0;
	padding: 0;
	border: 0;
}

#content-artists td {
	border: none;
	color: #D2D2D2;
}

#content-artists table td.description {
	padding: 15px 85px 0 85px;
	font-size: 12px;
	text-align: center;
	line-height: 18px;
}

#content-artists table td.back {
	padding: 7px 10px 7px 5px;
	font-size: 16px;
	text-align: left;
}

#content-artists table td.next {
	padding: 7px 5px 7px 10px;
	font-size: 16px;
	text-align: right;
}

#content-artists table.selection {
	width: auto;
	border: none;
	text-align: center;
	margin: 0 auto;
}

#content-artists table.selection td {
	width: 25px;
	height: 25px;
	border: 1px solid #D2D2D2;
	padding: 0;
	margin:  0;
	font-size: 12px;
	font-weight: bolder;
}

#content-artists ul {
	height: 25px;
	list-style-type: none;
	border: none;
	width: 200px;
	margin: 20px auto 0 auto;
}

#content-artists ul li {
	float: left;
	display: block;
	height: 25px;
	line-height: 25px;
	width: 25px;
	margin: 0 10px;
	border: 1px solid #D2D2D2;
	font-weight: normal;
}

#content-artists ul li.current {
	float: left;
	height: 25px;
	line-height: 25px;
	width: 25px;
	margin: 0 10px;
	border: 2px solid #D2D2D2;
	color: #D2D2D2;
	font-size: 12px;
	font-weight: bolder;
}

#content-artists ul li a {
	height: 25px;
	width: 25px;
	display: block;
	line-height: 25px;
}

#content-artists ul li a:link,
#content-artists ul li a:active,
#content-artists ul li a:visited {
	color: #D2D2D2;
	font-size: 12px;
}

#content-artists ul li a:hover {
	color: #D2D2D2;
	font-size: 12px;
	font-weight: bolder;
}




	
/* Content-News */
	
#content-news {
	float: right;
	width: 270px;
	height: auto;
	margin: 210px 0 0 0;
	padding: 0;
	}
	
#content-news h1 {
	height: 16px;
	clear: both;
	float: left;
	text-align: left;
	color: #B4B4B4;
	margin: 15px 25px 5px 0;
	padding: 0;
	border-bottom: dashed #d27000 1px;
	width: 260px;
}

#content-news p {
	float: left;
	font-size: 11px;
	text-align: left;
	line-height: 16px;
	color: #B4B4B4;
	margin: 0 25px 10px 0;
	padding: 0;
	width: 245px;
}

#content-news a:link,
#content-news a:visited,
#content-news a:hover,
#content-news a:active {
	float: left;
	font-size: 11px;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 18px;
	color: #d27000;
	margin: 0;
	padding: 0;
	width: 260px;
}

/* Content-Elements */

div.innerlink a:link,
div.innerlink a:visited,
div.innerlink a:hover,
div.innerlink a:active {
	font-size: 11px;
	text-align: left;
	letter-spacing: 0.1em;
	height: 18px;
	line-height: 18px;
	color: #d27000;
	margin: 0;
	padding: 0;
}



/* Footer */

#footer {
	clear: both;
	position: relative;
	width: 750px;
	height: 80px;
	margin: 30px 10px 20px 10px;
	border-top: #5A5A5A 1px solid;
	display: block;
	}
	
#footer ul {
	position: relative;  /* triggers bug */
	list-style-type: none;
	height: 13px;
	line-height: 13px;
	padding: 0;
	margin: 15px 0;
	float: right;
	clear: both;
}

#footer ul.copyright {
	position: relative;  /* triggers bug */
	list-style-type: none;
	height: 15px;
	line-height: 15px;
	padding: 0;
	margin: 0;
	float: right;
	clear: both;
}

#footer ul li {
	float: left;
	padding: 0 9px;
	background: url(../images/design/1px_orange.gif) repeat-y 0 0;
	letter-spacing: 1px;
	color: #969696;
}

#footer ul li.first {
	padding: 0 7px 0 0;
	background: none;
	letter-spacing: 1px;
}

#footer ul li.copyright {
	padding: 0 7px 0 0;
	background: none;
	letter-spacing: 0;
	font-size: 10px;
}

#footer ul li a {
	letter-spacing: 1px;
	color: #969696;
	font-size: 10px;
}

#footer ul li a:link, #footer ul li.copyright a:link
#footer ul li a:visited, #footer ul li.copyright a:visited {
	letter-spacing: 1px;
	color: #969696;
	font-size: 10px;
}

#footer ul li a:hover, #footer ul li.copyright a:hover,
#footer ul li a:active, #footer ul li.copyright a:active,
#footer ul li a.current {
	letter-spacing: 1px;
	color: #969696;
	background: url(../images/design/1px_orange.gif) repeat-x bottom left;
	font-size: 10px;
}


/* Forms */

#kontaktformular {
	margin: 0;
}

fieldset {
	border: none;
	width: 329px;
	height: auto;
	margin: 0px 30px 0 0px;
	padding: 20px 25px 20px 0px;
}

.formlines {
	float: left;
	width: 325px;
	height: 20px;
	line-height: 20px;
}

.formlines_doublefield {
	float: left;
	width: 329px;
	height: 20px;
	line-height: 20px;
}

.formlines_doublefield_po {
	float: left;
	width: 329px;
	height: 35px;
	line-height: 20px;
}


.formlines_required {
	float: left;
	width: 325px;
	height: 30px;
	line-height: 30px;
}


.formlines_area {
	float: left;
	width: 325px;
	color: #3C3C3C;
}

.required {
	float: left;
	font-size: 90%;
	padding: 0 50px 5px 110px;
	color: #D2D2D2;
}

label {
	float: left;
	padding: 0 10px 0 5px;
	margin: 0 0 4px 0;
	width: 95px;
	height: 14px;
	line-height: 14px;
	text-align: right;
	color: #D2D2D2;
}

.label_mitteilung {
	float: left;
	height: 14px;
	line-height: 14px;
	color: #D2D2D2;
	padding-top: 4px;
}


.paddingort {
	padding-bottom: 5px;
	}

input {
	width: 200px;
	height: 14px;
	line-height: 14px;
	padding: 0 5px;
	margin: 0 0 3px 0;
	border: none;
	color: #3C3C3C;
	background: #F0F0F0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	float: left;
}

.input_plz {
	width: 40px;
	height: 14px;
	line-height: 14px;
	border: none;
	padding: 0 5px;
	color: #3C3C3C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.input_ort {
	width: 146px;
	height: 14px;
	line-height: 14px;
	border: none;
	padding: 0 5px;
	margin-left: 4px;
	color: #3C3C3C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.buttons {
	float: left;
	width: 135px;
	height: auto;
	line-height: normal;
	border: none;
	margin: 10px 0 0 110px;
	color: #3C3C3C;
	background: #F0F0F0;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
}

.textarea {
	width: 200px;
	height: 80px;
	line-height: 14px;
	border: none;
	padding: 0 5px;
	margin-top: 3px;
	color: #3C3C3C;
	background: #F0F0F0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	float: left;
	position: relative;
}

.buttons:link, .buttons:visited {
	background: #F0F0F0;
	padding: 0;
	color: #646464;
}

.buttons:hover, .buttons:active {
	background: #F0F0F0;
	color: #646464;
}

#kontaktformular input:focus, #kontaktformular textarea:focus {
	background: #DCDCDC;
	color: #646464;
}



/* Imageflow-Sides */

#container-outer_imageflow {
	width: 100%;
	margin: 0 auto;
	}
	
#companylabel_imageflow {
	height: 95px;
	width: 100%;
	background: url(../images/elements/logolabel.jpg) no-repeat 50% 50%;
	margin: 0;
	}

#headline {
	height: 40px;
	width: 100%;
	display: block;
	padding: 40px 0 0 0;
	}

#headline h1 {
	color: #D2D2D2;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: normal;
	}

#headline h1 span {
	color: #D2D2D2;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: normal;
	}


/* 3dcarousel */

#container-outer_carousel {
	margin: 0 auto;
	width: 850px;
	}
	
#headline {
	height: 40px;
	width: 100%;
	display: block;
	}

#headline h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #D2D2D2;
	font-size: 21px;
	letter-spacing: normal;
	}

#headline h1 span {
	font-family: Arial, Helvetica, sans-serif;
	color: #D2D2D2;
	font-size: 28px;
	font-weight: bolder;
	letter-spacing: normal;
	}
	
#title-text,
#alt-text {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #D2D2D2;
	font-weight: bolder;
	font-size: 15px;
	}
	
#left-but {
	height: 30px;
	width: 30px;
	background: url(../3dcarousel/img/arrow-left.jpg);
	cursor: pointer;
	margin: 30px 30px 0 0;
}

#right-but {
	height: 30px;
	width: 30px;
	background: url(../3dcarousel/img/arrow-right.jpg);
	cursor: pointer;
	margin: 30px 0 0 0;
}

		
#companylabel_carousel {
	height: 95px;
	width: 100%;
	background: url(../images/elements/logolabel.jpg) no-repeat 50% 50%;
	margin: 0;
	}