/*  
Stylesheet 4 suco-ratz.ch
design : Adrian @ www.visual-guidance.de
realisation : George @ www.gehonline.ch
*/

*	{ margin:0; padding:0; }
body	{ font-family: Arial, Helvetica, sans-serif; background: #FFFFFF url(../img/bg.gif) repeat-x top left; }
a	{ font-family: Arial, Helvetica, sans-serif; text-decoration:none; }
img	{ border:0; }

/*	PAGE STRUCTURE	*/
#mainbox	{ font: 10px Arial, Helvetica, sans-serif; margin: 0 auto; width:800px; position:relative; }
#headbox	{ }
	#logo img	{ position:relative; top:30px; left:10px; }
	#headnav	{ float:right; margin-top: 10px; }
	#headnav a	{  color:#989898; font-size:10px; padding-left:10px; }
	#headnav a:hover	{ background: transparent; color:#222222; }
	#header	{ min-height: 148px; height:148px; background: url(../img/header_img1.jpg) no-repeat top right; }
	#xing_btn	{ clear:right; float:right; margin-top: 10px; }
	#navbox	{ }

#contentbox	{ position:relative; }
	#imgbox	{ position:relative; min-height: 336px; height:336px; }
	.textbox	{ position:absolute; width:250px; background-color:#eea820; padding:10px; filter:alpha(opacity=80); opacity:0.80; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.textbox h2	{ font-size: 20px; font-style:italic; color:#333333; margin-bottom:6px; }
	.textbox p	{ font-size: 10px; color:#FFFFFF; }

	#content	{ position:relative; }
	#content .box	{ font-size:14px; color:#333333; }
	#content .box h1	{ font-size:14px; color:#333333;  font-weight:800; text-transform: uppercase; margin-bottom:3px; }
	#content .box h2	{ font-size:14px; color:#333333;  font-weight:800; margin-bottom:3px; /*font-variant:small-caps;*/ }
	#content .box p	{   margin-top:3px; }
	#content .box a	{ color:#333333; font-weight:bold;  }
	#content .box a:hover	{ color:#4a3201;  }
	#content .aNoBold a	{ font-weight:normal;  }
	#content .aNoBold a:hover	{ text-decoration:underline; }
	#content .box ul	{ color:#333333; list-style-type:none; }
	#content .box ul li	{ padding-bottom: 5px; }
	#content .box ul a	{ color:#41377e; font-size:10px; font-style:italic; }
	#content .box ul.alarge a	{ font-size:12px; }
	#content .box strong	{ padding-right:15px;  }
	
	#contactLink	{ clear:both; padding-top: 10px; text-align:right; }
	#contactLink a	{ color:#392f76; font-size: 16px; font-style:italic; font-weight:800;  }
	#contactLink a:visited	{ color:#392f76; }
	
#footerbox	{ border-top: 3px solid #3d337a; margin-top:10px; margin-bottom:30px; }
.bold	{ font-weight:800; }
.justify	{ text-align:justify; }
.pointer	{ cursor:pointer; }

/*	PAGES  */
/*	home - index  */
#index1 { position:absolute; top:5px; left:0px; width:185px; text-align:center; }
#index2 { position:absolute; top:5px; left:205px; width:185px; text-align:center; }
#index3 { position:absolute; top:5px; left:410px; width:185px; text-align:center; }
#index4 { position:absolute; top:5px; right:0px; width:185px; text-align:center; }
#index1 p, #index2 p,#index3 p,#index4 p	{ font-size:10px; }

/*	faq  */
	#fade1	{  position:absolute; width:440px; padding:10px; filter:alpha(opacity=80); opacity:0.80; -moz-border-radius: 4px; bottom:50px; right:15px; height:250px; overflow:auto; }
	#fade1 p	{  background-color:#ffffff; color:#000000; font-size:12px; text-align:justify; padding:8px; border:1px solid #666666; filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=4); -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	#fade1 br	{  margin-bottom: 6px; }

/*  all others  */
#cLeft	{ left:0px; width:390px; float:left; }
#cRight	{ right:0px; width:390px; float:right; }
#cLeftSmall	{ left:0px; width:250px; float:left; }
#cRightLarge	{ right:0px; width:530px; float:right; }
#tleft	{ bottom:50px; left:15px; }
#topleft	{ top:20px; left:15px; }
#tright	{ bottom:50px; right:15px; }


/*	MENU  */
.slideMenu	{ font: bold 12px; width: 100%; }
.slideMenu ul	{ z-index:100; list-style-type: none; }

/*Top level list items*/
.slideMenu ul li	{ position: relative; display: inline; float: left; }
.slideMenu ul li a	{ display: block; color: white; font-weight:800; /* change following value to adjust menu */ padding: 8px 22px 8px 22px; color:#2d2b2b; text-decoration: none; background: #40367d; font-size:12px; /*border-right: 1px solid #778;*/ }
.slideMenu ul li.first a	{ padding-left:0; }
.slideMenu ul li.last	{ float: right; }
.slideMenu ul li.last a	{ padding-right:0; }
* html .slideMenu ul li a { display: inline-block; }/*IE6 hack to get sub menu links to behave correctly*/
.slideMenu ul li a:link, .slideMenu ul li a:visited	{ color: white; }
.slideMenu ul li a.selected	{ color: #e5a426; }
.slideMenu ul li a:hover	{ color: #e5a426; }
	
/*1st sub level menu*/
.slideMenu ul li ul	{ position: absolute; left: 0;  }
.slideMenu ul li ul li	{ display: list-item; float: none; }
.slideMenu ul li ul li a	{ font-weight:500; width: 170px; /*inital width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; filter:alpha(opacity=90); opacity: 0.90;}
.slideMenu ul li ul li a:hover	{ background-color: #e5a426; color:#FFFFFF; }
.slideMenu ul li ul li ul	{ top: 0; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */
* html .slideMenu	{ height: 1%; } /*Holly Hack for IE7 and below*/

/*arrow classes and shadow*/
.downarrowclass	{ position: absolute; top: 12px; right: 7px; }
.rightarrowclass	{ position: absolute; top: 6px; right: 5px; }
.ddshadow	{ position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; }
.toplevelshadow	{ opacity: 0.8; }

/*	FORM   */
div.fieldwrapper	{ overflow: hidden; padding-bottom: 5px; }
div.fieldwrapper label.styled	{ float: left; width: 100px; /*text-transform: uppercase;*/ }
div.fieldwrapper .thefield	{ float: right; margin-bottom: 2px;  }
div.fieldwrapper .thefield input	{ width: 280px; border: 1px solid #666666; padding:2px; font: 14px Arial, Helvetica, sans-serif; color:#333333; }
div.fieldwrapper .thefield textarea	{ width: 280px; height: 150px; border: 1px solid #666666; padding:2px; font: 14px Arial, Helvetica, sans-serif; color:#333333;  }
div.fieldwrapper span	{ margin-left:2px; width:280px; float:right; display:block; }
div.fieldwrapper span.errmsg	{ color: red; }
div.fieldwrapper .thefield .required	{ background-color:#FFFFCC; }
div.fieldwrapper .thefield .redBorder	{ border: 1px solid red; }
div.fieldwrapper .thefield table	{ width: 286px; border:0; }
div.fieldwrapper .thefield table td	{ vertical-align:top; padding-bottom:3px; }
div.fieldwrapper .thefield table input	{ width: auto; border:0; }