@charset "UTF-8";
/* CSS Document */
/* etter & berno AG */
/* (c) 2008, BS MediaVision AG */


/* isearch */
.isearch-highlight { font-weight:bold !important }
.isearch-description { float:left; width:88%; color:#333333; line-height:20px }
table.isearch-prevnext { width:88%; text-align:right !important }
.normal { float:left; width:88%; color:#333333; line-height:20px; margin-bottom:15px; font-weight:normal!important }
table.isearch-head { width:88%; border:0px; margin-top:15px }
a.isearch-title:link, a.isearch-title:visited { width:88% !important }
a.isearch-url:link, a.isearch-url:visited { font-size:80% !important; margin-bottom:5px !important }
.isearch-head { clear:left !important; line-height:20px }

/* ----------------------------------------------------- */


html { overflow: auto; background-repeat:no-repeat; background-position:bottom left; background-attachment:fixed }
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; background-repeat:no-repeat; background-position:bottom left; background-attachment:fixed; height: 100%; width:100%}

#bgimage {
	position: absolute;
	background-image: url(../images/bildwelt/00.jpg);
	background-position: 0px 100000px;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}

#starbutton01 { position:absolute; z-index:100; top:325px; left:721px }
#starbutton02 { position:absolute; z-index:100; top:311px; left:707px }
#willkommen { position:absolute; width:140px; z-index:90; top:254px; left:260px }


#homepage { min-height:820px; height:100% !important; background-position:bottom left; position:absolute; z-index:10; background-repeat:no-repeat  }

	/* helpers */
	#ctrl_h { width:1px; float:left }
	.prop-homepage { height:820px; float: right; width:1px }
	.prop-conthome { height:165px; float: right; width:1px }
	.prop-content { height:310px; float: right; width:1px }
	.clear { clear:both; height:1px; overflow:hidden }


#container { position:absolute; z-index:20 }

#headerwrap { float:left; width:1000px }
#middlewrap { float:left; width:1000px }
#footerwrap { float:left; width:1000px }

#headbox { float:left; width:917px; height:102px; padding:20px 0 0 62px }
#navibox { float:left; width:282px; padding:0 0 0 62px }
#contbox { float:left; display: block; width:395px; border:1px solid #B4BCCE; padding:25px 0 10px 30px; background-color:#FFFFFF; margin-bottom:50px }

#sgsbox { float:left; width:116px; border:0; padding:40px 0 10px 77px; margin-bottom:10px; opacity: .5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" }
#oekostrom { float:left; width:116px; border:0; padding:0px 0 0px 77px; margin-bottom:50px; }

#logo-big { position:absolute; z-index:90; float:right; width:506px; height:190px; margin:20px 5px 5px 412px }
#logo { float:right; width:242px; height:91px }

#metanavi { float:left; font-size:10px; color:#B4BCCE; width:622px; margin-top:39px; padding:5px 5px 5px 8px; border-top:1px solid #B4BCCE; background-color:#FFFFFF }
#metanavi a:link, #metanavi a:visited  { color:#B4BCCE; text-decoration:none }
#metanavi a:hover, #metanavi a:active  { color:#333333; text-decoration:none }

#mainnavi { clear:both; width:180px; padding: 6px 8px 2px 8px;  background-color:#FFFFFF }
#mainnavi ul { color:#B4BCCE; list-style-position:outside; list-style-type:none; margin:0; padding:0 }

li.mainnavi { background-color:#FFFFFF; margin:0 0 3px 0 }
li.mainnavi a { font-size:15px; background-color:#FFFFFF; padding:0 2px 0 0 }
li.mainnavi a:link, li.mainnavi a:visited  { color:#B4BCCE; text-decoration:none }
li.mainnavi a:hover, li.mainnavi a:active  { color:#8BAD2A; text-decoration:none }

li.subnavi, li.subsubnavi { background-color:#FFFFFF; margin:7px 0 7px 0; line-height:16px }
li.subnavi a, li.subsubnavi a { font-size:12px; background-color:#FFFFFF; padding:0 2px 0 0; line-height:16px }
li.subnavi a:link, li.subnavi a:visited, li.subsubnavi a:link, li.subsubnavi a:visited  { color:#B4BCCE; text-decoration:none; line-height:16px }
li.subnavi a:hover, li.subnavi a:active, li.subsubnavi a:hover, li.subsubnavi a:active  { color:#333333; text-decoration:none; line-height:16px }

.freeze { color:#8BAD2A !important; text-decoration: none !important }
.freezesub, .freezesubsub  { color:#333333 !important; text-decoration: none !important }

.navpoint, .subnavpoint, .subsubnavpoint { background-image:url(/images/global/line-navi.gif); background-position:left bottom; background-repeat:no-repeat }
.subnavpoint { margin-left: 20px }
.subsubnavpoint { margin-left: 40px }



#conthome { min-height:165px }
#content { min-height:310px }
.bottom15 { padding-bottom:15px }

h1 { clear:left; font-size:18px; color:#8BAD2A; padding-bottom:15px }
h2 { clear:left; font-size:12px; color:#8BAD2A; font-weight:bold; line-height:20px }
h3 { clear:left; font-size:12px; color:#8BAD2A; font-weight:bold; line-height:20px }
.tit { font-size:12px; color:#8BAD2A; font-weight:bold; line-height:20px; margin-top:5px; padding-bottom:0 }
p  { clear:left; width:88%; color:#333333; line-height:20px; padding-bottom:15px }
p.oneline { line-height:16px; margin-top:-7px; padding-bottom:13px; display:inline-block }
p.lastlink { font-size:11px; margin-left:0; margin-top:-11px; margin-bottom:5px }
ul { color:#333333; line-height:20px }

ul li ul li a:link, ul li ul li a:visited, .lastlink a:link, .lastlink a:visited { line-height:16px; font-size:11px; color:#888888 }
ul li ul li a:hover, ul li ul li a:active, .lastlink a:hover, .lastlink a:active { line-height:16px; font-size:11px; color:#333333 }

.plus { float:left; border:0; padding:0; margin-bottom:-4px; line-height:16px; font-size:10px; text-decoration:none }
.plus a:link, .plus a:visited { color:#B4BCCE; text-decoration:none }
.plus a:hover, .plus a:active { color:#8BAD2A; text-decoration:none }

a:link, a:visited { color:#3d6323 }
a:hover, a:active { color:#8BAD2A }


#copy p { font-size:10px; color:#B4BCCE }
#copy p a:link, #copy p a:visited { color:#B4BCCE; text-decoration:unterline }
#copy p a:hover, #copy p a:active { color:#333333; text-decoration:none }

.mail { font-size:10px !important }


/* gesamtsortiment */
#listing { clear:left; display:block; margin-bottom:5px }
.first-column, .second-column { float:left; width:190px; margin:0 0 10px 0 }
.team-groupe { float:left; width:394px; margin-top:5px;}
.team-column { float:left; width:190px; margin-bottom:10px }
.prod-column { float:left; width:85px; margin-bottom:10px }
.tit2column { margin:0 }
.tit2bspace { margin-bottom:10px }
.textcolumn { margin-top:0; clear:left }
.img-column { float:left; border:solid 1px #CCCCCC; padding:4px; margin:0 }

.line { float:left; background-image:url(/images/global/blackline.gif); background-repeat:repeat-x; height:1px; width:88%; margin:5px 5px 22px 0 }	
.linecolumn { clear:both; background-image:url(/images/global/blackline.gif); background-repeat:repeat-x; height:1px; width:175px; margin:13px 5px 13px 0 }
.listnormal li { margin:10px 0 5px 0 }
.listaktuell li { margin:0 }
.list li { margin:5px 0 10px 0 }
.listnormal, .listaktuell { clear:left; list-style:outside; list-style-image:url(/images/global/list.gif); width:490px; font-size:12px; line-height:20px; color:#333333; margin:-1px 12px 5px 12px;  padding-bottom:15px; width:auto }
.listgrey { clear:both; list-style:outside; list-style-image:url(/images/global/list.gif); width:490px; font-size:11px; line-height:16px; color:#888888; margin:-1px 12px 5px 12px; width:auto }
.list { clear:left; list-style:outside; list-style-image:url(/images/global/list.gif); font-size:12px; line-height:20px; color:#333333; margin:0 12px 0 20px; padding:0 }

.alpha-navi { margin-top:2px; width:370px }
p.map { clear:left }
.map a:link, .map a:visited, 
.map a:hover, .map a:active { display:inline-block; cursor:hand; font-size:10px !important; text-decoration:none; font-size:11px; width:15px; padding:1px 2px 1px 2px; margin:0; text-align:center; line-height:10px }
.map a:link, .map a:visited { color:#8BAD2A; background-color:#FAFAFA; border:1px solid #8BAD2A }
.map a:hover, .map a:active { color:#FFFFFF; background-color:#8BAD2A; border:1px solid #8BAD2A }


/* Special links */
.toward, .back { padding-left:16px; padding-bottom:2px; padding-top:3px; background-repeat:no-repeat; background-position:left top }
.toward {background-image:url(/images/global/arrow.gif) }
.back { background-image:url(/images/global/back.gif) }
.pdf { padding-right:20px; padding-bottom:2px; padding-top:1px; background-repeat:no-repeat; background-position:right bottom; background-image:url(/images/global/pdf.gif) }


/* Table Layout */
.noline	{ border:0 !important }
.greenline { border-bottom:1px solid #8BAD2A !important; border-top:0 !important; border-left:0 !important; border-right:0 !important  }
.novertiline { border-left:0 !important; border-right:0 !important }
.alignright { text-align:right !important }
.ttit3 { font-size:11px; line-height:16px; color:#8BAD2A; margin-top:2px }

.table { float:left; width:322px; margin:-8px 0 32px 0 }
.table2 { float:left; width:328px; margin:5px 0 28px 0 }
.table3 { float:left; width:350px; margin:0 0 10px 0 }
.table th, .table2 th{ text-align:left; vertical-align:text-top; line-height:18px; color:#000000; border:1px solid #E2E2E3; padding:0 5px 5px 0;  }
.table td, .table2 td { font-size:12px; text-align:left; vertical-align:text-top; line-height:18px; border-top:1px solid #E2E2E3; border-right:0; border-bottom:1px solid #E2E2E3; border-left:1px solid #E2E2E3; padding:2px 5px 1px 5px }
.table3 td { font-size:12px; border:0; padding:0 }


/* Search Layout */
form { width:322px }
.urladresse { font-size:11px; line-height:16px; color:#487CBD }
.linesuche1, .linesuche2 { float:left; width:88%; height:1px; background-image:url(/images/global/blackline.gif); background-repeat:repeat-x }
.linesuche1 { margin-top:0px; margin-bottom:26px }
.linesuche2 { margin-top:10px; margin-bottom:10px }
.pageing { font-size:11px; line-height:16px; color:#8BAD2A }
.nummer { font-weight:normal; margin-right:0 }
.titel { font-weight:normal; margin-top:0 }
.tablesuche { float:left; clear:left; width:394px }

.suchefield { color:#8BAD2A; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #8BAD2A; margin-top:0px; margin-right:3px }
.suche { color:#8BAD2A; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #8BAD2A; margin-top:0px; margin-right:3px; height:16px; width:155px; line-height:10px; padding-left:2px; padding-top:1px; margin-left:0 }
.suchebutton { color:#8BAD2A; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #8BAD2A; margin-top:0px; margin-right:3px; height:19px; width:55px; line-height:10px; padding-top:0px; padding-bottom:1px; margin-right:15px; margin-top:-3px; background-color:#FAFAFA; cursor:pointer }


/* Formular Layout */
form { margin:3px 0 25px 0 }
.onefield { line-height: 140%; padding:2px 0 2px 0; margin:1px 4px 0 0; white-space: nowrap; border-bottom:0 solid #AAAAAA; /*background-color: #F1F1F1;*/ width:380px }
.prefield { float: left; border-bottom:1px solid #cccccc; display:compact; margin:0px 4px 0 0; width:100px; padding:0 }
.prebutton { float: left; border-bottom:0; display:compact; margin:0px 4px 0 0; width:100px; padding:0 }
.field { font-size:11px; color:#373737; height:15px; width:238px; border:1px #cccccc solid; padding:1px 0 0 2px; background-color:#FAFAFA }
.radios { display:compact; margin:0; padding:0; }
.anrede { font-size:11px; margin:0 0 0 4px; padding:0; color:#373737 }
.textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#373737; width:238px; border:1px #cccccc solid; padding:2px 0 0 2px; background-color:#FAFAFA }
.select { font-size:11px; color:#373737; width:254px }
.check { float: left; margin:2px 0 0 0 }
.aftercheck { float: left; border-bottom:0 solid #cccccc; display:compact; margin:2px 4px 4px 4px; width:400px; padding:0 }
.reqMark { color:#F00; padding:0 }
.formbutton { color:#8BAD2A; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #8BAD2A; height:19px; width:55px; line-height:10px; padding-top:0px; padding-bottom:1px; margin-right:5px; margin-top:10px; background-color:#FAFAFA; cursor:pointer }



/* Video */


a.preview_video  { 
	display: block;
	width: 160px;
	height: 103px;
	background-image:url(../video/preview.jpg);
	background-repeat: no-repeat; 
}
	
a.preview_video:hover  { 
	background-image:url(../video/preview.jpg);
	background-repeat: no-repeat;
	background-position: 0 -103px !important;
	
}