/* sunbattery Mainstylesheet - Nico Oblonczek, ELBNAH IT-SYSTEME 2007 */


/* GLOBAL SETTINGS */
body
{
	margin:0px;
	padding:0px;
	background-color:#f1f1f1;
	text-align:center;
}

A img 
{
	border:0px;
}

/* /GLOBAL SETTINGS */


/* FONTSET */
h1,.headline
{
	font-weight:normal; 
	color: #66757e;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif; 
	font-variant:normal;
	font-style:normal;
}

h2,.subheadline,label,.h2
{
	font-weight:bold; 
	color: #66757e;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif; 
	font-variant:normal;
	font-style:normal;
}


h4
{
	font-weight:bold; 
	color: #fed300;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; 
	font-variant:normal;
	font-style:normal;
}

h3
{
	font-weight:bold; 
	color: #66757e;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; 
	font-variant:normal;
	font-style:normal;
}

.yellow
{
	font-weight:normal; 
	color: #fed300;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; 
	font-variant:normal;
	font-style:normal;
}

.white
{
	font-weight:normal; 
	color: #FFFFFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; 
	font-variant:normal;
	font-style:normal;
}

p,.text,td,.product_det,#maincontent li,.norm
{
	font-weight:normal; 
	color: #000000;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; 
	font-variant:normal;
	font-style:normal;
	line-height:17px;
}


td A:link, 	 .text A:link	{ color: #000000; text-decoration:underline; }
td A:visited,.text A:visited{ color: #000000; text-decoration:underline; }
td A:hover,	 .text A:hover	{ color: #66757e; text-decoration:underline; }
td A:active, .text A:active	{ color: #66757e; text-decoration:underline; }
td A:focus,	 .text A:focus 	{ color: #66757e; text-decoration:underline; }

p A:link, 	 .text A:link	{ color: #000000; text-decoration:underline; }
p A:visited, .text A:visited{ color: #000000; text-decoration:underline; }
p A:hover,	 .text A:hover	{ color: #66757e; text-decoration:underline; }
p A:active,	 .text A:active { color: #66757e; text-decoration:underline; }
p A:focus,	 .text A:focus	{ color: #66757e; text-decoration:underline; }

A:link.dline	{ color: #000000; text-decoration:none; border-bottom:1px dotted #66757e; }
A:visited.dline { color: #000000; text-decoration:none; border-bottom:1px dotted #66757e; }
A:hover.dline	{ color: #66757e; text-decoration:none; border-bottom:1px dotted #66757e; }
A:active.dline  { color: #66757e; text-decoration:none; border-bottom:1px dotted #66757e; }
A:focus.dline   { color: #66757e; text-decoration:none; border-bottom:1px dotted #66757e; }

.gray
{
	
	font-weight:normal; 
	color: #66757e;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; 
	font-variant:normal;
	font-style:normal;
}

.gray A:link 	{ color: #66757e; text-decoration:none; }
.gray A:visited { color: #66757e; text-decoration:none; }
.gray A:hover 	{ color: #000000; text-decoration:none; }
.gray A:active 	{ color: #000000; text-decoration:none; }
.gray A:focus 	{ color: #000000; text-decoration:none; }

.tbhead
{
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; 
	font-variant:normal;
	font-style:normal;
}

.nav
{
	font-weight:bold; 
	color: #FFFFFF;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif; 
	font-variant:normal;
	font-style:normal;
}
.subnav
{
	font-weight:normal; 
	color: #FFFFFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; 
	font-variant:normal;
	font-style:normal;
}
.nav A:link,	.subnav A:link 		{ color: #FFFFFF; text-decoration:none; }
.nav A:visited, .subnav A:visited   { color: #FFFFFF; text-decoration:none; }
.nav A:hover,	.subnav A:hover 	{ color: #000000; text-decoration:none; }
.nav A:active,	.subnav A:active 	{ color: #fed300; text-decoration:none; }
.nav A:focus,	.subnav A:focus 	{ color: #000000; text-decoration:none; }

.superfat
{
	font-weight:normal; 
	color: #000000;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif; 
	font-variant:normal;
	font-style:normal;
}




/* /FONTSET */


/* LAYER */
#mainborder
{
	width:770px;
	margin:auto;	/*ugly but effective*/
	padding:0px;
	position:relative;
}

#top
{
	position:relative;
	margin:0px;
	padding:0px;
	width:770px;
	height:91px;
	background-color:#FFFFFF;
}

#sunlogo
{
	margin:33px 0px 0px 10px;
	position:relative;
	float:left;
}

#themepic
{
	margin:0px 0px 0px 8px;
	padding:0px;
}

#leftside
{
	position:relative;
	text-align:left;
	float:left;
	width:272px;	/*IE6 won't inherit anyways...*/
}

#navigation
{
	padding:0px 0px 38px 0px;
	width:272px;	/*IE6 won't inherit anyways...*/
	background-image:url(../assets/bg_navshade.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#navigation ul
{
	position:relative;
	list-style:none;
	margin:0px 0px 0px 9px;
	padding:19px 0px 0px 19px;
	width:244px;
	background-color:#66757e;
	background-image:url(../assets/bg_navedge_topright.gif);
	background-position:left top;
	background-repeat:no-repeat;
	
}

/* Navigation - First level */
#navigation ul li
{
	width:223px;
	padding:10px 0px 10px 0px;
	background-image:url(../assets/bg_darkspacer.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	display:block;
}

#navigation ul li.active
{
	width:223px;
	padding:5px 0px 0px 0px;
	display:block;
	background-image:none;
}

#navigation ul li ul li.active
{
	padding:0px 0px 0px 0px;
	display:block;
}

#navigation ul li A,#navigation ul li.inactive A,#navigation ul li.inactive A:Hover ,#navigation ul li.inactive A:Focus
{
	display:block;
	background-image:url(../assets/img_navnormal.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 25px;
}

#navigation ul li.active A,#navigation ul li.active A:Hover ,#navigation ul li.active A:Focus
{
	display:block;
	background-image:url(../assets/img_navactive.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 25px;
	color:#fed300;
}

#navigation ul li A:Hover,#navigation ul li A:Focus
{
	display:block;
	background-image:url(../assets/img_navhover.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 25px;
}

#navigation ul li:last-child
{
	background-image:none;
}
/* /Navigation - First level */

/* Navigation - Second level */
#navigation ul li ul
{
	margin:0px;
	padding:0px 0px 10px 0px;
	background-image:none;
	list-style:none;
}
#navigation ul li ul li
{
	padding:0px 0px 0px 0px;
	display:block;
	background-image:none;
	margin:0px;
}

#navigation ul li ul li A,#navigation ul li ul li.inactive A,#navigation ul li ul li.inactive A:Hover ,#navigation ul li ul li.inactive A:Focus
{
	background-image:none;
	background-image:url(../assets/bg_subnavnormal.gif);
	background-position:4px center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 25px;
	margin:0px;
}

#navigation ul li ul li.active A,#navigation ul li ul li.active A:Hover ,#navigation ul li ul li.active A:Focus
{
	display:block;
	background-image:url(../assets/bg_subnavactive.gif);
	background-position:4px center;
	background-repeat:no-repeat;
	margin:0px;
}

#navigation ul li ul li A:Hover,#navigation ul li ul li A:Focus
{
	display:block;
	background-image:url(../assets/bg_subnavhover.gif);
	background-position:4px center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 25px;
	margin:0px;
}

/* Formulardaten */
.searchfield
{
	width:345px;
}
.contactinp_half
{
	margin:12px 0px 0px 0px;
	width:118px !important; /*FireFox und Co*/
	width:122px; /*Internetverborer*/
	float:left;
}
.contactinp_big
{
	margin:12px 0px 0px 0px;
	width:240px !important; /*FireFox und Co*/
	width:249px; /*Internetverborer*/
	float:left;
}
.contactinp_mid
{
	margin:12px 0px 0px 0px;
	width:147px !important; /*FireFox und Co*/
	width:150px; /*Internetverborer*/
	float:left;
}
.contactinp_small
{
	margin:12px 0px 0px 0px;
	width:90px !important; /*FireFox und Co*/
	width:92px; /*Internetverborer*/
	float:left;
}

#formfield label
{	
	float:left;
	width:85px !important; /*FireFox und Co*/
	width:84px; /*Internetverborer*/
	margin:12px 0px 0px 0px;
}
#formfield br
{
	clear:left;
}
#formfield .button
{
	margin:20px 0px 20px 30px;
}
#formfield .button_h
{
	margin:5px 1px 20px 4px;
	float:right;
}

/* /Navigation - Second level */

#maincontent
{
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
	width:498px;
	background-color:#FFFFFF;
	position:relative;
	text-align:left;
}

#midarea
{
	position:relative;
	text-align:left;
	padding:19px;
}

#midarea ul.related
{
	list-style:none;
	margin:0px;
	padding:0px;
}

#midarea ul.related li
{
	margin:0px;
	padding:6px 0px 6px 23px;
	position:relative;
	border-top:1px dotted #66757e;
	background-image:url(../assets/img_floatarrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

#midarea ul.related li.ext
{
	background-image:url(../assets/img_floatarrow_ext.gif);
}

#midarea ul.related li A
{
	display:block;
}

.lftbox
{
	margin:0px 0px 20px 0px;
	padding:0px 10px 10px 10px;
	position:relative;
	float:left;
}

.lftbox label,.lftbox p
{
	margin:0px;
	padding:0px;
}

.lftbox form
{
	margin:4px 0px 4px 0px;
	padding:0px;
}

.lftbigbox
{
	margin:0px;
	padding:0px;
	width:249px;
	height:19px;
	float:left;
}

.spbutton
{
	cursor:pointer;
	margin:5px 0px 0px 0px;
	padding:1px 0px 0px 22px;
	width:106px;
	height:27px;
	border:0px;
	background-image:url(../assets/inp_button.gif);
	font-weight:normal; 
	color: #FFFFFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; 
	font-variant:normal;
	font-style:normal;
	float:right;
	text-align:left;
}

.half
{
	position:relative;
	margin:0px 6px 0px 0px;
	padding:0px;
	width:48%;
	float:left;
}

ul#prenav
{
	margin:40px 0px 0px 560px !important;
	margin:40px 0px 0px 30px;
	padding:0px;
	position:absolute;
	list-style:square;
	width:250px;
	height:25px;
}

ul#prenav li
{
	margin:0px 20px 0px 0px;
	padding:0px;
	float:left;
}

ul#prenav li A
{
	text-decoration:underline;
}

#foot
{
	position:relative;
	height:20px;
	padding:10px 0px 0px 0px;
	text-align:left;
	background-color:#f1f1f1;
	font-size:12px;
}

#foot .gray
{
	font-size:12px;
}

.skip_precontent
{
	display:none;
}
/* /LAYER */


/* TABLES */
table.bigtable 
{
	table-layout:auto;
	width:100%;
}
.bigtable th
{	
	/*white-space:nowrap;*/
	text-align:center;
	background-color:#66757e;
	padding:6px 2px 6px 2px;
}

.bigtable td
{
	height:22px;
	padding:4px;
	white-space:nowrap;
	text-align:center;
}

.bigtable td:first-child
{
	text-align:left;
}

.product_det
{
	position:relative;
	width:47%;
	float:left;
	margin:0px 0px 10px 0px;
}

.product_det ul
{
	margin:0px;
	padding:0px 0px 0px 19px;
	list-style:square;
}

.product_det ul li
{
	margin:0px 0px 4px 0px;
}

ul.threecol
{
	position:relative;
	margin:0px;
	padding:0px 19px 0px 19px;
	list-style:square;
}

ul.threecol li
{
	margin:0px;
	padding:0px;
	float:left;
	width:33%;
}

ul.rightflopt
{
	position:relative;
	height:30px;
	margin:10px 0px 0px 0px;
	padding:0px;
}

ul.rightflopt li
{
	display:block;
	background-image:url(../assets/img_floatarrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
	float:right;
	margin:0px 0px 0px 10px;
}

ul.rightflopt li A
{
	display:block; 
	font-weight:bold;
	padding:0px 0px 0px 15px;
}

.addinfo
{
	position:relative;
	margin:5px 0px 5px 0px;
	padding:5px;
	background-color:#CCCCCC;
}


.tooltip
{
	/*Global*/
	background-color:#FFFFFF;
	z-index:800;
	left:13%;
	/*Geko*/
	position:fixed !important;
	margin-top:0px !important;
	top:20% !important;
	/*IE6*/
	top:auto;
	margin-top:-100px;
	position:absolute;
}

.tooltip img
{
	float:none;
}

.hidden
{
	display:none;
}

.visible
{
	display:block;
}


.dl
{
	margin:0px 0px 10px 0px;
	padding:15px 0px 15px 0px;
	border:1px dashed #66757e;
	background-color:#FFFFFF;
	position:relative;
	display:block;
}
A.dl 
{
	text-decoration:none;
}

A.dl:Hover
{
	background-color:#66757e;
	border-color:white;
}

A.dl:Hover span
{
	color:white;
}

ul.longcontent li 
{
	margin:10px 0px 10px 10px;
}


/* /TABLES */