@import url("./allmedia.css");

/* general ---*/
a {
	color: #505050;
}	

a:hover {
	color: #191919;
}

address {
	font-style: normal;
	padding: 5px 0 5px 20px;
}	

.txtinput {
	background: #9D9D9D url('../img/design/bg_txtinput.gif') repeat-x top;
}

h3, h4, h5, h6, h7 {
	font-size: 160%;
	margin: 15px 0 10px;
}

h3 {
	font-weight: normal;
}	

h4 {
	color: #89221F;
	font-weight: normal;
	font-size: 140%;
}	

h5 {
	font-size: 120%;
}	

h6 {
	font-size: 110%;
}

h7 {
	font-size: 110%;
	font-style: italic;
}	


table {
	width: 600px;
	margin-bottom: 10px;
	font-size: 100%;
	border-collapse: separate;
}

th, td {
	margin: 1px;
	padding: 2px 3px;
	color: white;
}

th {
	font-weight: bold;
	background: #89221F;
}

td {
	background: #333;
}

table a {
	color: white;
}

table a:hover {
	color: #CECECE;
}

ul li {
	margin: 0;
	vertical-align: middle;
	list-style-image: url('../img/design/bg_ul.gif');
}

/* layuout ---*/
html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font: 0.8em sans-serif;
	color: #191919;
	background: white url('../img/design/bg_body.gif') repeat-y center;
}

* html body {
	text-align: center;
}

#container {
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	width: 996px;
	text-align: left;
	background: white url('../img/design/bg_container.gif') repeat-y left;
}

* html #container {
	height: 100%;
}

#container .margin {
	margin: 0;
	padding: 0 0 76px;
}

* html #container .margin {
	padding: 0 0 44px;
}

#header {
	position: relative;
	margin: 0;
	padding: 0;
	height: 210px;
	background: #333 url('../img/design/bg_header.jpg') no-repeat top left;
}

#rightbar {
	width: 620px;
	float: right;
	margin: 0;
	padding: 20px 0 0;
}

#leftbar {
	width: 355px;
	float: left;
	margin: 0;
	padding: 20px 0 0;
	background: url('../img/design/bg_whitespace.gif') repeat-x top;
}

#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 996px;
	margin: 0;
	padding: 36px 0 10px;
	background: white url('../img/design/bg_footer.gif') repeat-x top;
	font-size: 80%;
}	

/* Header ---*/
#topmenu {
	margin: 0;
	padding: 6px 10px;
	text-align: right;
	list-style-type: none;
}

#topmenu li {
	display: inline;
	margin: 0;
	padding: 0 10px 0 13px;
	color: white;
	border-left: 1px solid #7A7A7A; 
}

#topmenu .firstitem {
	border-left: none;
}

#topmenu a {
	text-decoration: underline;
	color: white;
}

#topmenu a:hover {
	text-decoration: overline;
}

#header h1, #header h1 a, #logo {
	display: block;
	position: absolute;
	margin: 0;
	width: 150px;
	height: 71px;
	left: 40px;
	top: 64px;
	font-size: 10pt;
	overflow: hidden;
}

#header h1 a, #logo {
	left: 0;
	top: 0;
	cursor: pointer;
}

#logo {
	background: url('../img/design/logo.gif') no-repeat top left;
}

#searchbox {
	position: absolute;
	width: 270px;
	top: 178px;
	right: 0;
	padding: 0 20px;
	text-align: right;
}

* html #searchbox {
	top: 176px;
}

#searchform {
	margin: 0;
	padding: 0;
}

#searchform * {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#searchform fieldset, #searchform label {
	border: none;
}

#searchform label {
	display: none;
}

#searchform .txtinput {
	font: 90% sans-serif;
	padding: 2px;
	width: 182px;
	margin: 0;
	border: 1px solid #8D0906;
}

#mainmenu {
	position: absolute;
	left: 0;
	top: 167px;
	height: 30px;
	margin: 0;
	padding: 0;
}

#mainmenu li {
	display: block;
	float: left;
	font-size: 110%;
	height: 43px;
	margin: 0;
	padding: 0;
	color: white;
	overflow: hidden;
	list-style-type: none;
	border-right: 1px solid white;
}

#mainmenu .eshop {
	background: #333;
}	

#mainmenu li a {
	display: block;
	color: white;
	margin: 0;
	padding: 13px 26px;
	text-decoration: none;
}

#mainmenu li a:hover {
	color: #BFBFBF;
}

/* rightbar ---*/
#firmbox, #homebox {
	float: left;
	width: 310px;
}

#firmbox .margin, #homebox .margin {
	margin-right: 20px;
	padding-bottom: 17px;
	color: white;
	background: #333;
}

#firmbox h2, #homebox h2 {
	margin: 0;
	padding: 10px;
	font-size: 200%;
	font-weight: normal;
	text-align: center;
	background: #861D1A url('../img/design/bg_hp_h2.gif') repeat-y left;
}

#firmbox h2:first-letter, #homebox h2:first-letter {
	text-transform: none;
}	

#firmbox h2 a, #homebox h2 a {
	color: white;
	text-decoration: none;
}

#firmbox h2 a:hover, #homebox h2 a:hover {
	color: #BFBFBF;
}

.hpimg img {
	margin: 17px;
	border: none;
}

#firmbox ul, #homebox ul {
	margin: 0;
	padding: 0 35px 17px;
}

.pricetxt {
	margin: 0;
	padding: 10px 36px;
	background: #191919;
}

.pricetxt strong {
	display: block;
	font-size: 320%;
	font-weight: normal;
}

.pricetxt span {
	font-size: 90%;
}

#triplebox {
	clear: both;
	float: left;
	width: 620px;
	margin: 0;
	padding: 20px 0 0;
}

.devicebox {
	float: left;
	width: 204px;
	margin: 0;
}

.devicebox img {
	border: none;
}

.devicebox p {
	margin: -3px 12px 0 0;
	padding: 8px 0;
	text-align: center;
	font-size: 120%;
	background: #89221F url('../img/design/bg_devicebox.gif') repeat-y left;
}	

.devicebox p a {
	color: white;
	text-decoration: none;
}

.devicebox p a:hover {
	color: #BFBFBF;
}

h2 {
	margin: 0 20px 20px 0;
	padding: 0;
	color: #89221F;
	font-size: 240%;
	font-weight: normal;
}

h2:first-letter {
	text-transform: uppercase;
}

#menubartop {
	margin: 0 20px 10px 0;
}	

#menubarbottom {
	margin: 10px 20px 0 0;
}

#menubartop a, #menubarbottom a {
	color: #909090;
}

#menubartop a:hover, #menubarbottom a:hover {
	text-decoration: overline;
}

.contentmargin {
	margin: 0 20px 0 0;
}

.contentmargin p {
	margin: 0 0 5px;
	text-align: justify;
}

.contentmargin h3 {
	margin: 10px 0 5px;
	color: #191919;
	font-size: 160%;
	font-weight: normal;
}

.perexbox {
	margin: 20px 20px 0 0;
	padding: 20px;
	text-align: justify;
	background: #DEDEDE;
}

.perexbox .actualimg {
	float: right;
	margin: 0 0 5px 10px;
	border: 1px solid white;
}

.perexbox h4 {
	font-size: 140%;
	font-weight: normal;
	margin: 0 0 10px;
}

.perexbox .datetxt {
	font-size: 90%;
	font-style: italic;
	color: #999;
}	

.back2list {
	padding: 10px 0 0;
}

.price {
	font-size: 180%;
	color: #89221F;
}	

/* Leftbar ---*/
#webmailbox, #formbox {
	margin: 0 0 0 20px;
	background: #89221F url('../img/design/bg_webmailbox.gif') repeat-y left;
}

#webmailbox h3, #actualbox h3, #formbox h3, #localmenubox h3 {
	margin: 0;
	padding: 8px 10px;
	color: white;
	font-size: 160%;
	font-weight: normal;
	background: #333;
}

#webmailbox form, #formbox form {
	margin: 0;
	padding: 20px;
}

#webmailbox fieldset, #formbox fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#webmailbox label, #formbox label {
	display: block;
	font-size: 110%;
	color: white;
	margin-bottom: 5px;
}

#webmailbox .txtinput, #formbox .txtinput, #formbox .kodinput {
	background: white;
	border: 1px solid #333;
	width: 295px;
	margin-bottom: 10px;
}

#webmailbox .submitbtn, #formbox .submitbtn {
	color: white;
	border: 1px solid #333;
	margin: 0;
	padding: 3px 5px;
	background: #333 url('../img/design/bg_webmailbtn.gif') repeat-x top;
}

#formbox label.noblock {
	display: inline;
}

#formbox .captchabox {
	margin: 5px 0;
}

#formbox .kodinput {
	width: 40px;
}

#formbox .error {
	margin: 10px 20px 0;
	font-size: 120%;
	font-weight: bold;
	color: white;
}


#actualbox, #localmenubox {
	margin: 0 0 0 20px;
	padding: 20px 0 0;
	background: url('../img/design/bg_whitespace.gif') repeat-x top;	
}

.actualitem {
	padding: 20px;
	border-bottom: 1px solid white;
}

.actualitem .datetxt {
	width: 12ex;
	float: right;
	text-align: right;
	font-style: italic;
}	

.actualitem h4 {
	font-size: 120%;
	margin: 0 0 10px;
}

.actualitem p, .perexbox p {
	margin: 10px 0 5px;
}	

.actualitem a, .perexbox a {
	color: #89221F;
}

.actualitem a:hover, .perexbox a:hover {
	color: #191919;
}

.actualitem .detailtxt, .perexbox .detailtxt {
	display: block;
	text-align: right;
	font-size: 90%;
}

#localmenubox ul {
	margin: 0;
	padding: 0;
	border-bottom: 20px solid white;
}

#localmenubox li {
	list-style-type: none;
	list-style-image: none;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 10px 20px;
	border-bottom: 1px solid white;
}

#localmenubox a {
 	color: #191919;
 	text-decoration: none;
}
 
#localmenubox a:hover {
 	color: #89221F;
}

.notice {
	color: #E0E0E0;
	margin: 10px 0;
}	

/* Footer ---*/
#footer a {
	color: #191919;
}

#footer p {
	margin: 0;
	padding: 0;
}

#footer div {
	padding: 0 20px;
}

#footer a:hover {
	color: #89221F;
}

#bottommenu {
	margin: 0 5px 5px;
	padding: 0;
}

#bottommenu li {
	display: inline;
	padding: 0 15px;
	margin: 0;
	border-left: 1px solid #333;
}	

#bottommenu .firstitem {
	padding: 0 15px 0 0;
	border-left: none;
}

#bottomcontact {
	width: 50%;
	float: right;
	text-align: right;
}

#copyright {
	text-align: right;
	clear: both;
	margin: 0;
}	

/* Others ---*/
.textright {
	text-align: right;
}

.textleft {
	text-align: left;
}

.textcenter {
	text-align: center;
}

.textblock {
	text-align: justify;
}

.centerimg {
	display: block;
	text-align: center;
	margin: 5px auto;
}

.rightimg {
	float: right;
	margin: 0 0 5px 10px;
}

.leftimg {
	float: left;
	margin: 0 10px 5px 0;
}