/****** FILE: themes/belico/css/reset-fonts-grids.css *****/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

/****** FILE: themes/belico/css/layout.css *****/
/* Allgemein Standart 
-------------------------------------------- */
  
* { margin: 0; padding: 0; }

body {
	color: #333;
 	font-size: 1em; 
	font-family: Verdana,Arial,sans-serf; 
	background: #efefef;
}

html { background: #efefef !important; }

.clear{ clear:both; }

.cursorru{ cursor:default; }

/* SUCHE
----------------------------------------- */
#SearchForm_SearchForm{width:210px;float:right;margin:13px 7px 0 0;}
#SearchForm_SearchForum{width:350px;float:right;margin:0px 0px 0 0;}
#bt_ok{width:21px;height:18px;margin:1px 0 0 0px;float:right;}
#SearchForm_SearchForm #Search, #SearchForm_SearchForum #Search{background-image:url(../images/nav/suche.jpg);width:156px;height:14px; border:0;font-size: 0.8em;font-family: Trebuchet MS,Lucida Grande; padding:1px 4px 3px 4px;margin:1px 0 0 15px;float:right;color: #333;}
#SearchForm_SearchForum #Search{font-size: 1.0em; padding:1px 4px 3px 4px;}

div.landerwahl{float:right;margin-top: 15px;font-family: 'Trebuchet MS', 'Lucida Grande'; font-size: 0.8em;}

/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 1004px;  
	margin: 0 auto; 
	text-align: left;
}
#Container { 
	width: 1004px;
	background: transparent url(../images/back/Container_back.png) repeat-y 0px 0px;
	margin-top:7px;
}
#Containeroben { 
	width: 1004px;
	background: transparent url(../images/back/Container_oben.png) no-repeat 0px 0px;
	padding:6px 7px 0 7px;

}
#Containerinhalt{ 
	width: 990px;
	/* background: #ccc; */
}

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation {
	width: 990px;
	font-family:Arial, Helvetica, sans-serif;
	white-space:nowrap;
	position:relative;
	z-index:103;
}
	#Navigation ul { 
 		float: right;
	}
		#Navigation ul li { 
			height:30px;
	 		list-style: none; 
	 		margin-top: 60px;
			padding: 8px 15px 0 6px; /* menue breite einstellen */
			letter-spacing:0.01em;
			float: left;
			background: transparent url(../images/nav/menue_back.png) repeat-x 0px 0px;
			display: block;
		}
		#Navigation ul li.child:hover { 
			background: transparent url(../images/nav/menue_back.png) repeat-x 0px -139px; 
		}
		#Navigation ul li:hover a, #Navigation ul li:hover span{ 
			color: #00628d;
		}
		
		#Navigation ul li.logo { 
			margin-top: 0px;
			width: 81px; 	height:139px;
			padding: 0px 10px 0 0px;
			background: transparent url(../images/nav/logo.png) no-repeat 0px 0px;
		}
		#Navigation ul li.logo:hover { 
			background: transparent url(../images/nav/logo.png) no-repeat 0px -139px;
		}
		#Navigation a, #Navigation span { 
			color: #696866;
			font-size: 14px; 
			text-decoration: none;
		}
		#Navigation a.current, #Navigation a.current span, #Navigation a.section, #Navigation span.current, #Navigation span.section{ 
			color: #000000 !important;
		}
		
/* SUB NAVIGATION
----------------------------------------- */
#Navigation ul li ul{ 
			height: auto;
	 		list-style: none; 
	 		position: absolute;
	 		left: 84px;
	 		top:98px; 		
	 		margin-top: 0px;
			padding: 0px 0px 0 0px; 
			float: none;
			background: none;
			display: none;
			width:906px;
			z-index:102;
		}
#Navigation ul li:hover ul{ 
			display: block;
			background: transparent url(../images/blank.gif) ;
		}	
#Navigation ul li ul li{ 
			height: auto;
	 		list-style: none;  		
	 		margin-top: 0;
			padding: 12px 0 0 5px; 
			float: none;
			background: transparent url(../images/nav/menuesub_mitte.png) repeat-y 0px 0px; 
			display: block;
		}
#Navigation ul li ul li.first{ 
			
			padding: 0 0 0 0; 
			background: transparent url(../images/nav/menuesub_top.png) no-repeat 0px -10px;
		}
#Navigation ul li ul li.last{ 
			height: 19px;  		
			padding: 0 0 0 0; 
			background: transparent url(../images/nav/menuesub_bottom.png) no-repeat 0px 0px;
		}
		
#Navigation ul li:hover ul li a, #Navigation ul li ul li a{ 
			color: #696866;
			font-size: 13px;
		}
#Navigation ul li ul li a:hover{ 
			color: #00628d;
		}
#Navigation ul li ul li.mitte div{
			display:inline-block;
			vertical-align:top;
			width: 36%;
		/* background: #ccc; */		
		}
#Navigation ul li ul li.mitte div.first_head{ 
			text-align:right;
			width: 25%;
			height: 0.95em;
			border-bottom: 1px solid #9d9b98;
			margin-right:19px;
			padding-top:1px;
			font-size: 14px; text-transform:uppercase; color: #00628d; letter-spacing:0.2em; line-height: 1em; 	white-space:normal;
			cursor:default;
		}
#Navigation ul li ul li.mitte div a{ 
			display:block;
			line-height: 1.7em;
		}
#Navigation ul li ul li.mitte div a.current{ 
			color: #000000;
		}
		
#Navigation ul li ul li.mitte div.kurz_head{ 
			width: 17%;
		}		
#Navigation ul li ul li.mitte div.first_column{ 
			width: 16%;
		}		


/* SPALTEN
----------------------------------------- */
div.ganzganz div.inhaltlinks {
		width:930px; 
		padding-left:30px;
		display:inline-block;
		vertical-align:top;
	}
	
div.halbhalb div.inhaltlinks, div.halbhalb div.inhaltrechts {
		width:445px; 
		padding-left:30px;
		display:inline-block;
		vertical-align:top;
	}
div.halbhalb div.inhaltrechts {
		padding-left:40px;
	}
	
div.zweidreindr div.inhaltlinks, div.zweidreindr div.inhaltrechts {
		width:603px; 
		padding-left:30px;
		display:inline-block;
		vertical-align:top;
	}
div.zweidreindr div.inhaltrechts {
		width:296px;
	}
	
div.eindrzweidr div.inhaltlinks, div.eindrzweidr div.inhaltrechts {
		width:296px; 
		padding-left:30px;
		display:inline-block;
		vertical-align:top;
	}
div.eindrzweidr div.inhaltrechts {
		width:603px;
	}

/* Vorteile Video*/
div.vorteile div.inhaltlinks, div.vorteile div.inhaltrechts {
		width:735px; 
		padding-right:30;
		display:inline-block;
		vertical-align:bottom;
	}
div.vorteile div.inhaltrechts {
		width:220px;
		padding:0;
	}
div.vorteile div.inhaltlinks h1 {
		margin:30px 0 0px;
	}
div.vorteile {
		margin-bottom:28px;
	}

	
	
/* FOOTER
----------------------------------------- */		
#Footer { 
	margin-top:-66px;
	width: 1004px;
	height:80px;
	background: transparent url(../images/back/Footer.png) no-repeat;
	padding:54px 7px 0 7px;
	position:relative;
	z-index:100;	
	}
	#Footer ul { 
 		float: left;
	}
		#Footer ul li { 
	 		list-style: none; 		
			float: left;
			display: block;
			height:15px;
			padding:3px 20px 0 6px;
			border-left: 2px solid #9d9b98;
		}
		#Footer ul li:hover { 
			padding-left: 4px;
			border-left: 4px solid #9d9b98;
		}
		#Footer ul li.last, #Footer ul li.last:hover { 
			border-left: 0px solid #9d9b98;
		}
		#Footer a { 
		font-family:Arial, Helvetica, sans-serif;
			color: #696866;
			font-size: 0.75em; 
			text-decoration: none;
		}
		#Footer a.current { 
			color: #9d9b98;
		}
		
/* EXTRAS
----------------------------------------- */
.untenrand 		{ margin-bottom:18px; }
.unsichtbar 	{ visibility:hidden; }
.randlzwanzig 	{ margin-left:20px; }
.randlzehn 		{ margin-left:10px; }
.randuzehn 		{ margin-bottom:10px; }
.randozwanzig 	{ margin-top:20px  !important; }
.randodreisig 	{ margin-top:30px  !important; }

.produktinhalt 	{ position:relative; min-height:420px; width:630px; padding:10px 330px 0 30px; }

.positionrel	{ position:relative; }

.nachrichtinhalt 	{ position:relative; min-height:250px; width:630px; padding:10px 330px 0 30px; }

	
/* TABS
----------------------------------------- */	
/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

ul.css-tabs a { 
	float:left;
	font-size:0.8em;
	display:block;
	padding:3px 10px;	
	text-decoration:none;
	height:18px;
	background-color:#ddd;
	border:1px solid #ddd;
	color:#777;
	margin-right:10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	background-color:#efefef;
	border:1px solid #efefef;
	color:#333;
	text-decoration:none;
	-moz-box-shadow: 0px 0px 11px #ddd; 
    -webkit-box-shadow: 0px 0px 11px #ddd;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#F7F7F7;	
	color:#333;	
	cursor:default;
	border:1px solid #CCCCCC;
	-moz-box-shadow: 0px 0px 11px #ddd; 
    -webkit-box-shadow: 0px 0px 11px #ddd;
}

/* TOOLTIP
----------------------------------------- */	
#demotip   {
	display:none;  
    background-color:#ffffff;  
    padding:3px 6px; 
    -moz-box-shadow: 0px 0px 11px #ddd; 
    -webkit-box-shadow: 0px 0px 11px #ddd;    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size:12px;
    }


#returnJourneyLayer, #returnWarenkorbLayer {
	left:50%;
	top:0px;
	width:530px;
	position:absolute;
	z-index:10001;
	margin-left: -275px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-left-radius: 6px 6px;
	-webkit-border-bottom-right-radius: 6px 6px;
	background-color:#FFF1A8;
	border-color: #FFF1A8;
	border-style:none solid solid;
	border-width:0 2px 2px;
	color:#000000;
	font-family:arial,sans-serif;
	font-size:80%;
	font-weight:bold;
	padding:3px;
	}
#returnWarenkorbLayer {
	text-align:center;
	font-weight:normal;
	padding:3px;
	position:fixed; 
	}
#ladeLayer {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height: 100%;
	z-index:10002;
	background: #ffffff url(../images/ajax-loader-lg.gif) no-repeat center center;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	}

/****** FILE: themes/belico/css/typography.css *****/
/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * This typography file is included in the WYSIWYG editor and the front end. It provides
 * a place to add link styles and font styles you would like in the CMS and the Front End.
 */

 
/* GENERIC STYLES 
-------------------------------------------- */
 
.typography * {
	font-family: Verdana, Lucida, Arial, sans-serif; 
}

/* PARAGRAPHS 
-------------------------------------------- */
.typography p { 
 	color: #666;
 	line-height: 1.71em;
 	font-size: 0.75em;
	margin: 0 0 1.2em 0;
}
.typography div.subline { 
 	line-height: 1.7em;
 	font-size: 0.75em;
	text-transform:uppercase;  letter-spacing:0.05em;
	border-bottom: 1px dotted #ccc;
	margin: 0 30px;
	padding-bottom: 5px;
}
.typography .cc-rahmen {
-moz-border-radius: 10px;-webkit-border-radius: 10px;
background-color:#FBFBFB;
border:1px solid #E8F0F4;
padding:7px;
}

/* QUOTES
-------------------------------------------- */
.typography blockquote {
	margin: 10px;
	font-size: 1.4em;
	color: #777;
	font-style: italic;
}	
.typography q {
	display:block;
	font-size: 0.8em;
	margin: 1em 1em;
	padding: 0.5em;
	border: 1px #ccc solid;
}

/* LINKS 
-------------------------------------------- */

.typography a {
	text-decoration: underline; 
	color: #666;
}
	.typography a:hover { 
 		text-decoration: none;
	}
	.typography a.keinelinie { 
 		text-decoration: none;
	}
		.typography a.keinelinie:hover { 
 		text-decoration: none;
 		color: #619fcb !important;
	}

	/* LINK ICONS - shows type of file
	------------------------------------ */
	.typography a[href$=".jpg"],
	.typography a[href$=".JPG"],
	.typography a[href$=".gif"],
	.typography a[href$=".GIF"],
	.typography a[href$=".PNG"],
	.typography a[href$=".png"],
	.typography a.pdf {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/picture.png) no-repeat left center;
	}
	
	.typography a[href$=".pdf"],
	.typography a[href$=".PDF"],
	.typography a.pdf {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
	}
	.typography a[href$=".doc"],
	.typography a[href$=".DOC"],
	.typography a.doc {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_word.png) no-repeat left center;
	}
	.typography a[href$=".xls"],
	.typography a[href$=".XLS"],
	.typography a.xls {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_excel.png) no-repeat left center;
	}
	.typography a[href$=".gz"],
	.typography a[href$=".GZ"],
	.typography a[href$=".gzip"],
	.typography a[href$=".GZIP"],
	.typography a[href$=".zip"],
	.typography a[href$=".ZIP"],
	.typography a.archive {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_zip.png) no-repeat left center;
	}
	.typography a[href$=".exe"],
	.typography a[href$=".EXE"],
	.typography a.application {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/application.png) no-repeat left center;
	}

	.typography a.pfeil {
	 	text-decoration: none;
		padding: 2px;
		padding-left: 25px;
		background: url(../images/icons/right.gif) no-repeat left center;
	}	
	.typography a.edit {
	 	text-decoration: none;
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_edit.png) no-repeat left center;
	}
	.typography a.email {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/email_open.gif) no-repeat left center;
	}
	.typography a.emailnew {
		color: #73b65d !important;
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/email_new.gif) no-repeat left center;
	}
	.typography a.emailspam {
		text-decoration: none;
		color: #d76a1d !important;
		padding: 2px;
		padding-left: 15px;
		background: url(../images/icons/trash.gif) no-repeat left center;
	}
	.typography a.emailarchiv {
		color: #9a692a !important;
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/mail_archiv.gif) no-repeat left center !important;
	}

.typography a.weiterlink, .typography a.warenkorblink { 
	text-decoration:none;
	font-size:0.9em;
	display:block;
 	line-height: 1.8em;
	height:18px;
	background-color:#ffffff;
	border:1px solid #ffffff;
	padding: 2px;
	padding-left: 27px;
	background: url(../images/icons/right.gif) no-repeat 2px center;
}
.typography a.warenkorblink {
	padding-left: 34px;
	background: url(../images/icons/cart.png) no-repeat 2px center;
}
.typography a.weiterlink:hover, .typography a.zuruck:hover, .typography a.weiter:hover, .typography a.warenkorblink:hover { 
	-moz-box-shadow: 0px 0px 11px #ccc; 
    -webkit-box-shadow: 0px 0px 11px #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.typography a.zuruck {
	text-decoration:none;
	padding: 4px 10px 4px 27px;
	background: url(../images/icons/left.gif) no-repeat left center;
}
.typography a.weiter {
	text-decoration:none;
	padding: 4px 27px 4px 10px;
	background: url(../images/icons/right.gif) no-repeat right center;
}
.typography a.weiterarchiv {
	margin-left:220px;
	background: url(../images/icons/mail_archiv.gif) no-repeat right center;
}
/* LIST STYLES 
-------------------------------------------- */

.typography ul.punktliste, 
.typography ol.punktliste {
	margin: 0 0 18px 15px;
	color: #666;
	line-height: 1.6em;
 	font-size: 0.75em;

}
	.typography ul.punktliste li {
		margin: 10px 0;
		list-style-type:disc;
	}
	.typography ol.punktliste li {
		margin: 10px 0;
		list-style-type:decimal;
	}
 
.typography ul.linkliste {
	margin: 30px 0 0px 30px;
	color: #666;
	line-height: 1.6em;
 	font-size: 0.75em;

}
	.typography ul.linkliste li {
		margin: 5px 0 0 0;
		list-style-type: none;
		
		width: 445px;
	}
	
	
		
/* HEADER STYLES 
-------------------------------------------- */

.typography h1, .typography h2, .typography h3 { 
	color: #006caf; 
	margin: 0 0 0.5em 0;
	font-weight: 100;
	font-family: Arial, Verdana, sans-serif;
}

.typography h1 {
	font-size: 1.2em;
	text-transform:uppercase;  letter-spacing:0.12em;
	padding-left:30px;
	border-bottom: 1px solid #ccc;
	display:inline-block;
	margin: 30px 0 28px 0;
	line-height: 1em;
}

.typography h1.ubkategorie {
	margin: 30px 0 10px 0;
}

.typography h2, .typography h3, .typography h4, .typography span.shophead, span.shophead2 { 
 	font-size: 1em;
 	margin-top:30px;
text-transform:uppercase;
letter-spacing:0.05em;
}	
.typography h3 {
	border-bottom: 1px dotted #006caf;
	width: 99%;
}
.typography h4 {
	border-bottom: 1px dotted #006caf;
}
.typography span.shophead { 
 	font-size: 1.20em;
}

/* PRE STYLES 
-------------------------------------------- */	
.typography pre {
	font-family:"Courier New",Courier;
	display:block;
	font-size:1.2em;
	margin:2em 5em;
	padding:0.5em;
	border:1px #ccc solid;
	background:#eee;;
}

.typography sup {
	font-size:65%;
	vertical-align:top;
}

.typography strong {
	font-weight: bold;
}

/* TABLE STYLING 
-------------------------------------------- */
.typography table {
	color: #666;
	font-size: 0.77em;
	letter-spacing:0.02em;
 	line-height: 1.45em;
	border-collapse:collapse;
	border:0;
}
	.typography tr {background-color:#F7F7F7;	}
	
	.typography tr.odd {background-color:#efefef;}	
	
	.typography td {
			padding:8px;
		}
		
.typography tr:hover{
		background-color:#D9E8F2;
	}
	
.typography thead {
		border-bottom:2px solid #666;
		font-weight: bold;
	}
.typography thead tr, .typography thead tr:hover {
		background: none;
	}
	

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */
.typography img {
	border: none;
}
	.typography img.right {
		float: right;
		margin-left: 20px;
	}
	.typography img.left {
		float: left;
	}
	.typography img.leftAlone {

	}
	.typography img.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.typography img.Bildrechts {	
		margin-left:610px;
		position:absolute;
	}
	
/* FARBEN 
-------------------------------------------- */
	.hblau						{color: #006caf !important;}
	.hrot						{color: #ad1548 !important;} .bhrot{border-color: #ad1548 !important;}
	.hgrun						{color: #73b65d !important;} .bhgrun{border-color: #73b65d !important;}
	.hGesichtsreinigung 		{color: #619fcb !important;} .bhGesichtsreinigung{border-color: #619fcb !important;}
	.hBasispflege 				{color: #e5949c !important;} .bhBasispflege{border-color: #e5949c !important;}
	.hPflegeBesondereAnsprueche {color: #6d9eab !important;} .bhPflegeBesondereAnsprueche {border-color: #6d9eab !important;}
	.hTaeglicheIntensivpflege 	{color: #c39b81 !important;} .bhTaeglicheIntensivpflege {border-color: #c39b81 !important;}
	.hAugenLippenpartie 		{color: #7b889f !important;} .bhAugenLippenpartie {border-color: #7b889f !important;}
	.hPeelings 					{color: #968dac !important;} .bhPeelings {border-color: #968dac !important;}
	.hMasken 					{color: #4a978e !important;} .bhMasken {border-color: #4a978e !important;}
	.hWirkstoffkonzentrate 		{color: #f6af81 !important;} .bhWirkstoffkonzentrate {border-color: #f6af81 !important;}
	.hPflegeJungeHaut 			{color: #8077b1 !important;} .bhPflegeJungeHaut {border-color: #8077b1 !important;}
	.hPflegeMann 				{color: #1a262f !important;} .bhPflegeMann {border-color: #1a262f !important;}
	.hReinigungFrischeKoerper 	{color: #6d9eab !important;} .bhReinigungFrischeKoerper {border-color: #6d9eab !important;}
	.hKoerperpflege 			{color: #008b79 !important;} .bhKoerperpflege {border-color: #008b79 !important;}
	.hSpezialpflege 			{color: #c18e92 !important;} .bhSpezialpflege {border-color: #c18e92 !important;}
	.hHaarpflege 				{color: #f3a028 !important;} .bhHaarpflege {border-color: #f3a028 !important;}
	.hDekorativeKosmetik 		{color: #af5b45 !important;} .bhDekorativeKosmetik {border-color: #af5b45 !important;}
	.hSonneSolarium 			{color: #e74917 !important;} .bhSonneSolarium {border-color: #e74917 !important;}
	
	.typography h1 span { color: #666;font-size: 0.75em; text-transform:none; letter-spacing:0.05em; }
	.typography li.current a.weiterlink {color: #000000 !important;cursor:default;}

/****** FILE: themes/belico/css/form.css *****/
/* @group Forms */
.formular {
font-size:1em;
}

.formular div.middleColumn div.fieldgroup div.fieldgroupField div.field.CompositeField{
	margin-left: 30%;
}

.formular div.middleColumn div.fieldgroup div.fieldgroupField div.field.CompositeField label {
	margin-right: 10px;
	width: 80px;
	text-align: right;
	float: left;
	font-size:0.75em;
	padding-top:3px;
}
 .formular .fieldgroupField label, .formular span,  .formular .optionset label {
	font-size:0.75em;
}
 .formular .readonly{
	
}
.formular div.middleColumn div.fieldgroup div.fieldgroupField div.field.CompositeField.nolabel select{
	float: left;
}
.formular div.middleColumn div.fieldgroup div.fieldgroupField div.field.CompositeField input{
	float: left;
	width: 140px;
	margin-right: 10px;
}

.formular fieldset label.FormHeading {
	font-size: 1.4em;
	color: #33649f;
	font-size: 1.7em;
	background: #bddef0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 5px 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}


/* @group cf */

/*clearfix class*/
.formular div.field:after, .formular fieldset label.FormHeading:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.formular div.field, .formular fieldset label.FormHeading {display: inline-block;}
/* Hides from IE-mac \*/
* html .formular div.field,* html .formular fieldset label.FormHeading {height: 1%;}
.formular div.field,fieldset label.FormHeading {display: block;}
/* End hide from IE-mac */

/* @end */

.formular ul.optionset {
	margin-left: 30%;
}

.formular div.middleColumn span.fieldgroup p {
	float: left;
	margin-right: 10px;
	padding-left: 30%;
	margin-bottom: 0;
}

.formular div.field, #MemberLoginForm_LoginForm div.field {
	margin-bottom: 1em;
}
.formular input.text, #MemberLoginForm_LoginForm input.text {
	width: 55%;
}
.formular input, .formular textarea, #MemberLoginForm_LoginForm input, #MemberLoginForm_LoginForm textarea{
	border: 1px solid #888;
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.formular span.message.validation, .formular span.message.required, .formular label.required, .formular p.message, #MemberLoginForm_LoginForm p.message {
	padding-left: 30%;
	font-size: 0.75em;
	color: #ad1548;
}

.formular div.middleColumn div.fieldgroup div.fieldgroupField div.field.CompositeField.validationError span.message.required {
	padding: 0;
}

.formular .field label.left, #MemberLoginForm_LoginForm .field label.left{
	width: 27%;
	padding-left: 1%;
	padding-top:3px;
	margin-right: 2%;
	display: block;
	float: left;
	text-align: right;
	font-weight: bold;
	font-size: 0.75em;
	color:#666666;
}

select, input, button, textarea, button , div.showOnClick a{
	font-size: 0.75em;
}

.formular div.middleColumn span.fieldgroup {
	margin-bottom: 0;
}

.formular div.middleColumn span.fieldgroup label {
	float: left;	
	margin-right: 10px;
}

.formular div.middleColumn span.fieldgroup div.field.CompositeField label {
	width: 80px;
	text-align: right;
}

.formular div.middleColumn span.fieldgroup input {
	float: left;	
	width: 135px;
}

.formular fieldset h3 {
	padding-bottom: 5px;
}

.formular div.middleColumn span.fieldgroup div.field.CompositeField input{
	margin-right: 10px;
}
.formular div.middleColumn span.fieldgroup div.field.CompositeField.nolabel select{
	width: 140px;
}
.formular div.middleColumn span.fieldgroup div.field.CompositeField.nolabel {
	margin-left: 30%;
}

.formular #Form_Form_CreditCardSecurityCode ,.formular #CreditCard_Holder input {
	width: 50px;
}


.formular div.middleColumn select{
	margin-top: 0;
}

.formular div.middleColumn div.fieldgroup div.fieldgroupField p{
	padding-left: 30%;
	margin-right: 5px;
	float: left;
}
.formular div.middleColumn textarea{
	width: 55%;
}

.formular p.checkbox.checkbox label.right, #MemberLoginForm_LoginForm p.checkbox.checkbox label.right {
	vertical-align: middle;
}
.formular ul.optionset li {
	list-style-type: none;
	display: block;
	margin-bottom: .4em;
}

.formular div.calendardate img{
	padding: 0 !important;
	vertical-align: top;
}
.formular div.Actions, #MemberLoginForm_LoginForm  div.Actions{
	padding-left: 30%;
	padding-top: 1em;
}
.formular div.Actions p{
	padding-top: 6px;
}
.formular fieldset p.tip {
	padding-left: 30%;
	margin-top: -10px;
}

.formular div.middleColumn span.fieldgroup select{
	margin-top: 0;
}

.formular #tripPlanstripPlans div.middleColumn span.fieldgroup p {
	padding-left: 30%;
	float: left;
	margin-right: 10px;
}

.formular div.Actions input, #MemberLoginForm_LoginForm div.Actions input {
	padding: 5px 30px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: pointer;
	background-color: #ccc;
	float: left;
	margin-right: 20px;
}

.formular p.field.checkbox, #MemberLoginForm_LoginForm p.field.checkbox {
	padding-left: 30%;
}

.formular div.Actions input:hover, #MemberLoginForm_LoginForm div.Actions input:hover {
	color: white;
	background: #006caf;
	-moz-box-shadow: 0px 0px 11px #ccc; 
    -webkit-box-shadow: 0px 0px 11px #ccc;
}

.formular .validationError input, .formular input.required {
	background-color: #feccdd;
}

#MemberLoginForm_LoginForm {
	margin-bottom: 150px;
}

.dataobjectmanager-actions  {
display:none;
}
.DataObjectManager .Pagination {
width:255px;
font-size:11px;
margin-left:-123px;
}
.dataobjectmanager-search  {
display:none;
}
.per-page-control, 
#Form_InternShopPage_Controller_BestellungsPosition div.top-controls,
#Form_InternShopPage_Controller_BestellungsPosition div.bottom-controls,
#Form_TrainingscenterPage_Controller_TrainingscenterFragenergebnis div.top-controls,
#Form_TrainingscenterPage_Controller_TrainingscenterFragenergebnis div.bottom-controls,
#Form_TrainingscenterPage_Controller_TrainingscenterFragen div.top-controls,
#Form_TrainingscenterPage_Controller_TrainingscenterFragen div.bottom-controls,
#Form_InternMeinBelicoPage_Controller_BestellungsPositionEndkunde div.top-controls,
#Form_InternMeinBelicoPage_Controller_BestellungsPositionEndkunde div.bottom-controls,
#Form_MeinBelicoEndkundePage_Controller_BestellungsPositionEndkunde div.top-controls,
#Form_MeinBelicoEndkundePage_Controller_BestellungsPositionEndkunde div.bottom-controls {
display:none;
}
#Form_InternShopPage_Controller_WarenkorbPosition div.fields-wrap,
#Form_NachrichtenPage_Controller div.fields-wrap, #Form_InternShopPage_Controller div.fields-wrap,
#Form_ForumPage_Controller div.fields-wrap,
#Form_TrainingscenterPage_Controller div.fields-wrap,
#Form_ProduktanalysenPage_Controller div.fields-wrap,
#Form_InternMeinBelicoPage_Controller div.fields-wrap,
#Form_NewsletterPage_Controller div.fields-wrap,
#Form_MeinBelicoEndkundePage_Controller div.fields-wrap{
width: 100%;
}
#Form_InternShopPage_Controller_WarenkorbPosition div.actions,
#Form_NachrichtenPage_Controller div.actions, #Form_InternShopPage_Controller div.actions,
#Form_ForumPage_Controller div.actions,
#Form_TrainingscenterPage_Controller div.actions,
#Form_ProduktanalysenPage_Controller div.actions,
#Form_InternMeinBelicoPage_Controller div.actions,
#Form_NewsletterPage_Controller div.actions,
#Form_MeinBelicoEndkundePage_Controller div.actions{
display:none;
width: 1%;
}

.formular div.showOnClick a{
	font-size: 0.75em;
	padding-left: 30%;
}
form.Warenkorbform{visibility:hidden;	font-size: 0.75em;}
input.Warenkorbbutton{width:128px;height:20px;margin:1px 80px 0 0px;float:left;}
input.Warenkorb{background-image:url(../images/nav/suche.jpg);width:20px;height:16px; border:0;font-size: 0.9em;font-family: Trebuchet MS,Lucida Grande; padding:1px 4px 3px 4px;margin:1px 0 0 0px;float:left;color: #333;}
div.shopitem{border-bottom: 1px solid #ccc; height: 70px; margin: 0 0 10px 0;}
div.shopitem:hover form.Warenkorbform{visibility:visible;}

form.Warenkorbform2{display:none;	font-size: 1em;}
input.Warenkorbbutton2{width:98px;height:20px;margin:1px 5px 0 0px;float:left;}
input.Warenkorb2{background-image:url(../images/nav/suche.jpg);width:20px;height:16px; border:0;font-size: 1.0em; padding:1px 4px 3px 4px;margin:1px 0 0 0px;float:left;color: #333;}
input.Warenkorbbreit{width:45px;}


li.data:hover form.Warenkorbform2 {display:block;}
li.data:hover div.Menge {display:none;}

.ac_results {
	text-align: left;
}
#SiMengeProduktIDSi {margin-bottom: 0em;}
#SiMengeProduktIDSi .left{width: 10%;}
#SiMengeProduktIDSi div.middleColumn div.fieldgroup div.fieldgroupField div.field.CompositeField{margin-left: 15%;}
#SiMengeProduktIDSi div.middleColumn div.fieldgroup div.fieldgroupField div.field.CompositeField label{width: 10px;}
#Form_FormExpresskauf_Menge {width: 40px;}
#SiMengeProduktIDSi div.Actions{padding-top: 0em !important;}

/* @end */