body {
	background-color:white;	
	text-align:center;
	padding:auto;
	margin:auto;
	font-family:Arial;
}

#all {
	position:relative;
	z-index:4;
	margin:auto;
	width:1013px; /* pagewidth */
}

#site_left {
	position:relative;
	float:left;
	width:19px;
	height:382px;
	margin:0px;
	padding:0px;
	background-image:url(../images/artsys_header_left_02.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#site {
	position:relative;
	float:left;
	width:973px; /* pagewidth */
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	background-color:white;
	/*border:1px solid #999999;*/
	border-top:0px;
	
	text-align:center;
}

#site_right {
	position:relative;
	float:right;
	width:19px;
	height:382px;
	margin:0px;
	padding:0px;
	background-image:url(../images/artsys_header_right_02.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#headnavi {
	position:absolute;
	top:0px;
	right:20px;
	height:10px;
	width:450px;
	overflow:visible;
	z-index:4;
}

#headnavi_left {
	position:absolute;
	top:0px;
	right:470px;
	width:7px;
	height:34px;
	margin:0px;
	padding:0px;
	background-image:url(../images/artsys_topnavi_left.gif);
	background-repeat:no-repeat;
	background-position:0px -8px;
	z-index:4;
}

#headnavi_right {
	position:absolute;
	top:0px;
	right:15px;
	width:5px;
	height:34px;
	margin:0px;
	padding:0px;
	background-image:url(../images/artsys_topnavi_right.gif);
	background-repeat:no-repeat;
	background-position:0px -8px;
	z-index:4;
}

#headnavi_center {
	position:relative;
	overflow:visible;
	color:white;
	height:34px;
	background-image:url(../images/artsys_topnavi_bg.gif);
	background-repeat:repeat-x;
	background-position:0px -8px;
	z-index:4;
}

#headnavi_center a {
	color:black;
	text-decoration:none;
}

#headnavi_center a:hover {
	color:#555;
}

.headnavi_item {
	float:left;
	margin:0px;
	margin-left:5px;
	margin-right:5px;
	margin-top:7px;
	text-align:center;
	font-size:10pt;
}

.headnavi_item form {
	padding:0px;
	margin:0px;
	height:20px;
	vertical-align:top;
}

.headnavi_break {
	float:left;
	width:4px;
	height:34px;
	background-image:url(../images/artsys_header_topnavi_line.jpg);
	background-repeat:no-repeat;
	background-position:0px -8px;
	margin:0px;
	margin-left:2px;
	margin-right:2px;
}

#search_bg {
	width:160px;
	height:20px;
	background-image:url(../images/search.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	border:0px;
	padding:0px;
	padding-left:20px;
	padding-right:2px;
	text-align:left;
	margin-bottom:0px;
	position:relative;
	float:left;
}

#search {
	border:0px;
	width:160px;
	height:20px;
	vertical-align:bottom;
	padding-top:4px; 
	margin-top:0px; /* NORMAL */
	background-image:url(../images/search_bg.gif);
	background-repeat:repeat-x;	
	background-position:0px 0px;
	font-size:8pt;
}

#search_go {
	font-size:8pt;
	height:20px;
	width:30px;
}

#header {
	position:relative;
	top:10px;
	width:929px; /* pagewidth */
	height:195px;
	/*height:200px;*/
	border:1px solid #999;
	clear:both;
	margin:auto;
	margin-top:10px;
	padding:0px;
	background-color:white;
	overflow:visible;
	z-index:3;
}

.header_image {
	position:absolute;
	top:0px;
	left:0px;
	width:929px; /* pagewidth NORMAL */
	height:165px;
	background-repeat:no-repeat;
	z-index:1;
	background-image:url(../images/header_artsys.jpg);
}

#header_image_26 {
	background-image:url(../images/header_artsys.jpg);
}

#header_image_12 {
	background-image:url(../images/header_systemhaus.jpg);
}

#header_image_9 {
	background-image:url(../images/header_fachhandel.jpg);
}

#header_image_11 {
	background-image:url(../images/header_presse.jpg);
}

#header_image_27 {
	background-image:url(../images/header_kontakt.jpg);
}

#mainnavi {
	position:absolute;
	left:0px;
	bottom:0px;
	background-image:url(../images/artsys_navi.jpg);
	background-repeat:repeat-x;
	height:36px;
	width:100%;
	clear:both;
	text-align:center;
	z-index:4;
}

#mainnavi_center {
	margin:auto;
	width:750px; /* NORMAL */
	height:36px;
	background-image:url(../images/artsys_navi_right_small.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	padding-right:3px;
	padding-left:3px;
}

#mainnavi_center div{
	float:left;
}

#mainnavi_center a.mainnavi_normal {
	height:36px;
	width:150px;
	color:black;
	text-decoration:none;
	font-size:12pt;
	font-weight:900;
}

#mainnavi_center a:hover , #mainnavi_center a.mainnavi_current{
	height:36px;
	width:150px;
	color:#eee;
	text-decoration:none;
	font-size:12pt;
	font-weight:900;
}

#mainnavi_center p {
	height:36px;
	width:150px;
	margin:0px;
	padding:0px;
	padding-top:9px;
	cursor:pointer;
}

/* Menüpunkte */

#navi_26 a.mainnavi_normal p{
	background-image:url(../images/artsys_navi_01_off.jpg);
	background-repeat:no-repeat;	
}

#navi_26 a:hover p, #navi_26 a.mainnavi_current p {
	background-image:url(../images/artsys_navi_01_on.jpg);
	background-repeat:no-repeat;	
}

#navi_12 a.mainnavi_normal p{
	background-image:url(../images/artsys_navi_02_off.jpg);
	background-repeat:no-repeat;
}

#navi_12 a:hover p, #navi_12 a.mainnavi_current p {
	background-image:url(../images/artsys_navi_02_on.jpg);
	background-repeat:no-repeat;	
}

#navi_9 a.mainnavi_normal p{
	background-image:url(../images/artsys_navi_03_off.jpg);
	background-repeat:no-repeat;	
}

#navi_9 a:hover p, #navi_9 a.mainnavi_current p {
	background-image:url(../images/artsys_navi_03_on.jpg);
	background-repeat:no-repeat;	
}

#navi_11 a.mainnavi_normal p{
	background-image:url(../images/artsys_navi_04_off.jpg);
	background-repeat:no-repeat;	
}

#navi_11 a:hover p, #navi_11 a.mainnavi_current p {
	background-image:url(../images/artsys_navi_04_on.jpg);
	background-repeat:no-repeat;	
}

#navi_27 a.mainnavi_normal p{
	background-image:url(../images/artsys_navi_05_off.jpg);
	background-repeat:no-repeat;
}

#navi_27 a:hover p, #navi_27 a.mainnavi_current p {
	background-image:url(../images/artsys_navi_05_on.jpg);
	background-repeat:no-repeat;	
}

/* Menu End */

#content_bg {
	position:relative;
	margin-left:21px;
	margin-top:20px;
	margin-bottom:2px;
	margin-right:23px;
	padding:0px;
	text-align:left;
}

#content_right {
	position:relative;
	margin:0px;
	width:200px;
	float:right;
	text-align:right;
}

#content_right_startseite {
	position:relative;
	top:0px;
	padding:0px;
	margin:0px;
	width:325px;
	float:right;
	text-align:right;
}


/* 
* Normaler Content: 
* -----------------------------------
* wird angezeigt, wenn kein Content auf der rechten Seite da ist
*/
#content {
	position:relative;
	margin:0px;
	padding-left:5px;
	padding-right:5px;
	width:auto;
}

/*
* wird angezeigt, wenn ein Submenu auf der rechten Seite da ist
*/
#content_left {
	position:relative;
	padding:0px;
	margin:0px;
	padding-left:5px;
	padding-right:5px;
	width:700px;
}

/*
* wird auf der Startseite angezeigt, wenn rechts auch Content zu sehen ist (zb News)
*/
#content_left_startseite {
	position:relative;
	padding:0px;
	margin:0px;
	padding-left:5px;
	padding-right:15px;
	width:570px;
	float:left;
}

.content h1, .csc-firstHeader {
	position:relative;
	text-align:left;
	padding:0px;
	margin:0px;
	margin-top:25px;
	margin-bottom:15px;
	color:#000066;
	font-size:13pt;
	text-decoration:none;
	border-bottom:1px solid #999;
/*	text-shadow:#000066 1px 0px 10px;*/
	width:auto;
	font-weight:900;
	padding-left:10px;
	padding-right:10px;	
	padding-bottom:10px;
}


.content h2 {
	position:relative;
	text-align:left;
	padding:0px;
	margin:0px;
	margin-top:25px;
	margin-bottom:10px;
	margin-left:10px;
	color:#000066;
	font-size:11pt;
	text-decoration:none;
/*	text-shadow:#000066 1px 0px 10px;*/
	width:auto;
	font-weight:900;
	padding-left:25px;
	padding-right:10px;	
	background-repeat:no-repeat;
	border:0px;
}

.content_01 h2 {
	background-image:url(../images/headline_2_01.jpg);	
}
.content_02 h2 {
	background-image:url(../images/headline_2_02.jpg);	
}
.content_03 h2 {
	background-image:url(../images/headline_2_03.jpg);	
}
.content_04 h2 {
	background-image:url(../images/headline_2_04.jpg);	
}
.content_05 h2 {
	background-image:url(../images/headline_2_05.jpg);	
}

.content p {
	margin:0px;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
}

.content {
	padding:0px;
	margin:0px;
	margin-top:10px;
	position:relative;
	top:0px;
	text-align:justify;
	margin-bottom:20px;
	font-size:9pt;
	letter-spacing:-0.001em;
}

.content a, #footer a{
	color:#444;
	text-decoration:none;
}

.content a:hover,#footer a:hover{
	color:#77a;
	text-decoration:none;
}

#content_right_startseite .content h1, #content_right .content h1 {
	background-repeat:no-repeat;
	border:0px;
	margin:0px;
	padding-left:25px;
	color:black;
}

#content_right_startseite .content_01 h1, #content_right .content_01 h1 {
	background-image:url(../images/headline_2_01.jpg);	
}
#content_right_startseite .content_01 h2, #content_right .content_01 h2 {
	background-image:url(../images/headline_2_02.jpg);	
}
#content_right_startseite .content_01 h3, #content_right .content_01 h3 {
	background-image:url(../images/headline_2_03.jpg);	
}
#content_right_startseite .content_01 h4, #content_right .content_01 h4 {
	background-image:url(../images/headline_2_04.jpg);	
}
#content_right_startseite .content_01 h5, #content_right .content_01 h5 {
	background-image:url(../images/headline_2_05.jpg);	
}


#submenu {
	padding:5px;
	padding-right:0px;
}
/* art of systems */
#submenu_26 h1{
	background-image:url(../images/submenu_header_bg_01.jpg);
	background-repeat:repeat-x;
	border:1px solid #092672;
}
#submenu_26 li.subHeaders {
	list-style-image:url(../images/subheader_list_01.jpg);
}

/* Systemhaus */
#submenu_12 h1{
	background-image:url(../images/submenu_header_bg_02.jpg);
	background-repeat:repeat-x;
	border:1px solid #5c7a18;
}
#submenu_12 li.subHeaders {
	list-style-image:url(../images/subheader_list_02.jpg);
}

/* Fachhandel */
#submenu_9 h1{
	background-image:url(../images/submenu_header_bg_03.jpg);
	background-repeat:repeat-x;
	border:1px solid #c26603;
}
#submenu_9 li.subHeaders {
	list-style-image:url(../images/subheader_list_03.jpg);
}

/* News/Presse */
#submenu_11 h1{
	background-image:url(../images/submenu_header_bg_04.jpg);
	background-repeat:repeat-x;
	border:1px solid #970303;
}
#submenu_11 li.subHeaders {
	list-style-image:url(../images/subheader_list_04.jpg);
}

/* Kontakt */
#submenu_27 h1{
	background-image:url(../images/submenu_header_bg_05.jpg);
	background-repeat:repeat-x;
	border:1px solid #654c6c;
}
#submenu_27 li.subHeaders {
	list-style-image:url(../images/subheader_list_05.jpg);
}

/* Kundenlogin */
#submenu_34 h1, #submenu_37 h1{
	background-image:url(../images/submenu_header_bg_01.jpg);
	background-repeat:repeat-x;
	border:1px solid #654c6c;
}
#submenu_34 li.subHeaders, #submenu_37 li.subHeaders {
	list-style-image:url(../images/subheader_list_01.jpg);
}


.submenu h1{
	text-align:left;
	height:34px;
	padding:0px;
	vertical-align:middle;
	margin:0px;
	color:white;
	text-decoration:none;
	font-weight:900;
	font-size:12pt;
}

.submenu h1 a {
	color:white;
	text-decoration:none;
}

.submenu h1 p {
	padding:0px;
	margin:0px;
	padding-top:7px;
	padding-left:20px;
}

.submenu ul{
	margin:0px;
	padding:0px;
}

.submenu li{
	text-align:left;
	list-style:none;
	background-image:url(../images/submenu_bg.jpg);
	background-repeat:repeat-x;	
}

.submenu li p{
	padding:0px;
	margin:0px;
	padding-top:9px;
	padding-left:20px;
	padding-bottom:8px;
	height:17px;
	display:block;
}

.submenu li a{
	margin:0px;
	font-size:10pt;
	font-weight:900;
	color:black;
	text-decoration:none;
	/*text-shadow:black 3px 0px 5px;*/
}

.submenu li a:hover{
	color:#999;
	text-decoration:underline;
	/*text-shadow:black 3px 0px 5px;*/
}

.submenu .active  a{
	text-decoration:underline;
}

#subHeaders {
	margin-top:5px;
}

#subHeaders li.subHeaders{
	background-image:none;
	list-style-position:outside;
	margin-left:40px;
	margin-bottom:2px;
	margin-top:2px;
}

#subHeaders li.subHeaders p{
	font-size:8pt;
	height:auto;
	padding:0px;
}

#subHeaders li.subHeaders p a{
	font-size:8pt;
	text-decoration:none;
	font-weight:500;
}


.clearer {
	clear:both;
}

#footer {
	position:relative;
	margin-top:50px;
	clear:both;
	border-top:1px solid #999;
	text-align:center;
	padding-top:5px;
}

#footer a {
	padding-right:15px;
	font-size:9pt;
}

/* Mailform */

fieldset.csc-mailform {
	border:0px;
	margin:0px;
	padding:0px;
	padding-left:10px;
}

div.mailform_line {
	vertical-align:top;
}

div.mailform_line label {
	display:block;
	width:150px;
	float:left;
}

div.mailform_line input[type="text"] {
	width:400px;
}

div.mailform_line textarea {
	width:400px;
}

ol.paragraph {
	margin:0px;
	padding-left:0px;
	margin-top:20px;
}

li.paragraph {
	list-style-type:decimal;
	list-style-image:url(../images/paragraph_h20.jpg);
	list-style-position:inside;
	font-size:11pt;
	font-weight:700;
	margin-top:15px;
	margin-bottom:15px;
	/*
	background-image:url(../images/paragraph_h25.jpg);
	background-position:-10px 0px;
	background-repeat:no-repeat;
	*/
}

li.paragraph p {
	margin-left:25px;
}

li.paragraph p, ol.paragraph ol.normal li {
	font-size:9pt;
	font-weight:500;
	margin-top:7px;
}

ol.normal {
	padding:0px;
	margin:0px;
	margin-left:15px;
	padding-left:20px;
}

ol.normal li {
	list-style-type:decimal;
	list-style-image:none;
	list-style-position:outside;
}

/* Extensions */

/* lz_gallery */

.lz_gallery_list_item {
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
	float:left;
	width:690px;
}

.lz_gallery_list_item .title, .tx-lzgallery-pi1 div#mainTitle {
	font-size:10pt;
	padding-bottom:2px;
	border-bottom:1px solid #aaa;
	margin-bottom:2px;
	font-weight:900;
	height:16px;	
}
.lz_gallery_list_item .preview {
	float:left;
	margin-right:10px;
}

.lz_gallery_list_item .preview img {
	padding:2px;
	border:1px solid #aaa;
	margin:2px;
	margin-top:0px;
}

.tx-lzgallery-pi1 .navigation {
	width:690px;
	height:20px;
	text-align:center;
}

.tx-lzgallery-pi1 .navItem {
	display:inline;
	margin:5px;
}

.tx-lzgallery-pi1 .filename {
	font-size:9pt;
	font-style:italic;
}