/* Default CSS file for ATEGRA.ch
 * v.20080828
 * Copyright by ATEGRA. All rights reserved.
 */
 
@import url("reset.css");

body {
	font-family: futura bk bt, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 8C9BB2000;
	background-color: #EEEEEE;
}

#wrap {
	width: 952px;
	margin:0px auto;
	padding:0px 8px 0px 8px;
	background-image:url(../img/layout/wrap_bg.png);
	background-position:center;
	background-repeat:repeat-y;
}

#header {
	padding:20px 100px 0px 100px;
	background-image:url(../img/layout/ategraLogo.jpg);
	background-position:18px 11px;
	background-repeat:no-repeat;
	height:60px;
}

#headerLeft {
	float:left;
	padding:5px 0px 0px 5px;
}

#headerRight {
	float:right;
	text-align:right;
	padding:0px 5px 0px 0px;
}

#quickSearch {
	margin:10px 0px 0px 0px;
	text-align:right;
}

#headerImage {
	padding:1px 100px 0px 100px;
}

#content {
}

#contentRibbon, .contentRibbon {
	height:25px;
	background-color:#2D2D49;
	margin:1px 0px 0px 0px;
}

#contentRibbon .left {
	height:100%;
	float:left;
	width:100px;
	border-right:1px solid #FFFFFF;
	background-color:#2D2D49;
}

#contentRibbon .content {
	height:100%;
	float:left;
	width:300px;
}

#contentRibbon .content img {
	padding:4px 0px 0px 4px;
}

#contentRibbon .right {
	height:100%;
	float:right;
	width:100px;
	border-left:1px solid #FFFFFF;
	background-color:#2D2D49;
}

#contentRibbon .news, .news {
	height:100%;
	float:right;
	width:230px;
	border-left:1px solid #FFFFFF;
	background-color:#666;
}

#contentRibbon .news img {
	padding:4px 0px 0px 9px;
}

#contentTools {
	padding:5px 0px 5px 0px;
}

#contentTools #breadcrumb {
	width:238px;
	float:left;
	font-variant:normal;
}

#contentTools #actionIcons {
	float:right;
	width:270px;
	
}

#actionIcons #basicItems {
	width:75px;
        float:right;
	text-align:right;
	padding-top:4px;
	margin-right:12px;
}

#actionIcons #facebook {
	width:110px;
	float:right;
}

#actionIcons #twitter {
	width:65px;
	float:right;
}




#contentText {
	padding:0px 100px 0px 100px;
}

#contentText #text {
	height:100%;
	float:left;
	width:510px;
	padding:5px;
	margin:0px 0px 20px 0px;
	line-height:140%;
}

#contentText #news {
	height:100%;
	float:right;
	width:230px;
	border:1px solid #CCC;
	border-top:0px;
	margin:0px 0px 20px 0px;
	background-color:#FFF;
}

#contentText #news p {
	padding:5px 10px 5px 10px;
	border-top:1px dotted #CCC;
	line-height:140%;
}

#contentText #news p:hover {
	background-color:#F5F5F5;
}

#contentText #text p { margin:0px 0px 15px 0px; }

#contentText #text ul { margin:10px 0px 10px 0px; }

#contentText #text ul[class="circle"] li { 
	margin-left:20px;
	list-style:circle;
}


#contentText #text ul[class="square"] li { 
	margin-left:20px;
	list-style:square;
}

#contentText #text ul[class="disc"] li { 
	margin-left:20px;
	list-style:disc;
}

#contentText #text ul[class="disc"] li ul[class="circle"] li {
	margin-left:30px;
	list-style:circle;
}

#contentText #text ul[class="arrow"] li { 
	margin-left:20px;
	list-style-image:url(../img/layout/li_arrow.gif);
}

#news ul[class="arrow"] li { 
	margin-left:25px;
	list-style-image:url(../img/layout/li_arrow.gif);
}

#contentText #text ol { margin:10px 0px 10px 0px; }

#contentText #text ol[class="alpha"] li {
	margin-left:20px;
	list-style:upper-alpha;
}

#contentText #text ol[class="decimal"] li {
	margin-left:20px;
	list-style:decimal;
}

#contentText #text ol[class="decimal"] li ul[class="disc"] li {
	margin-left:30px;
	list-style:disc;
}

#footerTop {
	height:10px;
	background-color:#F5F5F5;
	border-top:1px solid #CCCCCC;
}

#footerMain {
	height:70px;
	background-color:#8C9BB2;
	background-image:url(../img/layout/back_pie.jpg);
	background-repeat:repeat;
	border-bottom:1px solid #FFF;
}

#footerBottom {
	height:7px;
	background-color:#F5F5F5;
	border-top:1px solid #CCCCCC;
}

#footerMain .left {
	width:100px;
	height:100%;
	float:left;
	border-right:0px solid #FFFFFF;
}

#footerMain .content {
	width:742px;
	height:100%;
	float:left;
	padding:5px;
	color:#FFFFFF;
}

#footerMain .right {
	width:100px;
	height:100%;
	float:right;
	border-left:0px solid #FFFFFF;
}

#wrapEnd {
	background-image:url(../img/layout/wrapBottom_bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:20px;
	margin:0px auto;
	width:952px;
	padding:0px 8px 0px 8px;
	margin-left:-7px;
}

.externallink, a, a:hover, a:focus, a:visited {
	color:#0066CC;
	text-decoration:underline;
	cursor:pointer;
}

.addressBox {
	width:150px;
}

img[class="decorative"] {
	padding:5px;
	/*background-color:#F5F5F5;
	border:1px solid #CCCCCC;*/
	margin:10px 0px 10px 0px;
}

.floatLeft { float:left; }
.floatRight { float:right; }
.clearBoth { clear:both; }
.width100 { width:100%; }
.width90 { width:90%; }
.width80 { width:80%; }
.width70 { width:70%; }
.width60 { width:60%; }
.width50 { width:50%; }
.width49 { width:49%; }
.width40 { width:40%; }
.width35 { width:35%; }
.width33 { width:33%; }
.width30 { width:30%; }
.width25 { width:25%; }
.width20 { width:20%; }
.width15 { width:15%; }
.width10 { width:10%; }
.alignRight { text-align:right; }
.alignLeft { text-align:left; }
.alignCenter { text-align:center; }
.valignCenter { vertical-align:middle; }

/* Menu */
.menu {font-family:futura bk bt, Verdana, Arial, sans-serif; font-size:11px; padding:0px 0px 0px 100px; /*background-color:#2D2D47;*/ background-color:#2D2D49;}
.menu ul {padding:0;margin:0;list-style-type:none; height:25px; /*background:#2D2D47;*/ background-color:#2D2D49;}
.menu ul ul {width:15em; margin:-3px 0px 0px 0px;opacity:0.9;border-top:1px solid #FFF;}
.menu ul li {float:left;height:25px;line-height:24px;}
.menu ul ul li {display:block;width:180px;height:auto; line-height:1em;}
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:1em;text-decoration:none;color:#fff;background:#6E81A2;padding:0px 12px 0px 12px; border-left:1px solid #FFF; border-right:0px solid #FFF; background-image:url(../img/layout/mainNavi_bg_strong.jpg);}
.menu .last { border-right:1px solid #FFFFFF; border-left:0px solid #7E8FA9; }
.menu .first { border-right:0px solid #8C9BB2; }
.menu ul ul a, .menu ul ul a:visited {display:block;background:#6E81A2; color:#FFF;width:180px;height:100%;line-height:1em; padding:7px 14px;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:200px; w\idth:12em;}
.menu table {position:absolute; left:1px; top:0; width:0; height:0; font-size:1em; z-index:-1;}
.menu ul ul ul a, .menu ul ul ul a:visited {background:#6E81A2;}
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#c4ceac;}
.menu ul :hover a.sub1 {background:#6E81A2;}
.menu ul ul :hover a.sub2 {background:#c4ceac;}
* html .menu a:hover {color:6E81A2;background:#6E81A2; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:6E81A2;background:#6E81A2;}
* html .menu ul ul a:hover{color:6E81A2;background:#6E81A2; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:6E81A2;background:#2D2D49;}
* html .menu ul ul ul a:hover {background:#c4ceac; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#c4ceac;}
.menu ul ul ul ul a:hover {background:#d4debc; position:relative; z-index:130;}
.menu ul ul {visibility:hidden;position:absolute;height:0;top:2.5em;left:0;width:200px;}
.menu ul ul ul{left:12em;top:0;width:200px;}
.menu ul :hover ul{visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{visibility:visible;}
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/* Forms */
.textInputSmall,
.textareaInputSmall {
	width:200px; /* Required property */
	border-top:1px solid #666;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #666;
	padding:3px 2px 3px 2px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	margin:2px 0px 2px 0px;
	color:#666666;
}

.textareaInputSmall {
	height:200px;
}

/* Tooltip */
#tooltip {
	position: absolute;
	background: #FFF;
	padding: 4px;
	color: #000;
	font-size: 11px;
	display: none;
	text-align: left;
	background-color: #FFFFE1;
	border:1px solid #999999;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	max-width:200px;
	z-index:1000;
}

.h1 {
	background-color:#8C9BB2;
	margin:10px 0px 10px 0px;
	padding:4px 0px 2px 4px;
}

.h2 {
	background-color:#DDD;
	margin:10px 0px 10px 0px;
	padding:3px 0px 2px 2px;
	border-bottom:0px solid #CCC;
}

strong { font-weight:bold; }

.contentBox {
	background-color:#F5F5F5;
	padding:5px;
	border-bottom:1px solid #CCCCCC;
	margin:0px 0px 2px 0px;
}


.transparentBox {
	background-color:#FFFFFF;
	padding:5px;
	border-bottom:1px solid #FFF;
	margin:0px 0px 2px 0px;
}

.blueBox {
	background-color:#D5DBE3;
	padding:5px;
	border-bottom:1px solid #CCCCCC;
	margin:0px 0px 2px 0px;
}

.bgArrow {
	padding:5px 5px 5px 25px;
	background-image:url(../img/layout/li_arrow.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

table .header td {
	background-color:#8C9BB2;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 2px 4px 2px;
	margin:0px 0px 2px 0px;
}

table td {
	padding:2px;
}

table tr[class="odd"] {
	background-color:#F5F5F5;
}

table .odd td, table .even td {
border-bottom:1px solid #CCCCCC;
}

table tr[class="even"]:hover, table tr[class="odd"]:hover {
	/*background-color:#D5DBE3;*/
}

a[class="candyButton"], span[class="candyButton"], .candyButton {
	color:#FFFFFF;
	height:18px;
	width:40px;
	display:block;
	border:1px solid #FFF;
	font-size:11px;
	text-align:center;
	background-color:#8C9BB2;
	float:right;
	text-decoration:none;
	padding-top:0px;
	background-image:url(../img/icons/candyButtons/candyButton_bg.png);
	background-repeat:repeat-x;
	-moz-border-radius:12px;
}


a[class="arrow"] {
	background-image:url(../img/layout/li_arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding:0px 0px 0px 10px;
	color:#000000;
}

.grey { color:#999999; }
.green { color:#333; }
.small { font-size:12px; }

.carouselWrapper {
	background-color:#FFF;
	margin:0px 4px 0px 0px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-top:1px solid #DDD;
	border-left:1px solid #DDD;
	overflow:hidden;
	position:relative;
	width:195px;
	margin:0px 0px 20px 0px;
	float:right;
	text-align:center;
	padding-left:35px;
	height:100px;
}
.carouselText { margin:0px 0px 10px 0px; display:block; font-weight:bold; color:#999999; }
.carouselWrapper li img { margin:0px 1px 0px 0px; }
.displayNone { display:none;}

.pdfPaper {
	display:block;
	background-color:#F5F5F5;
	width:200px;
	padding:10px;
	border:1px solid #CCCCCC;
	margin:10px 0px 10px 0px;
	-moz-border-radius:10px;
}
.pdfPaperIcon {
	position:relative;
	z-index:100;
	float:left;
	margin:-25px 0px 20px 180px;
}

.carousel ul li { float:left !important; display:inline !important;list-style:none !important; }
.carousel ul li img.customer { float:left !important; display:inline !important;list-style:none !important;}

em { font-style:italic; }

.carouselWrapper p:hover { background-color:#F5F5F5 !important; }

.error-msg { background-color:#FFEBE8; padding:10px; border:1px solid #DD3C10; margin-bottom:10px; display:none }
.success-msg { background-color:#D9E7CD; padding:10px; border:1px solid #84C543; margin-bottom:10px; display:none }

a.menuItem {
	background:none repeat scroll 0 0 #EFEFEF;
	float:right;
	margin-top:-6px;
	padding:10px;
	margin-left:5px;
	margin-right:1px;
	color:#333;
	text-decoration:none;
}
a.menuItem:hover {
	background:none repeat scroll 0 0 #ccc;
	color:#333;
	text-decoration:none;
}
a.menuItem.current, a.menuItem.current:hover {
	background:none repeat scroll 0 0 #2D2D49;
	color:#FFF;
	text-decoration:none;
}



.homeBox .left, .homeBox .right {
	float:left !important;
	width: 219px;
	height:290px;
	padding: 10px 15px;
}

.homeBox .left {
	background:#E0E0E0 url(bg_homeBox.png) repeat-y 0 0;
	color:#000;
/*	border-left:1px solid #2D2D47;
	border-bottom:1px solid #2D2D47;
	border-top:1px solid #2D2D47;*/
}

.homeBox .right {
	background:#2D2D47;
	color:#fff;
/*	border-right:1px solid #2D2D47;
	border-bottom:1px solid #2D2D47;
	border-top:1px solid #2D2D47;*/
}

.homeBox p {
	padding: 15px 0 0 0;
	display: block;
}

.homeBox .title {
	margin:0 0 15px 0;
}

.homeSlider {
	height:230px;
	overflow:hidden;
}

.slidesHolder {
	height: 230px;
}

.slidesHolder img {
	float:left;
}

.timer {
	height:4px;
	width:752px;
	position: absolute;
	margin: -4px 0 0 0;
}

.timer .inner {
	height:3px;
	width:752px;
	background: #00AB07;
	width:0%;
	border-top:1px solid #fff;
}

.aL {
	width:98px;
	height: 230px;
	background: url(a_l.png) top;
	cursor: pointer;
	position: absolute;
	margin: 0 0 0 -99px;
}

.aR {
	width:98px;
	height: 230px;
	background: url(a_r.png) top;
	cursor: pointer;
	position: absolute;
	margin: 0 0 0 753px;
}

.aL:hover, .aR:hover {
	background-position: bottom;
}