body 						{ margin: 0; padding: 0; width: 100%; height: 100%; background-color: #eee; text-align: center; }
hr 							{ display: none; }

#page 						{ margin: 1.2em auto; width: 820px; color: #404243; background: #eee url('../images/layout/middle.gif') repeat-y; text-align: left; }

#top 						{ text-align: right; background: url('../images/layout/top.gif') no-repeat; height:30px; }
.toplinks 					{ padding: 9px 10px 0 0;  }
.toplinks li				{ display: inline; padding: 3px 10px 4px 10px; font-size:10px; background-color:#fff; }
.toplinks li a				{ color: #999; }
#top div.search				{ display:block; width: 350px; float:left; }

#header 					{ position: relative; margin: 0 10px; height: 145px; color: #fff; border-bottom: 1px solid #fff; overflow: hidden; }
#header #brand 				{ position: absolute; top: 25px; left: 10px; width: 225px; height: 82px; color: #000; background: url('../images/cmwebdesign4you_brand.jpg') no-repeat; }

#header #image 				{ margin: 0 0 0 249px; padding:0; width: 551px; height: 146px; color: #fff; background-color: #404243; overflow: hidden; }

#navigation 				{ overflow: hidden; display: block; margin: 0 10px; background: #e6e6e6 url('../images/layout/tab.gif') 0 100% repeat-x; height: 2.95em; }
#navigation ul 				{ margin: 0 0 0 8px; display: inline; float: left; font-size: 100%; line-height: 1.5em; }
#navigation li 				{ display: block; margin: 0.2em 0 0 -1px; float: left; }
#navigation span 			{ display: block; float: left; }
#navigation a 				{ display: block; padding: 0.7em 1.5em 0.55em 3.6em; float: left; font-weight: bold; color: #5b5b5b; text-decoration: none; }
#navigation a 				{ background: url('../images/layout/tab.gif') 100% -120px no-repeat; }
#navigation .crnt 			{ background: #fff url('../images/layout/tab.gif') 0px 0px no-repeat; }
#navigation .crnt a 		{ background: url('../images/layout/tab.gif') 100% -60px no-repeat; }

#breadcrump 				{ margin: 5px 10px 0px; padding: 7px 0 0 15px; color: #404243; border: 1px solid #fff; border-width: 1px 0; }
#breadcrump a				{ color: #404243; }

#container 					{ margin: 20px 10px; padding: 7px 0 10px; color: #404243; border: 1px solid #fff; border-width: 1px 0; background: url('../gfx/border.gif') 570px 0 repeat-y; }
#container_full 			{ margin: 20px 10px; padding: 7px 0 10px; color: #404243; border: 1px solid #fff; border-width: 1px 0; background: none; }
#container #content 		{ float: left; display: inline; margin: 0 15px; width: 540px; }
#container_full #content 	{ margin: 0 15px; }
#container #sidebar 		{ float: left; display: inline; margin: 0 15px; width: 200px; }

#sidebar .box 				{ padding: 0 0 2em; margin: 0; }
#sidebar .box h3 			{ padding-top: 0; }

#footer 					{ padding: 2em 25px; background: url('../images/layout/bottom.gif') 0 100% no-repeat; text-align:center; color:#a1a1a1; }


/* MISC
--------------------------------------------------------------------------------------------------*/
.seperator 			{ display: block; margin: 0; padding: 0; height: 4em; border-style: none; background: #fff url('../images/layout/border.gif') 0 54% repeat-x; }
.totop 				{ text-align: right; }
.code 				{ padding: 15px; font: 120% courier new; border: 1px solid #a1a1a1; background: #f5f5f5; }
.label 				{ float: left; display: inline; margin: 2px 0; padding: 0; width: 200px; text-align: right; }
.value 				{ float: left; display: inline; margin: 2px 0 2px 40px; padding: 0; width: 500px; }
.legend 			{ margin: 3em 0 0; color: #69f;}
.legend dl 			{ background: none; }
.legend .label 		{ width: 40px; }
.legend .value 		{ margin: 2px 20px 2px 10px; width: 680px; }
.special 			{ color: #B60606; }
.small 				{ font-size:0.8em; }
.information 		{ padding: 15px; border: 1px solid green; background: #fffff1; }
.information strong { font-size: 120%; color: green; }
.error 				{ padding: 15px; border: 1px solid #B60606; background: #fffff1; }
.error strong 		{ font-size: 120%; color: #B60606; }
.header 			{ font-weight:bolder; background-color:#f5f5f5; }
.article 			{ padding: 0 0 1.2em; }
.edited 			{ color: #999; display: block; margin: 0 0 0.4em; padding: 0 0 0.1em; border-bottom: 1px solid #ccc; }
.logobox			{ margin-top: 100px; text-align:center; }
.logobox a			{ border: 0; }
.logobox img 		{ margin-left: 10px; margin-right:10px; border:0; }


/* TYPOGRAPHY
--------------------------------------------------------------------------------------------------*/
p									{ line-height:160%; margin-bottom:.8em; }
body								{ color:#404243; }
h2, h3, h4							{ font-family:georgia,times; font-weight:normal; }
h1									{ display:none /*#;*/ }
h2									{ font-size:28px; line-height:23px; color:#000; margin-bottom:.7em; }
h3									{ font-size:18px; line-height:inherit; margin-bottom:.3em; }
h4									{ font-size:12px; line-height:inherit; margin-bottom:.3em; font-weight:bold; }


/* TABLES
--------------------------------------------------------------------------------------------------*/
table, td 													{ font-size: 100%; background: #fff; }
table .even td 												{ background: #fff; }
table .odd td 												{ background: #f2f2f2; }
table .amount, table .date, table .status 					{ width: 100px; }
table .icon 												{ width: 20px; }
table icon img 												{ display: block; margin: 0 auto; }
tbody .amount 												{ text-align: right; }
td 															{ padding: 3px 5px; }
thead td, tbody .thead td 									{ padding: 5px; font-weight: bold; color: #333; background: #ddd; border-bottom: 1px solid #999; }
tbody td thead td 											{ padding:	2px; background: #efefef; }
td.appear 													{ padding:0; }
td.appear table 											{ margin:0 0 20px 0; border:1px solid #efefef; /*#06c*/	border-width: 0px 1px 1px 1px; }
tfoot .sum td 												{ font-weight: bold; border-top: 1px solid #999; }
table .focused, table .odd .focused, table .even .focused 	{ background: #edf5ff; }
th															{ vertical-align:top; width:200px; text-align:right; font-weight:normal; }


/* FORMS
-------------------------------------------------------------------------------------------------*/
form, fieldset 							{ margin: 0; padding: 0; border: none; }
input, select, textarea, button 		{ font: 0.9em/0.8em Verdana, Arial, Sans-Serif; }
input, select, textarea					{ border-top:1px solid #4d4848; border-left:1px solid #4d4848; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; }
textarea								{ line-height:11pt;}
.gui_form 								{ margin: 0; padding: 1em 0; }
.gui_field 								{ margin: 0 0 0.7em; white-space: nowrap; }
.gui_field label 						{ float: left; display: block; margin: 0 28px 0 0; padding: 0 0 0.2em; width: 152px; text-align: right; }
.gui_field label.required				{ font-weight:bold; }
.gui_field .readonly 					{ padding: 1px 2px; border: none; }
.gui_field input,.gui_field textarea 	{ margin: 0; padding: 2px; width: 300px; }
.gui_field select 						{ margin: 0 2px 0 0; width: 306px; }
.gui_field .s 							{ width: 60px; }
.gui_field .m 							{ width: 120px; }
.gui_field .l 							{ width: 230px; }
.gui_buttons 							{ margin: 1em 0 0 180px; width: 302px; height: 1.7em; }
.gui_button 							{ float: left; display: block; margin: 0 10px 0 0; }
.value_error							{ border-top:1px solid #cc0000; border-left:1px solid #cc0000; border-right:1px solid #ffb3b3; border-bottom:1px solid #ffb3b3;}
ul.errorlist							{ font-size:11px; color:red; display:inline; }
form table tr td 						{ position:relative; }




/* Sonstiges */
.field_txt{
	width:150px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	margin-right:10px;
}

.field_txt_area{
	width:390px;
	height:138px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; color:#666666;
	margin-right:5px;
	overflow:auto;
	padding:2px; 
}

.button{
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#666666;
	font-size:10px; 
}
