/* ==== COMMON SETTINGS ==== */
* 		{ margin: 0; padding: 0; }
body	{ font-family: Arial, Helvetica, sans-serif; background: #000 url('../img/body.jpg') top center no-repeat; }
h1		{ font: 1.4em Georgia,Times New Roman,serif; color: #daac16; margin-bottom: 10px; }
h2		{ font: 1.0em Arial, Helvetica, sans-serif; color: #ccc; margin-bottom: 10px; }
h3		{ font: 1.0em Arial, Helvetica, sans-serif; color: #daac16; margin-bottom: 10px; }
p		{ font-size: 0.8em; color: #ccc; margin-bottom: 15px; line-height: 18px; }
a		{ text-decoration: none; color: #45A4D0; }
a:hover	{ text-decoration: underline; color: #45A4D0; }
.left	{ float: left; }
.right	{ float: right; }

/* ==== PAGE POSITIONING ==== */
#wrapper	{ margin: auto; display: block; width: 950px; }
#header		{ display: block; width: 950px; height: 100px; background: transparent url('../img/header_btm.png') center bottom no-repeat; }
#slider 	{ position: relative; display: block; height: 200px; overflow: hidden; padding: 0 50px; background: transparent url('../img/wrapper_bg.png') center center repeat-y; }
#navigation { display: block; padding: 0 50px; background: transparent url('../img/wrapper_bg.png') center center repeat-y; }
#main 		{ display: block; padding: 30px 50px; background: transparent url('../img/wrapper_bg.png') center center repeat-y; }
#footer		{ display: block; height: 45px; background: transparent url('../img/footer_top.png') left top no-repeat; }

/* ---- Header ---- */
#header .logo		{ margin: 25px 0 0 50px; }

/* ---- Slider ---- */
#slider ul			{ list-style-type: none; }
#slider li			{ width: 850px; height: 200px; overflow: hidden; }
#slider .typolight	{ background: transparent url('../img/slider2.jpg') 0 0 no-repeat; }
#slider .typolight a{ display: block; width: 100%; height: 100%; text-indent: -3000px; }
#slider .spider		{ background: transparent url('../img/slider3.jpg') 0 0 no-repeat; }
#slider .spider a 	{ display: block; width: 100%; height: 100%; text-indent: -3000px; }
#slider h2			{ font: 1.4em Georgia,Times New Roman,serif; color: #daac16; margin: 30px 0 10px 470px; }
#slider p			{ margin-left: 470px; width: 330px; color: #ccc; }
#slider #nextBtn a	{ position: absolute; top: 85px; right: 35px; display: block; width: 30px; height: 30px; background: transparent url('../img/slider_next.png') 0 0 no-repeat; }
#slider #prevBtn a	{ position: absolute; top: 85px; left: 35px; display: block; width: 30px; height: 30px; background: transparent url('../img/slider_prev.png') 0 0 no-repeat; }

/* ---- Navigation ---- */
#navigation ul			{ list-style-type: none; padding: 10px 5px; background: transparent url('../img/h-line.png') left bottom repeat-x; }
#navigation li			{ display: inline; margin-right: 40px; }
#navigation li a		{ font-size: 1em; color: #fff; }
#navigation li a:hover	{ text-decoration: none; color: #e2bf0d; }
#navigation li.active a	{ color: #e2bf0d; }

/* ---- Main ---- */
#main p								{ width: 550px; }
#main p img							{ vertical-align: text-bottom; }
#main h2.space						{ margin-top: 37px; }
#main .refmore						{ float: right; display: block; width: 250px; color: #ccc; margin-top: 55px; }
#main .reflist span					{ display: block; position: relative; overflow: hidden; height: 120px; width: 400px; margin-bottom: 20px; background: #000; border: 5px solid #000; outline: 1px solid #333; }
#main .reflist span span			{ position: absolute; bottom: -50px; font-size: 9pt; border: none; line-height: 25px; height: 50px; padding: 0 20px; background: #0063A6; color: #fff; width: 360px; margin: 0; }
#main .reflist span span i			{ display: block; text-align: right; color: #666; font-size: 0.75em; }
#main .reflist span span a			{ float: right; color: #BFEAFF; }
#main .reflist span span a:hover	{ text-decoration: none; color: #fff; }

#main.contact .left p			{ width: 200px; }
#main.contact .left				{ width: 260px; }
#main.contact .left.form		{ width: 300px; padding-left: 80px; background: transparent url('../img/v-line.png') left top repeat-y; }
#main.contact fieldset			{ border: 1px solid #333; padding: 20px; }
#main.contact legend			{ color: #ccc; }
#main.contact label				{ display: block; float: left; color: #ccc; width: 100px; font-size: 0.8em; }
#main.contact .text				{ width: 250px; border: 1px solid #333; background: #000; padding: 4px; margin-bottom: 5px; color: #666; }
#main.contact .textarea			{ width: 97%; border: 1px solid #333; background: #000; padding: 4px; height: 100px; margin-bottom: 5px; color: #666; font: 0.8em Arial, Helvetica, sans-serif; }
#main.contact input.active,
#main.contact textarea.active	{ color: #aaa; }
#main.contact input.error		{ border: 1px solid #ff0000; }
#main.contact form br			{ clear: both; }
#main.contact .submit			{ float: right; background: #333; color: #999; border: none; padding: 2px 10px; }
#main.contact p.success			{ color: #0f943e; }

#main.service h1				{ margin-bottom: 20px; }
#main.service .box				{ float: left; position: relative; display: block; width: 230px; height: 120px; margin: 0 25px 40px 0; padding: 15px; background: #000 url('../img/box_bg.png') 0 0 repeat-x; border: 1px solid #333; }
#main.service .box h2			{ font: 0.9em Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 8px; color: #ff7f00; }
#main.service .box p			{ width: auto; }
#main.service .box.last			{ margin-right: 0; }
#main.service .box.btm			{ margin-bottom: 0; }
#main.service .box img			{ position: absolute; top: -23px; right: -13px; }
#main.service .drupal img		{ top: -35px; }
#main.service .drupal h2		{ color: #007cc9; }
#main.service .typolight h2		{ color: #e88320; }
#main.service .joomla h2		{ color: #5aa426; }

#main table td				{ font-size: 0.8em; }
#main .impressum			{ width: 250px; }
#main .rights				{ display: block; width: 500px; font-size: 0.7em; color: #777; padding-left: 90px; border-left: 1px solid #222; }