@import "http://newtemplate.systime.dk/fileadmin/workinprogress.css";

/* TOPBAR */
.systimeTopbar { width: 760px; height: 86px; text-align: center; background-color: black; margin-right: auto; margin-left: auto; position: relative; z-index: 10099; }
.systimeTopbar div, .systimeTopbar td, .systimeTopbar a {  font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.systimeTopbar td { vertical-align: middle; }
.systimeTopbar a { color: #990033; text-decoration: none;  font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.systimeTopbar a:link { color: #990033; text-decoration: none;  font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.systimeTopbar a:visited { color: #990033; text-decoration: none; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.systimeTopbar a:hover { color: #990033; text-decoration: underline; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.systimeTopbar a:active { color: #990033; text-decoration: none; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.topbarContent { position: relative; margin-left: auto; margin-right: auto; width: 760px; height: 70px;}
.topbarContent .systimeLogo { position: absolute; top: 15px; left: 21px;}

/* Work in progress */
.systimeTopbar { width: auto }
.topbarContent { width: 980px }


.googleSearchForm, .systimeLoginForm { height: 47px; width: 226px; border: 2px solid white; overflow: hidden; }
* html .googleSearchForm, * html .systimeLoginForm { 
	height: 51px; 
	width: 230px; 
	/* IE HACK only in Typo3 3.8 (XHTML-support)*/
	he\ight: 47px; 
	w\idth: 226px;	
}

.systimeOptions { position: absolute; top: 15px; left: 306px; height: 50px; text-align: left;}
.systimeOptions input.inputField { border: 1px solid #858587; margin: 0px; padding: 0px; background-color: #ffffff; height: 18px; width: 160px; font-size: 12px; }

* html .systimeOptions input.inputField { height: 20px; }
form.noMargin { margin: 0px; padding: 0px; }

.googleSearchForm { position: absolute; top: 15px; left: 519px; }
.googleSearchForm .logo { position: absolute; top: 0px; left: 0px; }
.googleSearchForm .searchInput {  }
.googleSearchForm .searchInput { position: absolute; top: 5px; left: 80px; height: 15px; width: 200px; }
.googleSearchForm .searchInput .inputField { position: absolute; top: 1px; left: 0px; width: 93px; height: 13px; border: 1px solid #CCCCCC; margin: 0px; padding: 0px; background-color: #ffffff;}
* html .googleSearchForm .searchInput .inputField  { height: 15px; }
.googleSearchForm .searchInput .submit { position: absolute; top: -5px; left: 98px; }
.googleSearchForm .searchSelect { position: absolute; top: 25px; left: 0px; white-space: nowrap;}


.systimeLoginForm { position: absolute; top: 68px; right: 21px; height: 169px; width: 376px; background-color: #ffffff; border: 1px solid #AD023D; z-index: 15000; visibility: hidden; }
.systimeLoginForm .fieldLabel { font-size: 9px; color: #000000; margin-bottom: 3px; }
.systimeLoginForm .inputField { text-align:left; padding-right: 4px; padding-bottom: 4px;}
.systimeLoginForm .link { text-align:left; padding-left: 3px; background-color: #CECECE; border-right: 2px solid white; font-size: 10px;}
.systimeLoginForm .logoutForm .link { text-align:left; padding-left: 3px; border-right: none; }

.systimeLoginForm .submit {text-align: right; }
.systimeLoginForm .input { width: 185px; border: 1px solid #CCCCCC; background-color: #FFFFFF; padding: 0px; margin: 0px; font-size: 10px; line-height: 20px; }
.systimeTopbar input{ font-size: 10px; }

* html .systimeLoginForm .input { height: 20px; }
.systimeLoginForm .name { font-weight: normal; }

.systimeTopbar .name { position: absolute; bottom: 5px; right: 108px; text-align: right; width: 180px; color: #ffffff; font-size: 11px; font-weight: bold; padding-bottom: 3px;	}
.systimeTopbar .name a { font-size: 11px; color: white; font-weight: bold; margin-top: 3px; text-decoration: underline;}
.systimeTopbar .name a:link { font-size: 11px; color: white; font-weight: bold; margin-top: 8px; text-decoration: underline;}
.systimeTopbar .name a:visited { color: white; font-size: 11px; text-decoration: underline;}
.systimeTopbar .name a:hover { color: white; font-size: 11px; text-decoration: underline;}
.systimeTopbar .name a:active {color: white; font-size: 11px; text-decoration: underline;}

.systimeTopbar .name a span { text-decoration: none; }

.systimeLoginButton { position: absolute; top: 15px; right: 21px; cursor: pointer; }
.systimeLoginCloseButton { position: absolute; top: 15px; right: 21px; cursor: pointer;}

.systimeShoppingCart { 
	/*border: 1px solid #858587; */
	margin: 0px; 
	padding: 0px; 
	height: 18px; 
	width: 120px; 
}
.systimeShoppingCartText {
	color: #ffffff; 
	text-decoration: none;  
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
}
.systimeShoppingCart img { margin-right: 5px; margin-left: 5px; margin-top: 1px; float: left;  }
* html .shoppingCartBuyButton { margin-top: 1px; }