body
{
	background-image:  url(../img/maindesign/content.gif);
	background-repeat: repeat-x;
	background-color: #DDDDDD;
	padding: 20px;
}

#main 
{
	position: absolute;
	left: 50%;
	width: 1000px;
	margin-left: -500px;
}

#logo
{
	margin: 50px 0px 27px 6px;
	border: 0px;
	display: block;
}
#navigation_left, #content, #navigation_right
{
  position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
	margin-bottom: 20px;	
}

#navigation_left, #navigation_right
{
	padding-top: 10px;
	width: 185px;
}
#kund_log_form
{
  padding: 6px; 
  padding-left: 16px; 
  margin-bottom: 10px; 
  line-height: 12px; 
  font-size: 11px;
}
#kund_log_form input
{
  width: 100px;
}

#content 
{
	padding: 10px;
	width: 580px;
	line-height: 22px;
	margin-left: 200px;
	z-index: 1;	
}

#navigation_right
{
	margin-left: 815px;
	margin-top:  0px;
	padding: 0px;
	padding-top: 0px;
}

#top_right
{
  position: absolute;
  font-size: 11px;
  margin: 10px;
}

#top_right h3
{
  margin: 0px 0px 10px;
  padding: 0px;
  font-size: 13px;
  letter-spacing: 0px;
}

#top_right .splash_img
{
  width: 155px;
  height: 50px;
  background-position: 50% 50%;
  background-repeat: no-repeat;  
  overflow: hidden;
  margin-right: 0px;
  margin-bottom: 5px;
}
#top_right_txt
{
  width: 155px;
  height: 90px;
  overflow: hidden;
  line-height: 14px;
  padding: 0px;
  margin: 0px;
}

#top_right_txt a
{
  color: #00506E;
  text-decoration: underline; 
}
#top_right_txt a:hover
{
  text-decoration: none;
}


#top_right_txt p
{
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px;
}
#sub_navigation_main
{
	position: absolute; 
	top: 10px; 
	right: 10px;
	color: #788991; 
	font-size: 8px; 
	text-align: right; 
	text-transform: uppercase;
	line-height: 10px;
}

#sub_navigation_main a
{
	color: #788991; 
	text-decoration: none;
}

#sub_navigation_main a:hover
{
	color: #FF9000; 
}

#foot, #linkpartner
{
	margin-top: 20px;
	color: #788991;
	font-size: 11px;
	text-align: center;
	clear: both;
}

#linkpartner
{
	font-size: 10px;
	margin-top: 10px;
}

#foot a, #linkpartner a
{
	text-decoration: none;
	color: #788991;
}

#foot span {
	cursor: pointer;
}

#banner
{
 background-color: #9B2F46; 
 text-align: right;
}
#bookmark span
{
  margin: 0px 3px;
	cursor: pointer
}

/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 75 pixels 
	   and if there is room the will grow and occupy 10% 
	   of the scrollable area (20% combined). 
	   Adjust it to your own taste. */
	width: 10%;
	height: 100%;
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	text-align:center;
	font-size:50px;
	font-weihght:bold;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{				
	background-color: #eee;
	background-repeat: no-repeat;
	/* Standard CSS3 opacity setting */
	opacity: 0.35; 
	/* Opacity for really old versions of 
	   Mozilla Firefox (0.9 or older) */
	-moz-opacity: 0.35;
	/* Opacity for Internet Explorer. */
	filter: alpha(opacity = 35);
	/* Use zoom to Trigger "hasLayout" in 
	   Internet Explorer 6 or older versions */	
	zoom: 1;
	text-align:center; 
	font-size:50px;
	font-weihght:bold;
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	width: 10%;
	height: 100%;
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	text-align:center;
	font-size:50px;
	font-weihght:bold;	
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-color: #eee;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
	text-align:center;
	font-size:50px;
	font-weihght:bold;	
}

/* The scroll wrapper is always the same width and 
   height as the containing element (div). Overflow 
   is hidden because you don't want to show all of 
   the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

div.scrollableArea img
{
	position: relative;
	float: right;
	margin: 25px 130px 25px -120px;
	border: 1px solid #999;
}

.makeMeScrollable{
	width:100%;
	height: 175px;
	position: relative;
}