/*********************************************************** link formatings ***/
/*******************************************************************************/

a 			
			{
			color: 				#3d7ca8; 
 			text-decoration: 	none;
			}

a:hover 	
			{
			color: 				#3d7ca8; 
			text-decoration:	underline;
			}

/********************************************************************* link3 ***/

a.link3
			{
			color:				#6d9f15;
			text-decoration: 	underline;
			}

a.link3:hover
			{
			text-decoration: 	none;
			}

a.link6
			{
			color:				#757575;
			text-decoration: 	none;
			}

a.link6:hover
			{
			text-decoration: 	underline;
			}

/*********************************************************** main formatings ***/
/*******************************************************************************/

body 		
			{
			margin: 		0px;
			padding:		0px;
			font-family:	"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
			font-size:		11px;
			color:			#646464;
			text-align:		left;
			background: 	#fff;
			height:			100%;
			width:			100%;
			overflow-x: 	hidden;
			}

h1
			{
			color:			#1a86d0;
			font-size:		16px;
			font-weight:	bold;
			padding:	    0px;
			padding-bottom: 12px;
			margin:			0px;
			}


h2, h3, h4, h5, h6			
			{
			color:			#1a86d0;
			font-size:		13px;
			font-weight:	bold;
			padding:	    0px;
			padding-bottom: 12px;
			margin:			0px;
			}

strong, b		
			{
			font-weight:	bold;
			}

img			
			{
			border:			0px;
			}

p		
			{
			padding:        0px;
			margin:			0px;
			}

/***************************************************************** positions ***/
/*******************************************************************************/

#container-out
			{
			text-align:		center;
			width:			100%;
			height:			100%;
			}

#container-in
			{
			text-align:		center;
			width:			836px;
			height:			100%;
			margin:			auto;
			}

#top-left
			{
			text-align:		left;
			width:			836px;
			float:			left;
			padding:        20px 0px 19px 0px;
			}

#menu, #menu2
			{
			text-align:		left;
			width:			836px;
			height:			54px;
			background:		url(../pics/menu.jpg) repeat-x;
			float:			left;
			}

#menu2
			{
			width:			885px!important;
			}

#menu-normal-left
			{
			text-align:		left;
			width:			6px;
			height:			29px;
			background:		url(../pics/menu-normal-left.jpg) no-repeat;
			float:			left;
			margin:			5px 0px 0px 0px;
			}

#menu-normal-middle
			{
			text-align:		left;
			width:			auto;
			height:			29px;
			background:		url(../pics/menu-normal-middle.jpg) repeat-x;
			float:			left;
			padding:        9px 15px 0px 15px;
			margin:			5px 0px 0px 0px;
			}

#menu-normal-right
			{
			text-align:		left;
			width:			6px;
			height:			29px;
			background:		url(../pics/menu-normal-right.jpg) no-repeat;
			float:			left;
			margin:			5px 10px 0px 0px;
			}

#menu-active-left
			{
			text-align:		left;
			width:			6px;
			height:			35px;
			background:		url(../pics/menu-active-left.jpg) no-repeat;
			float:			left;
			}

#menu-active-middle
			{
			text-align:		left;
			width:			auto;
			height:			35px;
			background:		url(../pics/menu-active-middle.jpg) repeat-x;
			float:			left;
			padding:        10px 15px 0px 15px;
			}

#menu-active-right
			{
			text-align:		left;
			width:			6px;
			height:			35px;
			background:		url(../pics/menu-active-right.jpg) no-repeat;
			float:			left;
			margin-right:	10px;
			}

a.link-menu
			{
			color:			#757575;
			font-weight:	bold;
			text-decoration:none;
			}

a.link-menu:hover
			{
			text-decoration:underline;
			}

a.link-menu-click
			{
			color:			white;
			font-weight:	bold;
			text-decoration:none;
			}

a.link-menu-click:hover
			{
			text-decoration:underline;
			}

#content, #content2
			{
			text-align:		left;
			width:			836px;
			height:			auto;
			background:		url(../pics/bg-line.gif) repeat-x top left;
			float:			left;
			padding:        5px 0px 0px 0px;
			}

#content2
			{
			width:			885px!important;
			}

#footer
			{
			text-align:		left;
			width:			836px;
			height:			28px;
			background:		url(../pics/footer.gif) no-repeat;
			float:			left;
			padding:        6px 0px 0px 12px;
			color:			#848484;
			}

#banner-footer
			{
			float:			left;
			padding:        15px 0px 0px 12px;
			color:			#757575;
			text-align:		left;
			}

#banner-tip
			{
			float:			left;
			padding:        15px 0px 0px 12px;
			color:			#757575;
			text-align:		left;
			}

#banner-tip a
			{
			color:			#757575;
			}


#headline
			{
			color:			#1a86d0;
			font-size:		16px;
			font-weight:	bold;
			margin:			5px 0px 5px 0px;
			float:			left;
			width:			615px;
			}

#headline-right
			{
			color:			#1a86d0;
			font-size:		13px;
			font-weight:	bold;
			margin:			5px 0px 5px 10px;
			float:			left;
			}

#content-in
			{
			float:			left;
			margin:			0px 0px 20px 0px;
			}

#content-in-right
			{
			float:			left;
			margin:			0px 0px 20px 10px;
			}

#content-out-left, #content-out-left2
			{
			float:			left;
			width:			615px;
			margin:			15px 4px 0px 10px;
			}

#content-out-left2
			{
			width:			660px!important;
			}

#content-out-right
			{
			float:			left;
			width:			190px;
			margin:			15px 0px 0px 0px;
			}

#topmotiv
			{
			float:			left;
			margin:         12px 12px 0px 0px;
			}

#eyecatcher
			{
			width:			602px;
			height:			290px;
			background:		url(../pics/t-shirt-gestalten.jpg) no-repeat;
			}

#create
			{
			padding:        15px 0px 0px 365px;
			}

#create-text
			{
			padding:        134px 0px 0px 365px;
			color:			white;
			}

#zahlung, #zahlung2
			{
			float:			left;
			padding:        10px 0px 0px 175px;
			}

#zahlung2
			{
			padding:        10px 0px 0px 225px!important;
			}

#box
			{
			border: 		1px dotted #e3e3e3; 
			padding:        5px; 
			-moz-border-radius:5px;
			-khtml-border-radius:5px;
			width:			172px;
			background: 	#f7f7f6;
			color:			#646464;
			}

#garantie, #garantie2
			{
			position:		absolute;
			margin:			18px 0px 0px 787px;
			}

#garantie2
			{
			margin:			18px 0px 0px 836px!important;
			}

#dropmenudiv
			{
			position:		absolute;
			border:			1px solid #c5c5c5;
			border-bottom-width:0;
			font:			normal 12px;
			line-height:	18px;
			z-index:		100;
			margin:			4px 5px 5px -21px;
			filter:			alpha(opacity=90);
			-moz-opacity:	0.9;
			}

#dropmenudiv a
			{
			width: 			100%;
			display: 		block;
			text-indent: 	3px;
			border-bottom: 	1px solid #c5c5c5;
			padding: 	    1px 0;
			text-decoration:none;
			color:			#757575;
			}

#dropmenudiv a:hover
			{ 
			background-color:#339bd6;
			color:			white;
			font-weight:	bold;
			}

.top-menu
	{
	width:				100%; 
	height:				22px; 
	background:			#eee url(../pics/top-menu.gif) repeat-x; 
	border-bottom:		1px solid #b9b9b9; 
	z-index:			100000;
	color:				#494949;
	padding:            0px 0px 1px 0px;
	}

.top-menu a
	{
	color:				#707070;
	}

.top-menu-right
	{
	right:				0px;
	position:			absolute;
	}

.top-menu-left
	{
	left:				0px;
	position:			absolute;
	}

.top-link, .top-pic, .top-add
	{
	border-right:		1px solid #fff;
	border-left:		1px solid #ccc;
	float:				left;
	padding:            4px 10px 3px 10px;
	}

.top-pic
	{
	padding:            6px 10px 6px 10px!important;
	}

.top-add
	{
	padding:            3px 10px 0px 10px!important;
	}

.trans
	{
	width:				100%; 
	height:				22px; 
	background:			url(../pics/trans.png) repeat-x;
	z-index:			100000;
	position:			absolute;
	}

#nav, #nav ul
	{
	padding: 	    	0px;
	margin: 			0;
	list-style: 		none;
	z-index:			110000;
	text-align:			left;
	}

#nav a 
	{
	display: 			block;
	width: 				140px;
	padding: 	    	0px;
	text-decoration:	none;
	}

#nav ul li a
	{
	text-decoration:	none;
	border-bottom:		1px solid #b9b9b9;
	padding: 	    	3px 5px 3px 5px;
	}

#nav li ul a:hover
	{
	background: 		#ddd;
	}

#nav li
	{
	float: 				left;
	width: 				10em;
	}

#nav li ul
	{
	position: 			absolute;
	background: 		#eee;
	width: 				150px;
	border:				1px solid #b9b9b9;
	border-bottom:		0px;
	left: 				-999em;
	text-align:			left;
	-moz-opacity: 		0.9;
	}

#nav li ul ul
	{
	margin: 		-1em 0 0 10em;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
	{
	left: 			-999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul /* lists nested under hovered list items */
	{
	left: 			auto;
	}