/*********************************************************** 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: 	#5ed1f5 url(../pics/bg-line.gif) repeat-x;
			height:			100%;
			width:			100%;
			overflow-x: 	hidden;
			}

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


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

strong, b		
			{
			font-weight:	bold;
			}

img			
			{
			border:			0px;
			}

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

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

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

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

#container
			{
			text-align:		center;
			width:			968px;
			float:			left;
			background:		#fff;
			border:			3px solid #c5e7f2;
			margin:			50px 0px 50px 0px;
			}

#top
			{
			width:			968px;
			float:			left;
			}

#top-left
			{
			float:			left;
			padding:        25px 0px 19px 20px;
			}

#top-right
			{
			float:			right;
			padding:        10px 20px 0px 0px;
			}

#menu
			{
			text-align:		left;
			width:			964px;
			background:		url(../pics/menu-bg.gif) repeat-x;
			float:			left;
			margin:        	0px 0px 0px 2px;
			}

a.menu-normal-top
			{
			text-align:		left;
			width:			auto;
			float:			left;
			padding:        5px 20px 3px 20px;
			border-right:	2px solid #fff;
			font-size:		12px;
			color:			#fff;
			}

a.menu-normal-top:hover
			{
			background:		#96dcf5;
			text-decoration:none;
			}

a.menu-active-top
			{
			text-align:		left;
			width:			auto;
			float:			left;
			padding:        5px 20px 5px 20px;
			border-right:	2px solid #fff;
			font-size:		12px;
			color:			#6f6f6f;
			background:		#e3e3e3;
			}

a.menu-active-top:hover
			{
			background:		#f3f3f3;
			text-decoration:none;
			}

a.menu-side
			{
			text-align:		left;
			width:			172px;
			float:			left;
			padding:        5px 0px 3px 20px;
			background:		url(../pics/link-sidebar.gif) no-repeat center left;
			border-bottom:	1px solid #dfdfdf;
			font-size:		12px;
			color:			#1a86d0;
			display:		block;
			}

a.menu-side:hover
			{
			background:		#f3f3f3 url(../pics/link-sidebar-hover.gif) no-repeat center left;
			text-decoration:none;
			}

#top-text
			{
			text-align:		left;
			width:			934px;
			background:		url(../pics/top-text-bg.gif) repeat-x;
			float:			left;
			padding:        10px 15px 10px 15px;
			margin:        	0px 0px 0px 2px;
			}

#content
			{
			text-align:		left;
			width:			947px;
			height:			auto;
			background:		#fff;
			float:			left;
			margin:        	0px 0px 0px 10px;
			}

#footer
			{
			text-align:		left;
			width:			947px;
			float:			left;
			padding:        10px 10px 10px 10px;
			margin:        	20px 0px 0px 0px;
			color:			#848484;
			background:		#eee;
			border-top:		3px solid #ddd;
			}

#banner-left
			{
			float:			left;
			width:			747px;
			margin:			10px 10px 0px 0px;
			}

#banner-right
			{
			float:			left;
			width:			190px;
			margin:			10px 0px 0px 0px;
			}

#marken
			{
			float:			left;
			background:		#f6f6f6;
			width:			919px;
			padding:        0px 15px 0px 15px;
			margin:        	10px 0px 0px 0px;
			border-bottom:	1px solid #dfdfdf;
			}

#left
			{
			float:			left;
			width:			747px;
			margin:			0px 10px 0px 0px;
			}

#right
			{
			float:			left;
			width:			190px;
			margin:			10px 0px 0px 0px;
			}

.headline
			{
			color:			#818181;
			background:		url(../pics/headline-bg.gif) repeat-x;
			border-bottom:	3px solid #fff;
			float:			left;
			font-weight:	bold;
			margin:			10px 0px 0px 0px;
			padding:		4px 0px 3px 5px;
			float:			left;
			width:			743px;
			}

.headline-side
			{
			color:			#818181;
			background:		url(../pics/headline-bg.gif) repeat-x;
			border-bottom:	3px solid #fff;
			float:			left;
			font-weight:	bold;
			margin:			10px 0px 0px 0px;
			padding:		4px 0px 3px 5px;
			float:			left;
			width:			187px;
			}

.headline-row
			{
			color:			#818181;
			background:		url(../pics/headline-bg.gif) repeat-x;
			border-bottom:	3px solid #fff;
			float:			left;
			font-weight:	bold;
			margin:			10px 0px 0px 0px;
			padding:		4px 0px 3px 5px;
			float:			left;
			width:			235px;
			}

.box
			{
			border-bottom:	1px solid #dfdfdf;
			float:			left;
			padding:        5px;
			width:			738px;
			background: 	#f6f6f6;
			color:			#646464;
			}

.box-side
			{
			border-bottom:	1px solid #dfdfdf;
			float:			left;
			padding:        5px;
			width:			182px;
			background: 	#f6f6f6;
			color:			#646464;
			}

.box-row
			{
			border-bottom:	1px solid #dfdfdf;
			float:			left;
			width:			240px;
			background: 	#f6f6f6;
			color:			#646464;
			}

.box-pic
			{
			float:			left;
			}

#topmotiv
			{
			float:			left;
			margin:         11px 16px 11px 16px;
			}

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

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

#create-text
			{
			padding:        103px 0px 0px 535px;
			color:			white;
			}

#payment
			{
			float:			left;
			padding:        13px 0px 0px 375px;
			}



.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;
	}


.iframe
	{
	margin-left:0px; 
	padding:	20px 0px 10px 0px; 
	background:	#fff; 
	border:		1px solid #eeeeee;
	-moz-border-radius:10px;
	width:		736px; 
	height:		770px;
	}

.table-head
			{
padding: 3px 5px 3px 5px;
font-size:12px;
font-weight:bold;
color:#1a86d0;
border-left:1px solid #d5e5ec;
border-bottom:1px solid #d5e5ec;
background:#ecf2f5;
			}

.table-cell
			{
border-bottom:1px solid #e5e5e5;
background:#f6f6f6;
padding: 3px 5px 3px 5px;
			}

.table-cell:hover
			{
background:#fff;
			}