body {

	margin:				0;
	background:			#fff url('/img/bg.jpg') repeat-x left top;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#666;

}

p {

	margin:				0;

}

a {

	color:				#22275f;
	font-weight:		bold;
	text-decoration:	underline;
	font-style:			italic;

}

.clear
{
	clear:				both;
}

#main {

	margin:				auto;
	width:				840px;

}

#top_left {

	float:				left;

}

#top_right {

	float:				right;
	color:				#fff;
	text-align:			right;
	padding:			10px 20px;

}

#top_right a {

	text-decoration:	none;
	font-weight:		normal;
	font-style:			normal;
	color:				#fff;

}


#sl {

	padding-left:		8px;
	background:			transparent url('/img/sl.png') repeat-y left top;

}

#sr {

	padding-right:		8px;
	background:			transparent url('/img/sr.png') repeat-y right top;

}

#spacing {

	padding:			0 10px;
	background:			transparent url('/img/innerbg.jpg') repeat-x left top;

}

#page {

	height:				800px;
	background-color:	#fff;

}

#bottom {

	position:			fixed;
	left:				0;
	bottom:				0;
	width:				100%;
	height:				47px;
	background:			transparent url('/img/bottom/bg.jpg') repeat-x scroll left top;
	text-align:			center;
	
}

#top {

	position:			relative;
	border-top:			1px solid #b7b9ba;
	border-bottom:		1px solid #b7b9ba;
	height:				22px;
	padding:			6px 0 0 10px;

}

#topnav {

	position:			absolute;
	top:				0;
	right:				0;
	width:				160px;

}

#topnav a {

	color:				#707173;
	text-decoration:	none;
	font-size:			11px;
	font-weight:		normal;
	font-style:			normal;

}

#nav {

	float:						left;
	width:						164px;
	height:						300px;
	margin-left:				1px;
	background-color:			#1e225b;
	

}

#nav .spacer {

	height:						14px;
	background:					transparent url('/img/nav/bg_top.gif') repeat-x scroll left top;

}

#nav a {

	display:					block;
	color:						#fff;
	text-decoration:			none;
	border-top:					1px solid #fff;
	height:						18px;
	padding:					20px 0 20px 10px;
	font-size:			12pt;
	font-weight:		normal;
	font-style:			normal;
	text-align:					center;

}

#nav a.big
{
	height:						38px;
	padding:					10px 0 10px 10px;
}

#nav a.active,
#nav a:hover
 {

	background:					transparent url('/img/nav/active_bg.gif') repeat-x scroll left top;

}


#nav .sub a {

	font-size:					11px;
	color:						#848486;
	border:						none;
	height:						13px;
	padding:					2px 0 0 10px;
	background-color:			#fff;

}

#slide {

	float:						left;
	margin:						1px;

}

#news {

	float:						left;
	width:						163px;
	height:						300px;
	margin:						1px 1px 0 0;

}

#news h2 {

	display:					block;
	background-color:			#ccc;
	color:						#fff;
	font-size:					12px;
	font-weight:				normal;
	margin:						0;
	height:						18px;
	padding:					3px 0 0 10px;

}

#news div {

	height:						118px;
	margin-top:					1px;
	background-color:			#eee;
	padding:					10px;
	font-size:					11px;

}

#news div h3 {

	margin:						0;
	font-size:					11px;

}

#upper {

	border-bottom:				1px solid #b7b9ba;
	margin-bottom:				1px;

}

#content {

	float:						left;
	width:						640px;
	height:						236px;

}

#kunden {

	float:						left;
	width:						163px;
	height:						236px;
	text-align:					center;

}

#kunden h2 {

	display:					block;
	background-color:			#ccc;
	color:						#fff;
	font-size:					12px;
	font-weight:				normal;
	margin:						0 0 1px 0;
	height:						27px;
	padding:					12px 0 0 10px;
	text-align:					left;

}

#content #text {

	float:						left;
	width:						319px;
	height:						195px;
	padding:					10px 20px 20px 20px;
	font-size:					11px;

}

#content h1 {

	color:						#232860;
	font-size:					14px;
	font-weight:				normal;
	margin:						0 0 10px 0;

}

#content #kataloge {

	float:						left;
	width:						240px;
	padding:					50px 20px 20px 20px;
	border-left:				1px solid #ccc;

}

#content #kataloge #katalog1 {

	padding:					0 0 1px 1px;
	border-bottom:				1px solid #ccc;

}

#content #kataloge #katalog2 {

	padding:					1px 0 1px 1px;
	border-bottom:				1px solid #ccc;

}

#content #kataloge #katalog3 {

	padding:					1px 0 0 1px;

}


table#sponsoring td {

	text-align:			center;
	font-size:			10px;

}

a.catalog {

	display:			block;
	width:				102px;
	height:				160px;
	background:			transparent url('/img/cat_dummy.jpg') no-repeat left top;
	padding-top:		6px;
	margin:				20px;
	float:				left;
	text-align:			center;
	color:				#232860;
	text-decoration:	none;
	font-style:			normal;
	font-weight:		normal;
	cursor:				pointer;
	text-align:			left;

}

/* CMS Login */
div#cms_login {

	width:				200px;
	height:				207px;
	background-color:	#fff;
	border:				1px solid #dbdbdb;
	text-align:			center;

}

div#cms_login_space {

	padding:			12px 0 0 0;

}

div#cms_login form {

	width:				186px;
	height:				107px;
	margin:				auto;
	text-align:			center;
	background-color:	#e6e6e6;
	font-size:			11px;

}

div#cms_login form div {

	width:				140px;
	text-align:			left;
	margin:				auto;

}

div#cms_login form input[type=text], div#cms_login form input[type=password] {

	width:				138px;
	height:				14px;
	background-color:	#fff;
	border:				1px solid #a5acb2;
	color:				#000;
	font-size:			11px;

}

div#cms_login form input[type=submit] {

	width:				68px;
	height:				18px;
	text-align:			center;
	background-color:	#777;
	border:				1px solid #efefef;
	color:				#fff;
	font-size:			11px;
	margin-left:		74px;

}




.offer-placeholder
{
	height:				50px;
	background-color:	#ccc;
}

#offers div.pictures
{
	float:				left;
	width:				150px;
}

#offers div.pic
{
	width:				150px;
	text-align:			center;
}

#offers div.thumb
{
	float:				left;
	width:				35px;
	height:				35px;
	text-align:			center;
	margin:				3px 3px 0 0;
}

#offers div.thumb.last
{
	margin-right:		0;
}

#offers div.desc
{
	float:				left;
}

.cms_list_item.categorie
{
	float:				left;
	padding:			10px;
}

.cms_list_item:hover
{
	background-color:	#f7f7f8;
}
