/* CSS Document */

html {
	height:100%;
	scrolling:yes;
	overflow:-moz-scrollbars-vertical;
}

body {
	margin:0;
	padding:0;
	text-align:left;
	background:url(../img/bg_all.gif) left top repeat-x;
}

body, td {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#373737;
}

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

img {
	border:none;
}

/*a:hover img {
	filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
}*/

a, a:visited {
	color:#b00704;
	text-decoration:underline;
}

a:hover {
	color:#222222;
}



h1 {
	/*font-family:Segoe Condensed, Arial, Helvetica, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#b00704;
	/*font-weight:bold;*/
	margin:0;
	padding:0 0 7px 0;
}

h2 {
	font-size:18px;
	font-style:normal;
	margin:0 0 7px 0;
}

h3 {
	font-size:12px;
	color:#b00704;
	font-weight:bold;
	margin:0;
	padding:0;
}

ul.ul_list {
	padding:0 0 0 20px;	
}

ul.ul_list li {
	list-style:disc;

}

#container {
	width:900px;
	height:800px;
	background:#ebebeb;
	margin:10px auto 5px auto;
	border:1px solid #ffffff;
	/*background:url(../img/bg.jpg) left top no-repeat;*/
}

/*################################################## LEFT #############################*/

#container #left_box {
	float:left;
	width:611px;
	height:800px;
}

#left_box #header {
	clear:both;
	width:611px;
	height:281px;
	background:url(../img/header01.jpg) left top no-repeat;
}

#left_box #navi {
	clear:both;
	width:611px;
	height:30px;
	border-bottom:1px solid #d7d7d7;
	background:#ffffff;
}

#left_box #navi ul {
	list-style:none;
	height:30px;
	background:url(../img/bg_navi.gif) right top no-repeat;
}

#left_box #navi ul li {
	float:left;
}

#left_box #navi ul li a, #navi ul li a:hover {
	float:left;
	color:#373737;
	font-weight:bold;
	/*padding:8px 15px 6px 15px;*/
	/*padding:8px 12px 6px 12px;*/
	padding:8px 8px 6px 8px;
	text-decoration:none;
	border-left:1px solid #d8d8d8;
	border-right:1px solid #f0f0f0;
}

#left_box #navi ul li a:hover {
	color:#b00704;
	background:url(../img/bg_navi_.gif) left top repeat-x;
}

#left_box #content {
	/*width:611px;*/
	/*height:488px;*/
	padding:25px 24px 0 25px;
	width:562px;
	height:463px;
	background:url(../img/bg_content.gif) left top no-repeat;
}

#left_box #content span.pages {
	font-size:12px;
	color:#b00704;
}

#left_box #content span.pages a {
	text-decoration:none;
}

#left_box #content span.pages a.inactive {
	color:#222222;
	font-weight:bold;
	text-decoration:none;
}

#left_box #content span.pages a:hover {
	text-decoration:underline;
}

#content ul.showcase,
#content ul.showcase_exhibition,
#content ul.showcase_catalog {
	/*width:562px;*/
	/*height:197px;*/
	background:#FFFFFF;
	margin:0 0 12px 0;
	padding:4px 0 8px 10px;
	width:552px;
	height:190px;
}

#content ul.showcase_exhibition {
	height:119px;
}

#content ul.showcase_catalog {
	height:140px;	
}

#content ul.showcase li,
#content ul.showcase_exhibition li,
#content ul.showcase_catalog li {
	float:left;
	text-align:right;
	padding:0 10px 0 0;
	width:128px;
	/*background:#009900;*/
	font-size:11px;
	color:#373737;
}

#content ul.showcase_catalog li {
	width:530px;
	height:130px;
	text-align:left;
}

#content ul.showcase li a img,
#content ul.showcase_exhibition li a img,
#content ul.showcase_catalog li a img {
	border:1px solid #d7d7d7;
	margin:0 0 1px 0;
}

#content ul.showcase li a:hover img,
#content ul.showcase_exhibition li a:hover img,
#content ul.showcase_catalog li a:hover img {
	border:1px solid #b00704;
	text-decoration:none;
}

#content ul.showcase li a,
#content ul.showcase_exhibition li a,
#content ul.showcase_catalog li a img {
	color:#373737;
	text-decoration:none;
}

#content ul.showcase li a:hover,
#content ul.showcase_exhibition li a:hover,
#content ul.showcase_catalog li a:hover img {
	color:#b00704;
	text-decoration:none;
}

/*################################################## /LEFT #############################*/

/*################################################## RIGHT #############################*/

#container #right_box {
	float:right;
	/*width:289px;*/
	/*height:800px;*/
	padding:342px 64px 0 25px;
	width:200px;
	height:460px;
	background:url(../img/bg_right_box.gif) left top no-repeat;
	font-size:12px;
}

#container #right_box.impressum {
	background:url(../img/bg_right_impressum.jpg) left top no-repeat;
}

#container #right_box h1 {
	font-size:20px;
	color:#373737;
}

#container #right_box img,
img.img_border {
	border:1px solid #868686;
}

#container #right_box p.info {
	display:block;
	margin:0;
	padding:0 0 15px 0;
}

#container #right_box p.mehr_info {
	margin:0;
	padding:10px 0 0 0;
	text-align:right;
}

/*################################################## /RIGHT #############################*/

/*################################################## CATALOG #############################*/

#content ul.showcase_catalog li .catalog_left,
#content ul.showcase_catalog li .catalog_right {
	float:left;
}

#content ul.showcase_catalog li .catalog_right {
	padding:5px 0 0 10px;	
	font-size:12px;
}

/*################################################# /CATALOG #############################*/

/*################################################## FOOTER #############################*/

#footer {
	width:900px;
	margin:0 auto 0 auto;
	padding:0 0 15px 0;
	font-size:11px;
	color:#FFFFFF;
}

#footer a,
äfooter a:visited {
	font-size:11px;
	color:#FFFFFF;
}

#footer a:hover {
	color:#c8c8c8;
}

/*################################################## /FOOTER #############################*/

span.links {
	line-height:25px;
}

/* ############################################ FORMULAR ######################### */


table#formular {
	margin:20px 0 0 0;
	background:#FFFFFF;
}

table#formular td {
	/*color:#b00704;*/
	font-size:11px;
}

.formularfeld {
	border:1px solid #5b5f62;
	background:#efefef;
	width:100%;
}

.formularfeld:hover {
	background:#ffffff;
}

.formularfeld:focus {
	background:#ffffff;
	border:1px solid #b00704;
}

.formularbutton,
.formularbutton_login {
	background:url(../img/btn.gif) left top no-repeat;
	height:42px;
	width:100px;
	border:none;
}

.formularbutton:hover {
	background:url(../img/btn.gif) left -42px no-repeat;
}

.formularbutton_login {
	background:url(../img/login.gif) left top no-repeat;	
}

.formularbutton_login:hover {
	background:url(../img/login.gif) left -42px no-repeat;
}

/* ########################################### /FORMULAR ######################### */