body {
    background: url(../gfx/back.gif) repeat-x 0 -75px;
    font: normal 100% "Lucida Grande",LucidaGrande,"Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
}

.clear {
    clear: both;
}

#container {
    text-align: left;
    width: 780px;
}



/*************************************************************
 ***************        HEADER
 *************************************************************/

#header {
    height: 70px;
    overflow: auto;
}

#logo {
    background: url(../gfx/graphics.gif) no-repeat 0 -76px;
    height: 46px;
    float: left;
    width: 125px;
}

#logo h1 {
    text-indent: -9999px;
}

#menu {
    background: url(../gfx/graphics.gif) no-repeat 344px -38px;
    float: left;
    font-size: 0.6875em;
    width: 655px;
    height: 46px;
}

#menu ul {
    float: right;
    overflow: auto;
    padding: 8px 178px 0 0;
}

#menu li {
    float: left;
    margin-left: 2px;
}

#menu li a { 
    background: url('../gfx/graphics.gif') no-repeat 0 0;
    color: #000;
    display: block;
    float: left;
    height: 23px;
    padding: 15px 0 0;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    width: 78px;
}

#menu a:hover {
    text-decoration: underline;
}

#menu li.active a {
    background: url('../gfx/graphics.gif') no-repeat -78px 0;
}

#menu li.active a:hover {
    text-decoration: none;
}

#menu li.kontakt a {
    background: url('../gfx/graphics.gif') no-repeat -156px 0;
}

#menu li.kontakt a.active {
    background: url('../gfx/graphics.gif') no-repeat -234px 0;  
}



/*************************************************************
 ***************        CONTENT
 *************************************************************/

#content {
    background: url(../gfx/graphics.gif) no-repeat -14px -85px;
    margin-bottom: 3em;
    overflow: auto;
}

#text {
    float: right;
    font-size: 0.875em;
    line-height: 1.3125em;
    padding: 60px 0 0 20px;
    width: 615px;
}

#text h2 {
    font-weight: bold;
    font-size: 2em;
	line-height: 1.5em;
    margin-bottom: 1.5em;
}

#text h3 {
    background: #FFFBD8;
    border-top: 1px solid #fc6;
    font-size: 1.5em;
    line-height: 1.6em;
    padding: .3em .5em;
}

#text h4 {
    display: inline;
    font-size: 1.5em;
}

#text h4 b {
    font-weight: bold;
}

#text h5 {
    font-size: 1.2em;
    text-decoration: underline;
}

#text b {
    color: #333;
    font-weight: normal;
}

#text p {
    margin-bottom: 1em;
    text-indent: 2.5em;
}

#text p a {
	border-bottom: 1px dotted #333;
	color: #111;
	text-decoration: none;
}


#text p.noIndent {
    text-indent: 0;
}

#text p.noIndent b {
    font-weight: bold;
}

#text .welcomeMessage {
	background: #FFFBD8; 
	border-bottom: solid 1px #C0BCA1; 
	border-top: solid 1px #C0BCA1; 
	float: right; 
	font-size: 0.75em; 
	margin: 0 1em 2em; 
	padding: 1em; 
	width: 205px;
}

#text ol.list {
    list-style-position: inside;
    list-style-type: square;
    margin: 0 0 3em 2em;
}

#text ol.list li {
    line-height: 2em;
}


#text ol.list strong {
    border-bottom: 1px dotted #000;
    font-weight: normal;
}

#text ol.list a {
    color: #333;
    text-decoration: none;
}

#text ol.list a:hover,
#text ol.list a:hover strong {
    border-bottom: 1px solid #000;
}

#sidebar {
    background: #FFFBD8 url(../gfx/sidebar.gif) no-repeat bottom left;
    float: right;
    height: 483px;
    width: 145px;
}

#sidebar a {
    color: #c00;
    display: block;
    font-size: 0.6875em;
    margin: 12px 0 0 15px;
    text-decoration: none;
}

#sidebar a:hover {
    text-decoration: underline;
}


/*************************************************************
 ***************        CONTACTS
 *************************************************************/

#text .map {
    text-align: center;
}

#text .map object {
    margin: 0 auto;
}

#text .contacts {
    margin: 5em 0 0;
}

#text .contacts h3 {
    background: none;
    border: 0;
    color: #666;
    font-size: 1.75em;
    font-weight: bold;
    padding: 0.8em 1em 1em;
    text-decoration: underline;
}

#text .contacts h3.line {
    border-top: 1px solid #999;
}

#text .contact {
    padding: 1em 4em 2em;
}

#text .contact-change {
}

#text .contact b {
    color: #333;
    display: block;
    font-size: 1.5em;
}

#text .contact-change b {
    color: #f00;
}

.contact a {
    background: #FFFBD8;
    color: #333;
}



/*************************************************************
 ***************        PRODUCTS
 *************************************************************/

#text ul.productsList {
	color: #333;
	line-height: 2.1em;
	margin: 0 0 5em;
}

#text ul.productsList li {
	margin: 2em 0;
}

#text ul.productsList li a {
	border-bottom: 1px dotted #000;
	color: #333;
	text-decoration: none;
}

#text ul.productsList li a:hover {
	border-style: solid;
}

#text ul.productsList li strong {
	color: #111;
}

#text ul.productsList li ol {
	list-style: decimal inside;
	margin: 0 0 0 2em;
}

#text ul.productsList li ol li {
	margin: 0;
}

#text ul.productsList li ol li a {
}



#text .breadcrumbs {
	font-size: 0.875em;
	margin: 0 0 2em;
}

#text .breadcrumbs a {
	border-bottom: 1px dotted #333;
	color: #333;
	text-decoration: none;
}

#text .breadcrumbs a:hover {
	color: #000;
	border-style: solid;
}


#text ul.products {
    list-style-position: inside;
    list-style-type: decimal;
    margin: 2em 0 4em;
}

#text ul.products li {
    margin: 3em 0 6em;
}

.productGroupDescription {
    padding: 0 0 0 50px;
}

#text .productGroupDescription h3,
#text .productGroupDescription strong {
    display: block;
    font-size: 1.75em;
    margin: 2em 0 1.5em;
}

#text .productGroupDescription p {
    text-indent: 0;
}

.product {
    margin: 2em 0 3em;
    overflow: auto;
}

.productPhoto {
    float: left;
    text-align: center;
    width: 175px;
}

.productPhoto img {
    border: 2px solid #9A9673;
}

.productPhoto span {
    font-size: 0.75em;
}

.productDescription {
    float: left;
    vertical-align: middle;
    width: 400px;
}

#text .productDescription p {
    padding: 0 0 0 1em;
    text-indent: 0;
}

#text .productDescription h5 {
    padding: 0.5em 0 1em 1em;
}

.bitwide {
    width: 250px;
}

.wide {
    width: 280px;
}

.wider {
    width: 565px;
}

.narrow {
    width: 325px;
}




/*************************************************************
 ***************        FOOTER
 *************************************************************/

#footer {
    background: #00A77A url(../gfx/back.gif) repeat-x;
    font-size: 0.75em;
    height: 95px;
    overflow: auto;
}

#footer div {
    width: 780px;
}

#footer ul {
    float: left;
    overflow: auto;
    padding: 5px 0 0 300px;
}

#footer ul li {
    display: block;
    float: left;
}

#footer ul a {
    color: #000;
    display: block;
    float: left;
    padding: 5px 1.5em;
    position: relative;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer ul span {
    display: none;
}

#footer span.active {
    display: block;
    padding: 16px 0;
    text-align: right;
    width: 760px;
}

#footer span.active b {
    font-weight: normal;
    border-bottom: 1px dotted #000;
}