html, body { margin: 0px; padding: 0px; font-family: 'Arial', sans-serif; font-size: 10pt; color: #a1a0a5; background: url('../img/main_bg.jpg') repeat; font-weight: normal; }
div, ul, li, p { margin: 0px; padding: 0px; }
img { padding: 0px; margin: 0px; border: 0px; }
h2 { padding: 0px; font-size: 110%; font-weight: bold; color: #4e4e50; margin: 0px 0px 5px 0px;}
	h2.subsite_header { margin-right: 20px; padding: 2px 0px 2px 0px; text-align: right; color: #f47a20;}
a { color: #4e4e50; text-decoration: underline; }
input, select, textarea { background: #ccc8c8; font-family: 'Arial', sans-serif; font-size: 10pt; }
dt { font-weight: bold;margin-top: 3px; }
dd { margin-left: 15px; }
ol { margin: 5px 0px 5px 25px; padding: 0px; }
	ol li { margin: 3px 0px; padding: 0px; }
.text_img_right { border: solid 1px #f47a20; float: right; clear: right; margin: 5px 0px 10px 10px; }
.text_img { border: solid 1px #f47a20; margin: 5px 0px 5px 0px; }
.text_img_left { border: solid 1px #f47a20; float: left; clear: left; margin: 5px 10px 10px 0px; }
.date { color: #f47a20; }

#body_container { text-align: center; vertical-align: middle; }
	#container { margin: auto; text-align: left; width: 975px; height: 775px; position: relative; }
		#content_container { background: url(../img/main_fill.jpg) repeat-y; height: 500px; }

			#header { height: 125px; color: inherit; background: url('../img/main_header.jpg') no-repeat center; position: relative; }
				#header h1 { overflow: hidden; text-indent: -2048px; }
				#header a { position: absolute; top: 35px; right: 44px; display: block; width: 80px; height: 80px; text-decoration: none; }
			#main_nav { display: block; position: absolute; top: 140px; left: 60px; padding: 0px; height: 476px; list-style-type: none; text-indent: 0px; margin: 0px; }
				#main_nav li { display: block; width: 185px; height: 35px; overflow: hidden; margin-bottom: 1px; margin-left: 0px; }
					#main_nav li a { display: block; width: 185px; height: 35px; color: #a1a0a5; list-style-type: none; text-indent: -2048px; margin: 0px; }
					#main_nav li a:hover { color: #f47a20; }
					li.home       { background-image: url('../img/main_btn_home_norm.jpg'); }
					li.kranzl     { background-image: url('../img/main_btn_kranzl_norm.jpg'); }
					li.news       { background-image: url('../img/main_btn_news_norm.jpg'); }
					li.produkte   { background-image: url('../img/main_btn_prod_norm.jpg'); }
					li.referenzen { background-image: url('../img/main_btn_ref_norm.jpg'); }
					li.kontakt    { background-image: url('../img/main_btn_kontakt_norm.jpg'); }
					li.anfahrt    { background-image: url('../img/main_btn_anfahrt_norm.jpg'); position: absolute; left: 0px; bottom: 0px; padding: 0px;}
					li.home_hover       { background-image: url('../img/main_btn_home_act.jpg'); }
					li.kranzl_hover     { background-image: url('../img/main_btn_kranzl_act.jpg'); }
					li.news_hover       { background-image: url('../img/main_btn_news_act.jpg'); }
					li.produkte_hover   { background-image: url('../img/main_btn_prod_act.jpg'); }
					li.referenzen_hover { background-image: url('../img/main_btn_ref_act.jpg'); }
					li.kontakt_hover    { background-image: url('../img/main_btn_kontakt_act.jpg'); }
					li.anfahrt_hover    { background-image: url('../img/main_btn_anfahrt_act.jpg'); position: absolute; left: 0px; bottom: 0px; padding: 0px;}
			.main_nav_footer { position: absolute; left: 60px; top: 356px; width: 185px; height: 223px; background: url('../img/main_nav_bg.jpg') repeat-y center; }
				.main_nav_footer img { position: absolute; left: 10px; }
				.main_nav_footer .infobox { position: absolute; left: 40px; top: 158px; width: 140px; height: 54px; color: #4c4d4e; line-height: 20px; visibility: hidden; }
				
			#info_bar { left: 265px; top: 140px; position: absolute; width: 175px; height: 475px; background-color: #a1a0a5; text-align: left; overflow: hidden; }
				.ref_menu { width: 155px; height: auto; text-align: left; margin: 0px; }
				.ref_menu a, .ref_menu a:hover { text-decoration: none; display: block; padding: 3px; }
				.ref_menu a       { background: #a1a0a5; color: #4e4e50; margin-left: 0px; border-bottom: solid 1px #cfcccb; }
				.ref_menu a:hover { background: #cfcccb; color: #4e4e50; }
				.ref_menu .level0 { padding-left: 0px; font-weight: bold; color: #4e4e50; margin-left: 10px; padding: 5px 3px; margin-top: 10px; }
				/*.ref_menu .level0 a       { padding-left: 10px; font-weight: bold; background: #f47a20; color: #4e4e50; margin-left: 0px; padding: 3px; }
				.ref_menu .level0 a:hover { padding-left: 10px; font-weight: bold; background: #a1a0a5; color: black; margin-left: 0px; padding: 3px; }*/
				.ref_menu .level1 a       { padding-left: 23px; color: #cfcccb; }
				.ref_menu .level1 a:hover { padding-left: 23px; color: #a1a0a5; background-image: url('../img/kranzl_cube.jpg'); background-repeat: no-repeat;background-position: center right; }
				.ref_menu .level2 a       { padding-left: 33px; }
				.ref_menu .level2 a:hover { padding-left: 33px; }
				.ref_menu .level3 a       { padding-left: 43px; }
				.ref_menu .level3 a:hover { padding-left: 43px; }

				.contact_infobar { width: 175px; height: 475px; margin: auto; background: url(../img/flash_kontakt.jpg) no-repeat center; }
				.news_infobar { width: 175px; height: 475px; margin: 0px; background: url(../img/flash_news.jpg) no-repeat center; position: relative; }
				.produkt_infobar { width: 175px; height: 475px; margin: 0px; background: url(../img/flash_arbeiten.jpg) no-repeat center; position: relative; }
				.link_infobar { width: 175px; height: 475px; margin: auto; background: url(../img/flash_kunden.jpg) no-repeat center; }
				.ueber_infobar { width: 175px; height: 475px; margin: auto; background: url(../img/flash_kranzl.jpg) no-repeat center; }
				
			#main_content { left: 460px; top: 140px; height: 485px; width: 490px; position: absolute; background: url(../img/main_corner.jpg) no-repeat bottom right; padding: 0px;}
				.welcome_message { margin: 0px; }
				.welcome_message p { margin: 5px 18px 5px 0px; }
				.site_ueber_block { margin-right: 20px;}
				.site_ueber_block p { margin-bottom: 5px; }
			#main_footer { background: url(../img/main_footer.jpg) no-repeat center; height: 60px; text-align: right; list-style-type: none; position: relative; }
				#main_footer li { display: inline; height: 15px; position: absolute; overflow: hidden; bottom: 12px; }
					#main_footer li a { display: block; text-indent: 1024px; overflow: hidden; }
					li.impressum { right: 352px; width: 70px; }
					li.recht     { right: 226px; width: 125px; }
					li.nutzung   { right: 90px; width: 135px; }
					li.login     { right: 54px; width: 35px; }
			#main_reflection { background: url(../img/main_reflection.jpg) no-repeat top; height: 90px; }
			
			.welcome_info { position: absolute; bottom: 10px; right: 20px; width: 470px; }
				.info_container { display: inline; width: 225px; float: left; height: 140px; position: relative; background: #f47a20 no-repeat right center; overflow: hidden; }
					.info_container .img_box { width: 200px; height: 140px; background-repeat: no-repeat; background-position: center; position: relative; text-align: right; width: 200px; }
					.info_container .img_box .text { background: url(../img/semi_trans_white.png); position: absolute; bottom: 0px; right: 0px; width: 200px; padding: 3px 3px 3px 0px;}
					.info_container a { color: #4e4e50; text-decoration: none; display: block; }
			
			.ref_info { position: absolute; bottom: 10px; right: 0px; width: 490px; }
				.ref_info .info_container {margin: 10px 20px 0px 0px; float: left; display: inline; }
			.ref_front { position: absolute; top: 20px; right: 20px; width: 470px; background: #cfcccb; }
			.ref_desc_text { color: #596065; margin: 5px 5px 0px 0px; width: 230px; float: right; }
				.ref_desc_text p {margin: 5px;}
				
			.ref_overview { position: absolute; bottom: 10px; right: 0px; width: 490px; height: 440px; }
				.ref_overview .info_container {margin: 0px 20px 10px 0px; }
				.ref_overview .page_nav_box { right: 25px; bottom: 0px; }

			.ref_front { position: absolute; top: 35px; right: 20px; width: 470px; background: #cfcccb; }
			.ref_desc_text { color: #596065; margin: 5px 5px 0px 0px; width: 230px; float: right; }
				.ref_desc_text p {margin: 5px;}
				
			.contact_form { display: block; width: 475px; margin: 5px 0px 0px 0px; padding: 0px; color: black; }
				.contact_form div { margin-bottom: 5px; text-align: right; }
				.contact_form label { display: block; float: left; width: 100px; text-align: right; margin-right: 5px; color: #4e4e50; }
				.contact_form .wide { float: none; width: auto; display: block; text-align: left; margin-left: 110px; margin-bottom: 5px; }
				.contact_form .single { margin-left: 105px; }
				.contact_form input , .contact_form select, .contact_form textarea { width: 361px; }
				.contact_form .partial { width: 118px; }
				.contact_form .radio { width: auto; background: none; }
				.contact_form input.image {margin: 15px 0px 15px 110px; height: 16px; width: 80px; }
				
			.form_error_box strong { display: block; width: 100px; float: left; text-align: right; margin-right: 5px; color: #f47a20; }
			.form_error_box ul { display: block; width: 300px; list-style-type: square; list-style-position: inside; margin-left: 105px;}
			.form_success_box { display: block; margin-left: 105px; margin-top: 10px; }
			.form_success_box strong { color: #f47a20; }
			
			.page_nav_box { position: absolute; right: 0px; bottom: 0px; }
			.page_nav_box .page_number { width: auto; height: 15px; vertical-align: top; }
		
		.news_container { width: 550px; position: absolute; right: 20px; height: 475px; }
			.news_entry { color: black; background: #cfcccb; margin-top: 20px; height: 80px; position: relative; text-align: left; }
				.news_entry p { margin-top: 3px; margin-left: 130px; }
				.news_entry div.title { padding-top: 10px; margin-left: 130px; text-decoration: none; }
				.news_entry div.title a { text-decoration: none; }
				.news_entry .subtitle { width: 370px; margin-left: 130px; height: 45px; }
				.news_img { /*background: url(../img/no_image.jpg) no-repeat top right;*/ background: white; width: 100px; border: solid 10px #a1a0a5; float: left; clear: left; }
					.news_img a { display: block; width: 100px; height: 60px; }
				.file_btn { display: block; position: absolute; right: 10px; bottom: 10px; height: 16px; }
				.file_btn a { margin-left: 5px; float: right; }
			.news_view_container { width: 550px; position: absolute; right: 20px; height: 475px; background: transparent;}
				.news_view_img_container { position: absolute; left: 0px; top: 0px; }
					.news_img_entry { margin-top: 20px; height: 80px; position: relative; width: 120px; }
					.news_img_entry a { display: block;  width: 100px; height: 60px;}
				.news_view_mainimage_container { width: 470px; height: 320px; margin-left: 80px; }
					.news_view_mainimage_container a { width: 470px; height: 320px; display: block; }
				.news_detail_text { margin-left: 80px; position: relative; height: 155px; overflow: hidden; }
					.news_detail_text strong { font-size: 120%; }
				.news_attachment { position: absolute; right: 0px; bottom: 0px; }
				
			.gal_nav_box { position: absolute; right: 20px; bottom: 5px; }
			
		.links_container { width: 470px; height: 475px; position: relative; }
		.links_container ul { list-style-type: none; margin: 0px; padding: 0px; text-indent: 0px; }
		.links_container ul li { display: block; margin: 0px 0px 1px 0px; padding: 7px 0px 0px 5px; position: relative; border-left: solid 20px #f47a20; background-color: #cfcccb; overflow: hidden;	}
		.links_container ul li div.entry { width: 445px; height: 23px; }
		.links_container ul li p strong { color: #4c4d4e; }
		.links_container ul li div.link_btn_box { position: absolute; right: 1px; top: 1px; float: right; }
			div.link_btn_box img { margin-left: 1px; }
		
/* *** admin login *** */
#login_form { width: 155px; margin: 10px; }
#login_form div { margin-bottom: 5px; color: #4c4d4e; }
#login_form label { display: block; text-align: left; }
#login_form input { width: 155px; }
#login_form input.submit { width: 50px; color: inherit; background: #f47a20; }


/** *** admin content *** **/
/*
#admin_menu { width: 155px; text-align: left; margin: auto; margin-top: 10px;}
#admin_menu div { margin: 5px 0px; }
#admin_menu div p { font-weight: bold; color: #4c4d4e; background: #f47a20; padding: 3px 0px 3px 3px; margin: 5px 0px; }
#admin_menu div a { margin: 3px 0px 3px 3px; display: block; }
*/

#admin_content { ; }

.admin_form { display: block; width: 475px; height: 465px; position: relative; }
.admin_form div { margin-bottom: 5px; clear: left; }
.admin_form label { float: left; text-align: right; width: 65px; margin: 0px; }
.admin_form span.label { float: left; text-align: right; width: 65px; margin-right: 10px;}
.admin_form input, .admin_form textarea, .admin_form select { width: 390px; margin-left: 10px; }
.admin_form textarea { height: 30px; }
.admin_form input.image { width: auto; height: auto; }
.admin_form div.image { margin-left: 78px; border: solid 1px #f47a20; position: relative;  background-position: center; background-repeat: no-repeat; width: 100px; height: 60px; }
.admin_form div.image a { text-decoration: none; width: 84px; height: 16px; position: absolute; bottom: 0px; left: 0px; background: url(../img/semi_trans_white.png) repeat;}
.admin_form div.image a.image { position: absolute; right: 0px; left:auto;  top: auto; width: 16px; height: 16px; display: block; }
.admin_form div.image input.image { position: absolute; right: 0px; bottom: 0px; }
.admin_form div.multiple { clear: none; float: left; margin: 0px 10px 0px 0px; }
.admin_form div.vertical { margin: 0px 0px 5px 0px; }
.admin_form div.multi_image_box { margin-left: 78px; width: 390px; height: 60px;}
.admin_form div.buttons { margin-top: 0px !important; margin-top: 2px; padding: 0px; text-align: right; height: 16px; overflow: hidden; width: 465px; }
.admin_form div.buttons input { margin: 0px 0px 0px 2px; float: right; }
.admin_form div.buttons a { float: left;}

.admin_form .form_hint { margin-left: 78px; }

#admin_home_edit textarea { height: 250px; }
#admin_link_form textarea { height: 100px; }

#admin_ref_form label { width: 90px; }
#admin_ref_form input, #admin_ref_form textarea, #admin_ref_form select { width: 255px; }
#admin_ref_form textarea { height: 100px; }
#admin_ref_form input.image { width: auto; }
#admin_ref_form div.image { margin-left: 103px; }
#admin_help { padding-right: 10px; }
	#admin_help p { margin-bottom: 5px; }

#selMenu {margin-left: 22px; width: 135px; }
.admin_table { width: 470px; border-collapse: collapse; table-layout: fixed; border: solid 1px #cccccc; margin: 0px; padding: 0px; font-size: 10pt; }
	.admin_table th { font-weight: bold; text-align: left; font-size: 105%;}
	.admin_table td { font-weight: normal; padding: 3px; text-align: left; overflow: hidden; }
	.admin_table th img { margin: 3px; }
	.admin_table td img { margin-left: 1px; }
	.admin_table th span { margin: 3px; }
	.admin_table .head_row { background: #cccccc; }
	
	.col_id { width: 35px; }
	.col_title { ; }
	.col_image { width: 22px; }
	.col_images { width: 22px; }
	.col_texte { width: 22px; }
	.col_front { width: 22px; }
	.col_home {  width: 22px; }
	.col_active { width: 22px; }
	.col_edit { width: 22px; }
	.col_delete { width: 22px; }
	.col_sort { width: 22px; }
	.col_info { width: 22px; }

	.admin_nav_box { position: absolute; right: 20px; bottom: 10px; }
	.admin_nav_box .page_number { height: 16px; width: auto; vertical-align: top; display: block; float: left; }
	.admin_nav_box a, .admin_nav_box img { display: block; float: left; }
	
	.admin_help_box { position: absolute; left: 0px; bottom: 10px; }
		.admin_help_box #help { position: absolute; bottom: 17px; left: 0px; border: solid 1px #f47a20; visibility: hidden; width: 300px !important; width: 302px; background-color: #fcf6f1; }
		.admin_help_box h1 { font-size: 1em; color: black; margin: 0px 0px 5px 0px; padding: 2px; background: #f47a20; }
		.admin_help_box p { margin: 3px; }
		.admin_help_box dl { margin: 10px 3px; }
		.admin_help_box dt { margin: 0px; float: left; clear: left; width: 25px; padding: 0px; }
		.admin_help_box dd { margin: 0px; float: left; display: block; height: 25px; width: auto !important; min-width: 265px; width: 265px; }


/*ADMIN CAT HAUPTKATEGORIEN*/
tr.main_cat {background-color: #f47a20; color: #4c4d4e; }

/**

dunkelgrau:	#4c4d4e
mittelgrau:	#a1a0a5
hellgrau:	
orange:		#f47a20
bg content: #fcf6f1

**/