/* GENERAL SETTINGS */
html, body				{ margin: 0; border: 0; padding: 0; font-family: comic sans ms,sans-serif; font-size: 10pt; color: #303060; background: url(images/page_back.gif) repeat-x #abb6de; width: 100%; }
img						{ border: 0; }
a						{ color: #702020; text-decoration: none; }
a:hover					{ color: #1e1e3e; text-decoration: underline; }
td						{ font-size: 9pt; vertical-align: top; padding: 2px; color: #303060; font-family: comic sans ms,sans-serif; }
input, textarea, select	{ background: #303060; border: 1px solid #EEE; color: #fff; font-family: comic sans ms,sans-serif; font-size: 10pt; padding: 2px; }


#wrapper				{ position: relative; width: 995px; left: 50%; margin-left: -497px }

#head_left				{ width: 702px; height: 185px; float: left; }
#head_right				{ width: 293px; height: 185px; float: left; background: url(images/head_right.jpg) no-repeat; }
#head_navi				{ text-align: right; font-size: 10px; color: #c7c7cf; margin: 10px 20px 0 0; }
#head_navi a			{ color: #c7c7cf; }
#login					{ width: 250px; height: 110px; margin: 38px 0 0 9px; color: #c7c7cf; }

.login_input			{ font-size: 10px; }

#navi					{ clear: both; width: 995px; height: 73px; background: url(images/head_bottom.gif) no-repeat; }
#navi ul				{ margin: 0 0 0 23px; padding: 0; list-style-type: none; }
#navi li				{ margin: 0; padding: 0; float: left; }
#navi a					{ display: block; width: 136px; height: 27px; background: url(images/navi_back_off.gif) no-repeat; padding-top: 6px; color: #fff; text-decoration:none; font-size:8pt; text-align: center; }
#navi a:hover 			{ background: url(images/navi_back_on.gif) no-repeat; }

#showbox				{ width: 995px; height: 149px; background: url(images/flashdiv_back.gif) repeat-x; margin-bottom: 17px; }
#showbox_left			{ float: left; width: 10px; height: 149px; background: url(images/flashdiv_left.gif) no-repeat; }
#showbox_right			{ float: right; width: 10px; height: 149px; background: url(images/flashdiv_right.gif) no-repeat; }
#showbox_content		{ float: left; padding: 14px 9px 0 8px; }

#content				{ border: 1px solid #303161; padding: 30px; margin-bottom: 17px; }
#content_registration	{ background: url(images/content_registration_back.jpg) no-repeat top right; border: 1px solid #303161; padding: 30px; margin-bottom: 17px; }

#bottom					{ height: 27px; background: #1e1e3e; border-top: 0; border-bottom: 3px solid #525291; border-left: 0; border-right: 0; color: #c7c7cf; font-size: 10px; margin-bottom: 5px; }
#bottom_left			{ float: left; padding: 7px 10px; width: 350px; }
#bottom_right			{ float: right; padding: 7px 10px; width: 350px; text-align: right; }
#bottom a				{ color: #c7c7cf; }

#categories				{ position: relative; width: 200px; background: #1e1e3e; float: left; margin-right: 20px; padding: 2px 2px 1px 2px; z-index: 8; }
#categories ul			{ margin: 0; padding: 0px; list-style-type: none; }
#categories li			{ margin: 0; width: 190px; background: #93a0c5; padding: 5px; margin-bottom: 1px; }
#categories a			{ color: #fff; text-decoration: none; font-size: 12px; font-weight: bold; }
#categories a:hover		{ color: #1e1e3e; }

#cards					{ width: 690px; }
#cards td				{ padding: 5px; }

#char					{ position: relative; height: 150px; right: 0px; margin-top: -30px; text-align: right; z-index: 1; }

#clear					{ clear: both; height: 1em; }

#userarea				{ padding: 20px 0; }
#userarea td			{ background: #1e1e3e; padding: 5px 20px;}
#userarea a				{ color: #fff; }

#userarea_table table	{ border-collapse: collapse; border: 0; width: 800px; }
#userarea_table td		{ padding: 5px; border: 1px solid #1e1e3e; }

#card_bottom			{ padding: 10px; background: #ffffff; border-top: 1px solid #000; text-align: center; color: #303060; }
#card_bottom_left		{ float: left; }
#card_bottom_right		{ float: right; text-align: right; }

#why_content			{ background: #abb6de; padding: 30px; border: 1px solid #7a85ad; }
#why_page				{ padding: 30px;}

/* KLASSEN */
.bold					{ font-weight: bold; }
.title					{ color: #1e1e3e; font-weight: bold; }
.quote					{ color: #8d3f1d; font-style: italic; font-size: 8pt; background: #050505; border: 1px dashed #515151; padding: 5px; }
.error					{ font-weight: bold; color: #aa0000; }
.success				{ font-weight: bold; color: #00aa00; }
.small					{ font-size: 10px; }
.name					{ font-size: 7pt; }
.small_title			{ font-weight: bold; color: #fff; }

.orderButton			{ border: 0; background: #abb6de; }

a.link2					{ color: #fff; }
a.link2:hover			{ color: #fff; }

/* Design */

/* #wrapper				{ width: 95%; margin: 0 auto; } 
#wrapper				{ position: relative; width: 95%; margin: 0 30px; }

#login					{ width: 307px; height: 162px; background: url(images/login_back.jpg) no-repeat; color: #fff; }

#head					{ height: 167px; }
#head_left				{ float: left; }
#head_right				{ float: right; }

#content				{ position: relative; width: 923px; min-height: 100px; padding: 15px 3px 20px 3px; z-index: 7; }
#content_text			{ float: left; }

#showbox				{ width: 589px; padding: 3px; border: 3px solid #52628b; float: left; }
#showbox td				{ width: 140px; height: 105px; text-align: center; }

#categories				{ position: relative; width: 200px; background: #1e1e3e; float: left; margin-right: 20px; padding: 2px 2px 1px 2px; z-index: 8; }
#categories ul			{ margin: 0; padding: 0px; list-style-type: none; }
#categories li			{ margin: 0; width: 190px; background: #93a0c5; padding: 5px; margin-bottom: 1px; }
#categories a			{ color: #fff; text-decoration: none; font-size: 10px; font-weight: bold; }
#categories a:hover		{ color: #1e1e3e; }

#cards					{ width: 690px; }
#cards td				{ padding: 5px; }

#bottom					{ height: 27px; background: #1e1e3e; border-top: 0; border-bottom: 3px solid #525291; border-left: 0; border-right: 0; color: #c7c7cf; font-size: 9px; }
#bottom_left			{ float: left; padding: 7px 10px; width: 350px; }
#bottom_right			{ float: right; padding: 7px 10px; width: 350px; text-align: right; }
#bottom a				{ color: #c7c7cf; }

#char					{ position: relative; height: 150px; right: 0px; margin-top: -30px; text-align: right; z-index: 1; }

#clear					{ clear: both; height: 1em; }

#userarea				{ padding: 20px 0; }
#userarea td			{ background: #1e1e3e; padding: 5px 20px;}
#userarea a				{ color: #fff; }

#userarea_table table	{ border-collapse: collapse; border: 0; width: 800px; }
#userarea_table td		{ padding: 5px; border: 1px solid #1e1e3e; }

#card_bottom			{ padding: 10px; background: #ffffff; border-top: 1px solid #000; text-align: center; color: #303060; }

/* Navi width: 922px 
#navi					{ position: relative; height: 27px; background: #1e1e3e; border-top: 3px solid #1e1e3e; border-bottom: 3px solid #1e1e3e; border-left: 0; border-right: 0; z-index: 9;}
#navi ul				{ margin: 0; padding: 0 2px 0 3px; list-style-type: none; }
#navi li				{ margin: 0; padding: 0 1px 0 0; float:left; }
#navi a					{ display: block; width: 130px; height: 27px; background: url(images/navi_back_off.gif) no-repeat; padding-top: 6px; color: #fff; text-decoration:none; font-size:8pt; text-align: center; }
#navi a:hover 			{ background: url(images/navi_back_on.gif) no-repeat; }

*/