/* CSS Document */

body
{
	margin:0px;
}

/* LAYOUT AREA */

#layout-top
{
	width:929px;
	height:auto;
	position:relative;
}

#layout-bottombg
{
	width:929px;
	height:7px;
	position:relative;
}

#logo
{
	width:64px;
	height:315px;
	float:left;
	position:relative;
}

#content
{
	width:865px;
	height:auto;
	float:left;
	font-size:0px;
	position:relative;
	text-align:left;
}

div.head-image
{
	width:688px;
	height:310px;
	float:left;
	border-bottom:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
	position:relative;
}

div.head-right
{
	width:171px;
	height:310px;
	float:left;
	border-bottom:1px solid #e3e3e3;
	position:relative;
}

div.navigation
{
	width:688px;
	height:77px;
	float:left;
	border-right:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
	position:relative;
	font-size:9px;
	line-height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.navigation-right
{
	width:171px;
	height:77px;
	float:left;
	position:relative;
}

div.content-container
{
	width:865px;
	height:auto;
}

div.content
{
	width:688px;
	height:auto;
	float:left;
	border-right:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
	position:relative;
}

div.content-right
{
	width:144px;
	height:auto;
	position:relative;
	line-height:18px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6b6b6a;
	text-align:left;
}

div.left-spacer
{
	width:64px;
	height:7px;
	float:left;
}

div.bottom-bg
{
	width:865px;
	height:30px;
	float:left;
	position:relative;
	background-repeat:no-repeat;
}

div.footer-bookmark
{
	width:465px;
	height:16px;
	position:absolute;
	left:4px;
	top:14px;
	text-align:left;
}

img.bookmark
{
	margin-right:5px;
}

div.footer-navi
{
	width:400px;
	height:16px;
	position:absolute;
	top:14px;
	right:4px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a4a5a5;
}

a.footer-navi
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a4a5a5;
	text-decoration:none;
}

a.click-path
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#a4a5a5;
	text-decoration:none;
	line-height:14px;
}

a.footer-navi:HOVER
{
	color:#152d62;
}

a.footer-navi-set
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#152d62;
	text-decoration:none;
}

/* HEAD AREA */

div.head-button-box
{
	position:absolute;
	width:148px;
	height:60px;
	top: -70px;
	left: 11px;
	text-align:left;
}

div.head-button
{
	width:148px;
	height:24px;
	margin-bottom:6px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	line-height:21px;
}

div.head-button a
{
	position:relative;
	display:block;
	color:#ffffff;
	text-decoration:none;
}

div.suche
{
	position:absolute;
	width:160px;
	height:20px;
	top:20px;
	right:12px;
}

input.suche
{
	width:120px;
	height:18px;
	border:0px;
	top:0px;
	position:absolute;
	right:17px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:4px;
	line-height:20px;
}

input.login
{
	width:134px;
	height:18px;
	border:0px;
	top:80px;
	position:absolute;
	right:3px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:4px;
	line-height:20px;
}

input.pwd
{
	width:120px;
	height:18px;
	border:0px;
	top:110px;
	position:absolute;
	right:17px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:4px;
	line-height:20px;
}

/* NAVIGATION AREA */

div.navigation-content
{
	margin-top:22px;
	margin-left:133px;
	width:555px;
	height:55px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#a4a5a5;
	line-height:18px;
	text-align:left;
	border-right:1px solid #e3e3e3;
}

a.navigation
{
	text-decoration:none;
	color:#a4a5a5;
	margin-right:25px;
}

a.navigation:HOVER
{
	color:#152d62;
}

a.navigation-set
{
	text-decoration:none;
	margin-right:25px;
	color:#152d62;
}

/* CONTENT AREA */

div.content-left
{
	width:133px;
	height:70px;
	float:left;
	text-align:right;
}

div.content-text
{
	width:500px;
	float:left;
	text-align:left;
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6b6b6a;
}

div.produkt-picto
{
	width:165px;
	height:auto;
	margin-left:8px;
	margin-top:10px;
	line-height:60px;
}

img.produkt-picto
{
	margin-right:20px;
}

h1
{
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#152d62;
	font-weight:normal;
	margin-bottom:5px;
}

h2
{
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#152d62;
	font-weight:normal;
	margin-bottom:5px;
}

h3
{
	line-height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#152d62;
	font-weight:normal;
	margin-bottom:0px;
	margin-left:10px;
}

h4
{
	line-height:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#152d62;
	font-weight:normal;
	margin-bottom:0px;
	margin-left:15px;
}

h5
{
	line-height:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#152d62;
	font-weight:normal;
	margin-bottom:0px;
	margin-left:20px;
}

a.h
{
	color:#152d62;
	text-decoration:none;
}

a.h:HOVER
{
	text-decoration:underline;
}

div.news
{
	width:160px;
	float:left;
	height:auto;
}

a.news
{
	text-decoration:none;
	color:#a4a5a5;
}
a.news:HOVER
{
	text-decoration:underline;
}

a.news2
{
	text-decoration:none;
	color:#152d62;
}
a.news2:HOVER
{
	text-decoration:underline;
}


/* TEMPLATE AREA */

div.button-box
{
	width:525px;
	height:250px;
	margin-top:15px;
}

div.button
{
	width:150px;
	margin-right:25px;
	float:left;
	margin-top:10px;
}

/* IMAGE AREA */

img.logo
{
	position:absolute;
	bottom:0px;
	left:0px;
}

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; visibility:hidden}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; font-family:Verdana; text-align:left; font-size:13px;}
.clLevel0{color:#a4a5a5;}
.clLevel0over{color:#152d62; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#ffffff; layer-background-color:#cccccc}
.jss-navi-top {font-family:Verdana; text-align:left; font-size:13px; color:#152d62;}

/*Styles for level 1*/
.clLevel1,.clLevel1over{position:absolute; padding-top: 2px; padding-left: 7px;font-family:Verdana; font-size:11px;}
.clLevel1{border-left: 1px solid #152d62; color:#a4a5a5; background-image: url(http://www.sumanauten.de/img/bg2.png); }
.clLevel1over{border-left: 1px solid #152d62; color:#152d62; cursor:pointer; cursor:hand; background-image: url(http://www.sumanauten.de/img/bg2.png);}
.clLevel1border{position:absolute; visibility:hidden; background-image: url(http://www.sumanauten.de/img/bg2.png);}
.jss-navi-sub {border-left: 1px solid #152d62;  padding-top: 2px; padding-left: 7px; font-family:Verdana; text-align:left; font-size:11px; position:absolute; color:#152d62; background-image: url(http://www.sumanauten.de/img/bg2.png);}


/*Styles for level 2*/
.clLevel2,.clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px;}
.clLevel2{background-color:#FFFFFF; layer-background-color:#FFFFFF; color:#808080;}
.clLevel2over{background-color:#FFFFFF; layer-background-color:#FFFFFF; color:#d5d5d5; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF}













a.inlink
{
	color: #152d62;
}







/* LINUS */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 150px; /*Width of Carousel Viewer itself*/
height: 300px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
text-align: left;
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}