/*
	----------------------------------------------
	CWORX-MEDIA.de General Style CSS File			
	Author: Hans-Christian Melzer				
	Company: CWORX MEDIA GbR					
	E-Mail: melzer[at]cworx-media.de				
	Web: www.cworx-media.de						
	Last Update: 17:40 19.04.2008				
	Copyright © 2008 CWORX MEDIA GbR
	----------------------------------------------
*/




html
{
font-family:verdana;
}
body
{
	margin:0 auto;
	width:996px;

	font-family:verdana;
	font-size:11px;
}
#logo
{
	background: url(images/logo.jpg);
	margin-left:8px !important;
	height: 82px;
	width: 344px;

	text-align:left;
	
}
#header_blow
{
	width:973px;
	height:207px;
	background:url(images/header_blow.jpg);
	margin-left:12px;
}
#kundenbereich
{
background: url(images/kundenbereich.png);
width:127px;
height:27px;
position:absolute;
margin: 12px 0 0 850px;
}
#newsflash
{
	background: url(images/newsflash_back.png) no-repeat;
	width:403px;
	height: 94px;
	float:right;
	margin-right:9px;
	margin-top:76px;
	text-align:left;
	color:#fff;
	font-size:11px;
	padding: 10px 0 0 10px;
	line-height:20px;
}
	#newsflash ul
		{
			list-style:none;
			padding:0;
			margin:0;
			color: #84ce3c;
	
		}
		#newsflash ul li a
		{
			color: #fff;
			text-decoration:none;
		}
			#newsflash ul li a:hover
			{
				
				text-decoration:underline;
			}
				#newsflash .newsheader
				{
					color:#fff;
					font-size:11px;
					font-weight:bold;
				}
/* ############ Main Menu ############### */
#mainMenu
{
	height:49px;
	width:957px;
	text-align:center;
	margin-top:-53px;
	 /**/*/ margin-top:-41px !important; /* */
	  /**/*/ margin-top:-43px; /* */
	
	margin-left:19px;
	display:block;
   

	

}

	#mainMenu ul
	{
		list-style:none;
		text-align:left;
		padding: 16px 0 0 0;
		font-size:12px;
		width:957px;

		margin-left:0;
	}
		#mainMenu ul li
		{
			display:inline;
			margin:0;
		}
				#mainMenu ul li a
				{
					color:#fff;
					font-weight:bold;
					padding: 16px 15px;
					font-family:verdana;
					text-decoration:none;
					display:block;
					height:49px !important;
					float:left;
					height:17px; 
					
					margin-top:-15px;
					background: url(images/menu_back.png) repeat-x;
				}
						#mainMenu ul li a:hover
						{
							background: url(images/menu_back_hover.png) repeat-x;
						}
						#mainMenu ul li a.special
						{
						width:67px
						}
						#mainMenu ul li a.special:hover
						{
							background: url(images/menu_back.png) repeat-x;
						}
						#mainMenu ul li a.active
						{
							background: url(images/menu_back_hover.png) repeat-x;
						}
						#mainMenu ul li p.end
						{
							width:239px;
							display:block;
							height:49px;
							float:left;
							background: url(images/menu_back.png) repeat-x;
							margin-top:-15px;
							
						}
						#mainMenu ul li p.end:hover
						{
							background: url(images/menu_back.png) repeat-x;
						}
							#mainMenu ul li p.end  #userloginbutton
							{
								background:none;
								margin-top:12px;
								margin-left:10px;
								line-height:23px;
								height:23px;
								width:130px;
								padding:0;
								display:inline;
								
								background:url(images/userloginbutton_down.jpg) no-repeat;
								background-position: right 1px;
							}
							#mainMenu ul li p.end  #submitButton
							{
							float:right;
							border:none;
							background:url(images/login_button.png);
							height:28px;
							width:89px;
							margin-top:10px;
							cursor:pointer;
							}
#mainContent
{
	background:url(images/middle_back.png);
	width:929px;

	margin-top:-8px !important;
	margin-top:-45px ;
	margin-left:3px;
	text-align:left;
	padding-left:30px;
	padding-right:30px;
	min-height:470px;
	line-height:18px;
	 /**/*/ padding-top:30px; /* */

}
	#mainContent h1
	{
	color: #fb9400;
	font-size:18px;
	padding:0;
	margin:0;
	}
	
	#mainContent h2
	{
	color: #84ce3c;
	font-size:12px;
	padding:0;
	margin:0;
	}
#mainContent a
{
text-decoration:none;
color:#6fb32c;
border:none;

}
#mainContent a:hover
{
color:#fb9400;
border:none;
}
#mainContent a img
{
border:none;
padding-right:5px;
}
#mainContent a.linkedborderdimage img
{
border:1px solid #addb60;
float:left; 
margin:5px 10px 5px 0;
padding:0;
}
#mainContent input
{
border:1px solid #9adc53 ;  
height:17px; 
width:390px
}
#mainContent .button
{
float:right;
font-size:11px; 
cursor:pointer; 
height:22px; 
width:83px; 
border:none; 
margin-right:47px;
background:url(images/button.jpg);
}
#mainContent .button:hover
{
background:url(images/button_hover.jpg);
}
.inputDescription
{
margin-top:10px;
}
.more
{
padding-top:5px;
display:block;
}
.moretext
{
height:100px;
}
#mainContent a.linkedborderdimage img:hover
{
border:1px solid #fb9400;

}
#contenttext ul li
{
background:url(images/listelement.jpg) no-repeat;
list-style:none;
background-position: 0px 4px;
padding-left:25px;

}

.firstbox
{
background:url(images/box1_back.jpg) no-repeat;
height:179px;
width:410px;
padding:15px 15px 30px 15px;

}
	#mycarousel h1
	{
		color: #84ce3c;
		font-weight:bold;
		font-size:11px;
		padding:0;
		margin:0;
	}
.firstboxMenu a
{
color:#fff;
text-decoration:none;
}

.firstboxMenu a:hover
{
color:#fb9400;
}

#backLink
{
	background:url(images/firstbox_back.png) no-repeat;
	display:block;
	width:100px;
	float:left;
	padding-left:30px;
	padding-top:1px;
color:#fff;
	height:23px;
}
#backLink:hover
{
	background:url(images/firstbox_back_hover.png) no-repeat;

}
#nextLink
{
	background:url(images/firstbox_forward.png) no-repeat;
	display:block;
	width:75px;
	float:left;
	padding-left:0px;
	color:#fff;
	padding-top:1px;
	height:23px;

}
#nextLink:hover
{
	background:url(images/firstbox_forward_hover.png) no-repeat;
	background-position:50px 0px;
	
	
}

#backLink2
{
	background:url(images/firstbox_back.png) no-repeat;
	display:block;
	width:100px;
	float:left;
	padding-left:30px;
	padding-top:1px;
	height:23px;
	color:#fff;
	border:1px solid red;
	 /**/*/ margin-top:32px; /* */

}
#backLink2:hover
{
	background:url(images/firstbox_back_hover.png) no-repeat;

}
#nextLink2
{
	background:url(images/firstbox_forward.png) no-repeat;
	display:block;
	width:75px;
	float:left;
	padding-left:0px;
	color:#fff;
	padding-top:1px;
	height:23px;
	 /**/*/ margin-top:32px; /* */
	  /**/*/ margin-left:32px; /* */
}
#nextLink2:hover
{
	background:url(images/firstbox_forward_hover.png) no-repeat;
	background-position:50px 0px;
}

#firstbox_forward
{
	background:url(images/firstbox_forward.png) no-repeat;
	height:23px;
	width:24px;
	float:right;
}
#secondbox
{
	background:url(images/box2_back.jpg) no-repeat;
	height:117px;
	width:383px;
	margin-top:30px;
	padding:20px 30px 30px 30px;
	font-size:11px;
	line-height:18px;
}
	#secondbox h1
	{
		color: #fb9400;
		font-weight:bold;
		font-size:12px;
		padding:0;
		margin:0;
		
	}
	#secondbox a
	{
		color:#6fb32c;
		text-decoration:none;
	}
	#secondbox a:hover
	{
		color:#fb9400;
		text-decoration:none;
	}
	#secondbox table
	{
	margin:0;
	padding:0;
	padding-top:5px;
	}
	#secondbox tr td
	{
		clear:both;
		line-height:15px;
		margin:0;
		padding:0;
		padding-right:10px;
		border:none;
		vertical-align:top;
		height:1px;
	}
	#secondbox tr 
	{
		clear:both;
		line-height:15px;
		margin:0;
		padding:0;
		border:none;
		vertical-align:top;
		height:1px;
	}
.navigationElement
{
float:left; 
display:block; 
height:10px; 
width:25px; 
background:url(images/navigationelement.jpg);
}
#userlogin
{
	background:url(images/userlogin_back.jpg) no-repeat;
	position:absolute;
	z-index:13333;
	height:25px;
	width:438px;
	margin-left:490px;
	text-align:left;

	padding-top:7px;
	padding-left:15px;
		 /**/*/ margin-top:-33px !important; /* */
		 /**/*/ margin-top:-29px ; /* */

}
	#userlogin .text
	{
		float:left;
		font-size:10px;
		color:#fff;
		font-weight:bold;
		padding-top:3px;
		padding-right: 10px;
	}
	#userlogin form input
	{
		width:129px;
		height:13px;
		background:url(images/input_back.jpg)  no-repeat;
		border:none;
		margin-left: 20px;
		font-size:10px;
		padding: 2px 0 0 5px;
	}
#mainContentFoot
{
	background:url(images/maincontent_foot.jpg) no-repeat;
	width:989px;
	height:23px ;
	margin-left:4px;
}
.kundenlogo
{
display:block; 
height:94px; 
width:117px; 
background:url(images/kunde_border.jpg) no-repeat;
padding:10px 0 0 17px;
float:left;
margin-right:10px;
border:4px solid red;
}
.kundenlogo:hover
{
background:url(images/kunde_border_hover.jpg) no-repeat;
}
#print
{
	color:#bebebe;
	font-size:11px;
	float:left;
	margin-top:26px;
	margin-left:20px;
}
	#print a
	{
		color:#bebebe;
		text-decoration:none;
	}
		#print a:hover
		{
			color:#000;
		}
#sitetree
{
	color:#bebebe;
	font-size:11px;
	margin-top:15px !important;
	margin-top:25px ;
	float:left;
	margin-left:20px;
}
	#sitetree ul
	{
		list-style:none;
	}
		#sitetree ul li
		{
			display:inline;
		}
			#sitetree ul li a
			{
				color: #bebebe;
				text-decoration:none;
			}
				#sitetree ul li a:hover
				{
					color:#000;
				}
#copy
{
	color:#bebebe;
	font-size:11px;
	margin-left:200px;
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
   
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



.jcarousel-skin-tango .jcarousel-container {
   
   width:400px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {

   width:400px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {

   width:400px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {

   width:400px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {

   width:400px;
}

.jcarousel-skin-tango .jcarousel-item {

   width:400px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
   
    cursor: pointer;
    
	display:none;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
  
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
	display:none;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}