/* CSS Document */
/*
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #4b4b4d;
	padding: 0px 0px;
	margin: 0px 0px;
	background: #100900 url(bg_main.jpg) top center repeat fixed;
}*/

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #4b4b4d;
	padding: 0px 0px;
	margin: 0px 0px;
	background: #2c0203 url(bg_main_2.jpg) top left no-repeat fixed;
}

a {color: #ff9900; text-decoration: underline;}
a:hover	{color: #ff9900; text-decoration:none;}

p {line-height: 21px; margin:21px 0px 0px 0px; padding:0px;}
ul,li {line-height: 21px; margin:0px 0px 0px 0px;}

hr {border-bottom: #DDDBD0 1px solid; border-top:#FFFFFF 1px solid; border-left:#FFFFFF 1px solid; border-right:#FFFFFF 1px solid; margin:20px 0px 0px 0px; padding: 0px;}

h1 {font-size:19pt; color:#ff9900; margin: 20px 0px 20px 0px; padding: 0px 0px; font-weight:normal;}
h2 {font-size:19pt; color:#ff9900; margin: 20px 0px 20px 0px; padding: 0px 0px; font-weight:normal;}
h3 {font-size:19pt; color:#ff9900; margin: 20px 0px 20px 0px; padding: 0px 0px; font-weight:normal;}
h4 {font-size:19pt; color:#ff9900; margin: 20px 0px 20px 0px; padding: 0px 0px; font-weight:normal;}
h5 {font-size:19pt; color:#ff9900; margin: 20px 0px 20px 0px; padding: 0px 0px; font-weight:normal;}

.clearer { clear:both; }

#wrapper { width:900px; margin:auto; padding:0px; background:#FFFFFF; }

#header {height:120px; background:url(bg_header.jpg) top center no-repeat;}
#header .logo {text-indent:-9000px; width:300px; float:left;}
#header .logo a {width:300px; height:120px; display:block;}

#nav { width:450px; float:right; margin:50px 40px 0px 0px; text-align:right;}
#nav ul.rex-navi1 { padding:0px; margin:0px;  }

/* nav1st - first level navigation  */
ul.rex-navi1 { display: inline;	padding:0px; margin:0px; font-size:13pt;}
ul.rex-navi1 li {list-style:none; display: inline; padding:0px;	font-weight:normal;}
ul.rex-navi1 a { display: inline; color:#FFFFFF; padding: 0px; text-decoration:none; margin:0px 0px 0px 15px;}
ul.rex-navi1 a:hover {	color:#FFFFFF;	font-weight:normal; border-bottom: 4px solid #ff9900;}
ul.rex-navi1 li a.rex-active, 
ul.rex-navi1 li a.rex-current {	color:#FFFFFF;	font-weight:normal; border-bottom: 4px solid #ff9900;}

#sub_header_0 {height:200px; background:url(sub_header_startseite.jpg) top center no-repeat;}
#sub_header_1 {height:200px;}
#sub_header_3_1 {height:200px; background:url(sub_header_arbeiten_webdesign.jpg) top center no-repeat;}
#sub_header_3_2 {height:200px; background:url(sub_header_arbeiten_e-commerce.jpg) top center no-repeat;}
#sub_header_3_3 {height:200px; background:url(sub_header_arbeiten_print.jpg) top center no-repeat;}
#sub_header_3_4 {height:200px; background:url(sub_header_arbeiten_logos.jpg) top center no-repeat;}
#sub_header_4 {height:200px; background:url(sub_header_decor1.jpg) top center no-repeat;}
#sub_header_5 {height:200px; background:url(sub_header_kontakt.jpg) top center no-repeat;}


#content {margin:0px 40px 40px 40px;}
#content .infobox_right { background-color: #eceded; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin:0px; padding:18px 20px 10px 20px; width:180px;}
#content .infobox_right a {color: #4b4b4d; text-decoration:none;}
#content .infobox_right a:hover {color: #4b4b4d; text-decoration:underline;}
#content .col_left { width:560px; float:left;}
#content .col_right { width:220px; float:right; margin:40px 0px 0px 0px;}
#content .col_right p {line-height: 21px; margin:11px 0px 10px 0px; padding:0px;}

#footer {height:140px; background:url(bg_footer.jpg) top center no-repeat; font-size:11px; color:#FFF; padding:0px;}
#footer p {margin:0px; padding:0px; line-height:normal;}
#footer a {color:#FFF; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .box1 {width:300px; float:left; margin:23px 0px 0px 40px;}
#footer .box2 {width:300px; float:right; margin:23px 40px 0px 0px; text-align:right;}


#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:900px;
	height:200px;
	overflow:hidden; 
	}	
#prevBtn{ 
	width:19px;
	height:36px;
	float:right;
	position: relative;
	left:0px;
	top:-118px;
	z-index:4;
	}	
#nextBtn{ 
	width:19px;
	height:36px;
	float:left;
	position: relative;
	left:0px;
	top:-118px;
	z-index:5;
	}	
													
#prevBtn a{  
	display:block;
	width:19px;
	height:36px;
	background:url(btn_prev.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	display:block;
	width:19px;
	height:36px;
	background:url(btn_next.png) no-repeat 0 0;	
	}	
	
.graphic, #prevBtn, #nextBtn{margin:0; padding:0; display:block;  overflow:hidden; text-indent:-8000px;  }


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	height: 160px;
    width: 400px;
	background-color: #ffffff;
	border:#58585a 1px solid;
	margin-left: 0px;
	margin-bottom: 5px;
	font-size:12px;
	padding:2px;
}


/* Textfeld */
.formgen .formtext
{
	padding:2px;
	height: 16px;
    width: 400px;
	background-color: #ffffff;
	border:#58585a 1px solid;
	margin-left: 0px;
	margin-bottom: 5px;
	font-size:12px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 30px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
	font-weight: bold;
	color: #003366;
}




/* Label */
.formgen label {

width: 120px;
clear: left;
float: left;
height: 16px;
padding: 3px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	margin-left: 4px;

}


/* Sende-Button */
.formgen .formsubmit
{
	width: 120px;

	border:#58585a 1px solid;
	margin-left: 126px;
	margin-top: 10px;
	
}

.senden
{
	width: 100px;
	border:#58585a 1px solid;
	
}




/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
	color: #FFFFFF;
	background-color: #FF0000;
	border: 1px dashed #000000;
	margin: 0px;
	padding: 0px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #30302F;
	background-color: #FFD2D2;
}

/* -------------- Magazin Layout --------*/

	/* Beispiel-CSS für magazin_Layout */
	.magazine-layout {
		position: relative;
		width: 100%;
	}
	.magazine-container {
		background: #eceded;
	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=100);
		line-height: 0.0em;
		opacity: 1.00;
		-moz-opacity: 1.00;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=80);
		opacity: 0.80;
		-moz-opacity: 0.80;
	}

	/* komplett verlinktes magazin_Layout */
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=100);
		line-height: 0.0em;
		opacity: 1.00;
		-moz-opacity: 1.00;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=80);
		opacity: 0.80;
		-moz-opacity: 0.80;
	}