@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0;}


body {			background: #010101;
				font-family: "Trebuchet MS","Lucida Grande",Helvetica,Arial,sans-serif;
				font-size: 12px;
				color: #ccc;}

#wrapper {		background: url(../images/background2.jpg) no-repeat;
				background-position: top;
				width: 100%;
				margin: 0 auto;}

h3 {			font-family: "Trebuchet MS","Lucida Grande",Helvetica,Arial,sans-serif;
				font-size: 16px;
				font-weight: bold;
				padding-bottom: 10px;}
				
h2 {			font-family: "Trebuchet MS","Lucida Grande",Helvetica,Arial,sans-serif;
				font-size: 18px;
				font-weight: bold;
				padding-bottom: 10px;}
				
img				{border: none;}

.blue {		color: #00c0ff;}
.green {	color: #80ff00;}
.pink {		color: #ff00a4;}
.yellow { color: #fcff00;}
.float {	float: left;
			margin: 0 20px 10px 0;}
			

a:link, 
a:visited {	color: #00c0ff;
			text-decoration: none;
			display: inline;}

a:hover, 
a:active, 
a:focus {		color: #00c0ff;
				text-decoration: none;}

.right {		text-align: right;}
.center {		text-align: center;}
.block {		text-align: justify;}

/*-------------------------  Beginn Navigation -------------------------*/

#wrap_navigation {	width: 100%;
					height: 80px;
					margin: 0 auto;}
					
#navigation {		top:0;
					height:0;
					background: repeat-x top;
					margin: 0 auto;
					width: 980px;
					height: 50px;}
					

									
#navi {			width: 900px;
				height: 50px;
				margin: 0 auto;}				


#navi ul {		list-style: none;
				float:right;
				margin:0;
				padding:0;}


#navi li {		display:inline;
				margin:0;
				padding:0;}

#navi a {		text-decoration:none;
				border:0;
				display:block;
				float:left;
				margin:0;
				padding:0;}

#navi a span {	display:block;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#666;
				font-weight:100;
				line-height:15px;
				padding:30px 15px 5px 15px;}


#navi a:hover {		}

#navi a:hover span {color:#00c0ff;
					font-weight:100;
					font-style:normal;
					text-decoration:none;}



#navi li.item_active a {	background:url(images/imgnav/bgactiveright.jpg) no-repeat right top;
						background-position:right bottom;}
						

#navi li.item_active a span {	background:url(images/imgnav/bgactiveleft.jpg) no-repeat left top;
								background-position:left bottom;
								color:#00c0ff;
								font-weight:100;
								font-style:normal;
								text-decoration:none;}


#dropmenu_39916 li.sub_active a {	color: #00c0ff;}
						

#dropmenu_39916 li.sub_active a span {	color: #00c0ff;
								font-weight:100;
								font-style:normal;
								text-decoration:none;}

.dropmenudiv {		top:0px;
					float:right;
					width: 900px;
					display:inline;
					visibility:hidden;
					border:0;
					background: none;
					color:#030303;
					z-index:100;
					text-decoration:none;
					padding:0;}
	
	
.dropmenudiv ul {	list-style:none;
					margin:0;
					padding:0;
					float: right;}

.dropmenudiv li {	display:inline;
					margin:0;
					padding:0;}

.dropmenudiv a:link,.dropmenudiv a:visited 
				{	display:inline;
					border:0;
					color:#666;
					background: none;
					font-weight:100;
					font-style:normal;
					text-decoration:none;
					margin:0;
					padding:0;}

.dropmenudiv a span 
				{	display:inline;
					line-height:15px;
					background: none;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					color:#ccc;
					float:none;
					padding:0 15px;
					border: none;}

.dropmenudiv a:hover {
					border:0;
					background: none;
					font-weight:100;
					font-style:normal;
					text-decoration:none;
					}

.dropmenudiv a:hover span 
				{	background: none;
					color:#00c0ff;
					font-weight:100;}

#breadcrumb {		background: #202020;
					color: #ccc;
					padding: 5px 20px;
					margin-bottom: 10px;}
					
#breadcrumb p {	color: #ccc;
				text-decoration: none;}

#breadcrumb a:link, 
#breadcrumb a:visited {	color: #ccc;
						text-decoration: none;
						display: inline;}

#breadcrumb a:hover, 
#breadcrumb a:active, 
#breadcrumb a:focus {		color: #00c0ff;
							text-decoration: none;}

/*--------------------------  Ende Navigation --------------------------*/




/*-------------------------  Beginn Header -------------------------*/

#wrap_header {		width: 100%;
					height: 365px;
					margin: 0 auto;}

#header_top {		background: url(../images/schwarz-rund-oben.png) no-repeat;
					width: 980px;
					height: 22px;
					margin: 0 auto;}

#header {			background: #202020;
					width: 980px;
					height: 290px;
					margin: 0 auto;}
					
#wrap_htop {		background: #202020;
					width: 960px;
					height: 25px;
					padding-left: 20px;}
					
#wrap_pix {			background: #fff;
					width: 100%;
					height: 150px;}
					
					
#dreidpic{			width: 205px;
					height: 110px;
					float: left;
					padding: 19px;
					border: solid 1px #e0e0e0;}
					
#videopic{			width: 205px;
					height: 110px;
					float: left;
					padding: 19px;
					border: solid 1px #e0e0e0;}
					
#designpic{			width: 205px;
					height: 110px;
					float: left;
					padding: 19px;
					border: solid 1px #e0e0e0;}
					
#fotopic{			width: 205px;
					height: 110px;
					float: left;
					padding: 19px;
					border: solid 1px #e0e0e0;}
					
#wrap_txt {			background: #202020;
					width: 100%;
					height: 105px;}
					

#dreidtxt{			width: 205px;
					height: 105px;
					float: left;
					padding: 10px 20px 0px 20px;}
					
#videotxt{			width: 205px;
					height: 105px;
					float: left;
					padding: 10px 20px 0px 20px;}
					
#designtxt{			width: 205px;
					height: 105px;
					float: left;
					padding: 10px 20px 0px 20px;}
					
#fototxt{			width: 205px;
					height: 105px;
					float: left;
					padding: 10px 20px 0px 20px;}
					
#header_bottom {	background: url(../images/schwarz-rund-unten.png) no-repeat;
					width: 980px;
					height: 22px;
					margin: 0 auto;
					clear: both;}
					
/*-------------------------  Ende Header -------------------------*/


/*-------------------------  Beginn Content -------------------------*/

#wrap_news {		width: 100%;
					height: 627px;
					margin: 0 auto;}

#news_top {		background: url(../images/weiss-rund-oben.png) no-repeat;
					width: 980px;
					height: 26px;
					margin: 0 auto;}

#news {			background: #fff;
					color: #000;
					width: 980px;
					height: 400px;
					margin: 0 auto;}
					
#news1 {			width: 695px;
					height: 200px;
					margin: 0 auto;
					float: left;
					padding: 0 20px;}
					
#news2 {			width: 328px;
					height: 200px;
					margin: 0 auto;
					float: left;
					padding: 0 20px;}
					
#news3 {			width: 327px;
					height: 200px;
					margin: 0 auto;
					float: left;
					padding: 0 20px;}
					
#news4 {			width: 205px;
					height: 400px;
					margin: 0 auto;
					float: right;
					padding: 0 20px;}
					
#wrap_content {		width: 100%;
					height: 967px;
					margin: 0 auto;}

#content_top {		background: url(../images/weiss-rund-oben.png) no-repeat;
					width: 980px;
					height: 26px;
					margin: 0 auto;}

#content {			background: #fff;
					color: #000;
					width: 980px;
					height: 740px;
					margin: 0 auto;}
					
#content1 {			width: 695px;
					height: 702px;
					margin: 0 auto;
					float: left;
					padding: 0 20px 0px 20px;}
					


#content1 li {		margin-left: 20px;}

					
#content2 {			width: 205px;
					height: 652px;
					margin: 0 auto;
					float: right;
					padding: 0 20px;}
					
#content_nav {		width: 205px;
					height: 20px;
					float: right;
					padding: 10px 20px 20px 20px;}
					
					
.content_pic {		width: 410px;
					height: 175px;
					float: left;
					padding: 15px;
					border: solid 1px #ccc;
					margin-bottom: 15px;}

.content_txt {		width: 222px;
					float: left;
					padding: 15px;}
					
					
.foto_pic {		width: 200px;
					height: 85px;
					float: left;
					padding: 7px;
					border: solid 1px #ccc;
					margin-bottom: 10px;
					margin-right: 10px;}

.foto_pic2 {		width: 200px;
					height: 85px;
					float: right;
					padding: 10px;
					border: solid 1px #ccc;
					margin-bottom: 10px;
					margin-right: 10px;}
					
					

#cert {				background: #202020;
					width: 940px;
					height: 150px;
					margin: 0 auto;
					padding: 0 20px;
					clear: both;}
					
#cert1 {			width: 175px;
					height: 150px;
					float: left;
					padding: 0 30px;}
					
#cert2 {			width: 175px;
					height: 150px;
					float: left;
					padding: 0 30px;}
					
#cert3 {			width:175px;
					height: 150px;
					float: left;
					padding: 0 30px;}
					
#cert4 {			width: 175px;
					height: 150px;
					float: left;
					padding: 0 30px;}

#cert_bottom {		background: url(../images/schwarz-rund-unten.png) no-repeat;
					width: 980px;
					height: 22px;
					margin: 0 auto;
					clear: both;}
					
/*-------------------------  Ende Content -------------------------*/


/*-------------------------  Beginn Info -------------------------*/

#wrap_info {		width: 100%;
					height: 205px;
					margin: 0 auto;}
					
#info {				background: none;
					width: 980px;
					height: 175px;
					margin: 0 auto;}
					
#info1 {			width: 430px;
					height: 135px;
					float: left;
					padding: 20px 40px 20px 20px;}
					
#info2 {			width: 430px;
					height: 135px;
					float: left;
					padding: 20px 20px 20px 40px;}
					
#info2 li {			margin-left: 20px;}
					
/*-------------------------  Ende Info -------------------------*/


/*-------------------------  Beginn Footer -------------------------*/

#wrap_footer {		width: 100%;
					height: 115px;
					margin: 0 auto;}
					
#footer_top {		background: url(../images/schwarz-rund-oben.png) no-repeat;
					width: 980px;
					height: 22px;
					margin: 0 auto;}

#footer {			width: 980px;
					margin: 0 auto;}


#footer_links {		background: #202020;
					width: 450px;
					height: 37px;
					margin: 0 auto;
					padding: 0 20px;
					float: left;}
					
					
#footer_links ul {	list-style: none;
					margin: 0;
					padding: 0;}


#footer_links li {	display: inline;
					margin: 0;
					padding : 0;}

#footer_links a {		text-decoration: none;
						border: 0;
						margin: 0;
						padding: 0;}




#footer_links a:hover {		}





#footer_links li.item_active a {}
						

#footer_links li.item_active a span {	color:#00c0ff;
								font-weight:100;
								font-style:normal;
								text-decoration:none;}


#footer_rechts {	background: #202020;
					width: 450px;
					height: 37px;
					margin: 0 auto;
					padding: 0 20px;
					float: right;
					text-align: right;}

					
#footer_bottom {	background: url(../images/schwarz-rund-unten.png) no-repeat;
					width: 980px;
					height: 22px;
					margin: 0 auto;
					clear: both;}
					
/*-------------------------  Ende Footer -------------------------*/



/*--------------------------Beginn Formular------------------------*/

.formular {		background: #0a0a0a;
				color: #fff;
				border: #121212 solid 1px;}

div.box {
margin:0 auto;
width:580px;
background:#fff;
position:relative;
top:45px;
border:1px solid #fff;
}

div.box h1 { 
color:#ffffff;
font-size:12px;
text-transform:uppercase;
padding:5px 0 5px 5px;
border-bottom:1px solid #fff;
border-top:1px solid #fff; 
}

div.box label {
width:100%;
display: block;
background:#fff;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:10px 0 10px 0;
}

div.box label span {
display: block;
color:#666;
font-size:12px;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box .input_text {
padding:10px 10px;
width:200px;
background:#202020;
color: #ccc;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
}

div.box .message{
padding:7px 7px;
width:350px;
background:#202020;
color: #ccc;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
overflow: visible;
height:150px;
}

div.box .button
{
	margin:0 0 10px 0;
	padding:4px 7px;
	background:#202020;
	color: #00c0ff;
	border:0px;
	position: relative;
	top:10px;
	width:100px;
	border-bottom: 1px double #171717;
	border-top: 1px double #171717;
	border-left:1px double #333333;
	border-right:1px double #333333;
	left: 385px;
}

/*--------------------------Ende Formular -------------------------*/


/*-------------------------- Beginn Slider -------------------------*/

#wrap_slider {
				width: 980px;
				height: 345px;
				margin: 0px auto 20px auto;
				clear: both;}

 /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	
					
	#slidercont {
		position: relative;
		}			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin: 0;
		padding: 0;
		list-style: none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:980px;
		height:335px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:335px;
		position:absolute;
		left:0px;
		top:0px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left: 950px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:335px;
		background: url(../images/links.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/rechts.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */				
				
/*-------------------------- Ende Slider --------------------------*/