body {
	margin: 0px;	padding: 0px;	font-family:  Arial, "Lucida Grande CE", lucida, sans-serif;
	font-size: 12px; color: #333333; background-color: #FFFFFF;
}

table 
  {font-size: 12px;}

ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, input, label, table, img, td, th {
    margin: 0; padding: 0;
}

input, select, textarea { 	
  font-size: 100%;
	padding: 1px;  
	font-family:  Arial, "Lucida Grande CE", lucida, sans-serif;
	vertical-align: middle;	
	margin-top: 2px;
	margin-bottom: 10px;
}
input.submit {
	background: #1B62A4; border: 1px solid #FFF;
	cursor: pointer;	text-align: center;
	width: auto;
	color: #FFFFFF;
	font-weight: bold;
}


a {font-weight: bold; color: #000000;}
a:hover {text-decoration: underline;}

#page{position: relative; left: 50%; top: 0px; margin-left: -375px; width: 750px; background-color: #FFFFFF;}
#page-A{width:100%; height:100px;}

#page-A-logo{float: left; width: 500px;}
#logo {float: left; margin-top: 10px; margin-left: 20px;}
img {border: 0px}
#iso {float: left; color: #C5C5C5; border-left: 2px solid #C5C5C5; padding: 0px 10px 0px 10px; margin: 20px 0px 0px 50px}

#page-A-lang{float: right; 
            background: url("../img/page-A-lang.jpg") no-repeat bottom left; 
            height:100%; width: 250px;            
}
#page-A-lang p {text-align: right;}


#order {float: right; width: 250px; margin-top: 35px; padding-right: 15px}
#order p {text-align: right;}
#order a {text-decoration: none; font-weight: normal;}
#order a:hover {text-decoration: underline;}


#page-B-home{width:100%; height:145px; background: #5183AD url("../img/page-B.jpg") no-repeat top right;}
#page-B-common{width:100%; height:70px; background: #5183AD url("../img/page-B-common.jpg") no-repeat top right;}

#page-B-menu{float: left; background-color: #FFFFFF; height: 26px; width: 500px;}
.menu {list-style: none; margin-left:20px}

#page-B-menu ul.menu li {display: inline; float: left; margin-right: 15px; background: url(../img/sipka.gif) no-repeat 0 4px; }
#page-B-menu ul.menu li a {position: relative; display: block; font-weight: bold; text-decoration: none; padding: 0 0 0 12px;}
#page-B-menu ul.menu li a:hover {text-decoration: underline;}

#page-B-title{float: left; margin-top: 50px; padding-left: 30px; color: #FFFFFF; text-transform: uppercase; width: 350px;}
#page-B-title2{float: left; margin-top: 15px; padding-left: 30px; color: #FFFFFF; width: 350px;}

#page-body{float: left; background: url("../img/page-body.gif") repeat top left; }

#page-body-content{float: left; width: 500px;}
#page-body-content a {font-weight: normal;}
#page-body-content a:hover {text-decoration: underline; color: #F4C41A}
#page-body-content ul {margin-left: 20px;}

#page-body-content-search {float: left; width: 500px;}
#page-body-content-search a {font-weight: normal;}
#page-body-content-search a:hover {text-decoration: underline; color: #F4C41A}
#page-body-content-search ul.product_list {list-style-type: none;}
#page-body-content-search ul.product_list li { margin-bottom: 4px; }
#page-body-content-search ul.category_list {list-style-type: none; margin-left: 0px; padding-bottom: 10px; padding-top: 4px;}
#page-body-content-search ul.category_list li { margin-bottom: 4px; }

#page-body-panel{float: right; width: 250px;}

#panel {float: left; width: 220px;}

#search {background-color: #E4E4E4;
        border-left: 1px solid #B1B1B1;
        border-right: 1px solid #B1B1B1;
}

#page-foot{width:100%; height: 70px;}
#page-foot-A{float: left; width: 500px; text-align: right;}
#page-foot-A ul.menu li {display: inline; float: left; margin-right: 7px; background: url(../img/sipka2.gif) no-repeat 0 1px; }
#page-foot-A ul.menu li a {position: relative; display: block; color: #1B62A4; font-weight: normal; text-decoration: none; padding: 0 0 0 7px;}
#page-foot-A ul.menu li a:hover {text-decoration: underline;}


#page-foot-B{float: right; width: 250px; height:100%}
#page-foot-B p {font-size: 80%; text-transform: uppercase; border-left: 2px solid #D0D0D0; margin-top: 10px; padding: 10px 15px 10px 15px}
#submenu {text-align: right; margin-bottom: 15px;}
#submenu a {font-weight: normal;}

#product-image {text-align: right; margin-bottom: 10px;}
#product-other-images {}
#product-data {margin-bottom: 10px;}
#product-price {background-color: #F3F3F3; padding: 10px 10px 10px 10px; width: 45%;}

.yellow-line {background-color: #F4C41A;	font-size: 4px; height: 4px;}
.grey-line {background-color: #B1B1B1;	font-size: 4px; height: 4px;}
.small-grey-line {background-color: #B1B1B1;	font-size: 2px; height:2px;}


.clear {clear: both;}
.content {margin: 10px 15px 10px 15px;}
.content2 {margin: 10px 30px 10px 30px;}
.fright {float: right;}
.fleft {float: left;}
.yellow-border {border-bottom: 2px solid #F4C41A;}
.grey-border {border-bottom: 2px solid #B1B1B1;}
.yellow {color: #F4C41A;}
.darkblue {color: #1B62A4;}
.input-veryshort { width: 70px; text-align: right; margin: 0px;}
.input-amount { width: 40px; text-align: right; margin: 0px;}
.input-short { width: 60%;}
.input-long { width: 100%;}
.input-comment { width: 250px;}
#panel .input-long {width: 185px;}
#page-body-content .input-long {width: 435px;}
.checkbox {width: 15px; height: 15px; }
.kontakt {float: left; width: 100px;}

h1 {font-size: 160%;}
h2 {font-size: 130%; margin-bottom: 10px;}
h3 {color: #1A61A3; font-size: 110%; text-transform: uppercase; margin-bottom: 10px;}
h4 {color: #1A61A3; font-size: 110%; margin-bottom: 10px;}

/*FORMS*/
table th {text-align: left; color: #7A7A7A;}
table td {vertical-align: baseline;}