/* 
    Document	: dh-hydraulik.css
    Created on	: Nov 10, 2011, 4:01:00 PM
    Modified on	: Aug 15, 2019 
    Author	: G. Bege <georg@bege.email>
    Description	:    Main CSS3 document for dh-hydraulik.de

    Minimum versions:	Any newer Google Chrome / Chromium (webkit)
			Mozilla Firefox 3.x (gecko)
			Opera ?
			- doesnt support round corners
			Microsoft Internet Explorer (8.x deprecated)
			- doesnt support drop shadows
			- doesnt support round corners
			KDE Konqueror (4.6.x, lower versions possible?)
*/

html, body {
    height:	auto;
    min-height:	100%;
    margin:	0;
    padding:	0;
    font-size:	16px;
    color:	rgb(255, 114, 0);
}

iframe {
	width: 100%;
	height: 600px;
	border: none;
	overflow: hidden;
	color: black;
	background-color: white;
}

a { color: white; }
a:visited { color: white; }

p.info {
    position:	relative;
    margin-top:	25px;
}

body {
    /* fallback background (no gradient) */
    background-color: #242424;

    /* Konqueror */
    background:	-khtml-gradient(linear, left top, left bottom,
		from(#383838), to(#000000));
    /* Chrome */
    background: -webkit-gradient(linear, left top, left bottom,
		from(#383838), to(#000000));
	
    /* Gecko/Mozilla */
    background: -moz-linear-gradient(top, #383838, #000000);
    overflow: auto;
}

#header {
    position:		absolute;
    width:		189px;
    height:		241px;
    margin:		auto 50px;
    margin-top:		10px;
    background-position: top left;
    background-image:	url(../res/LogoDH_Nov11.png);
    background-repeat:	no-repeat;
    border:		1px solid transparent;
    overflow:		hidden;
    z-index:		5;
}

#header p {
    display:	none;
}

#footer {
    position:	relative;
    margin:	auto 50px;
    padding-left: 10px;
    top:	850px;
    width:	800px;
    min-height:	20px;
    border:	1px transparent;
    overflow:	hidden;
    z-index:	2;
}

#content {
    position:	absolute;
    margin: auto 50px;
    margin-top:	220px;
    padding:	5px;
    width:	800px;
    min-height:	600px;
    font-size:	1.1em;
    color:	white;
    background:	#383838;
    border:	2px outset gray;
    border-radius:	20px;
    border-radius:	20px;
    -moz-border-radius:	20px;
    -moz-border-radius:	20px;
    -khtml-border-radius:	20px;
    -khtml-border-radius:	20px;
    -webkit-border-radius:	20px;
    -webkit-border-radius:	20px;
    
    box-shadow:		0px 0px 10px black;
    -moz-box-shadow:	0px 0px 10px black;
    -webkit-box-shadow:	0px 0px 10px black;
    z-index:	3;
    overflow:	auto;
}

#nav {
    position:		relative;
    width:		640px;
    height:		90px;
    margin:		auto 25px;
    padding:		0px;
    background:		#383838;
    border:		1px solid transparent;
    
    border-bottom-left-radius:		20px;
    border-bottom-right-radius:		20px;
    -moz-border-bottom-left-radius:	20px;
    -moz-border-bottom-right-radius:	20px;
    -khtml-border-bottom-left-radius:	20px;
    -khtml-border-bottom-right-radius:	20px;
    -webkit-border-bottom-left-radius:	20px;
    -webkit-border-bottom-right-radius:	20px;
    
    box-shadow:		0px 0px 10px black;
    -moz-box-shadow:	0px 0px 10px black;
    -webkit-box-shadow:	0px 0px 10px black;
    
    overflow:	hidden;
    float:	right;
    z-index:	5;
}

#nav ul { list-style-type: none; }
#nav li { display: inline; }

.navbox {
    position:	absolute;
    top:	0px;
    width:	90px;
    height:	70px;
    margin-top:	-2px;
    margin-left:	5px;
    margin-right:	5px;
    padding-top:	5px;
    padding-left:	5px;
    font-family:	"AvantGarde Md BT", "Century Gothic", "URW Gothic L Book", sans-serif;
    font-size:	    1.2em;
    background:	    #6b6b6b;
    border:	    1px outset #e8e8e8;
    overflow:		hidden;
    
    border-bottom-left-radius:		10px;
    border-bottom-right-radius:		10px;
    -moz-border-bottom-left-radius:	10px;
    -moz-border-bottom-right-radius:	10px;
    -khtml-border-bottom-left-radius:	10px;
    -khtml-border-bottom-right-radius:	10px;
    -webkit-border-bottom-left-radius:	10px;
    -webkit-border-bottom-right-radius:	10px;
}

.navbox a {
    position:		absolute;
    margin-top:		-7px;
    margin-left:	-5px;
    min-width:		94px;
    min-height:		100%;
    color:		white;
    text-decoration:	none;
    border:		1px solid transparent;
    
    border-bottom-left-radius:		10px;
    border-bottom-right-radius:		10px;
    -moz-border-bottom-left-radius:	10px;
    -moz-border-bottom-right-radius:	10px;
    -khtml-border-bottom-left-radius:	10px;
    -khtml-border-bottom-right-radius:	10px;
    -webkit-border-bottom-left-radius:	10px;
    -webkit-border-bottom-right-radius:	10px;
}

.navbox a:hover {
    background:		rgb(255, 114, 0);
}

.navbox a:visited {
    color:		white;
}

.navtxt {
    position:	absolute;
    top:	25px;
    margin:	0px;
    padding:	0px;
}

.searchbox {
    position:	    relative;
    margin-top:	    20px;
    margin-right:   20px;
    border:	    2px outset white;
    color:	    rgb(255, 114, 0);
    background-color: rgb(222, 222, 222);

    border-radius:	    10px;
    -moz-border-radius:	    10px;
    -khtml-border-radius:   10px;
    -webkit-border-radius:  10px;

    overflow:	visible;	/* important for legend (see below) */
    float:		right;
}

.searchbox legend {
    position: relative;
    top: -10px;
    font-weight: bold;
}

table#results {
    display:	block;
    position:	relative;
    top:	10px;
    margin:	5px;
    width:	95%;
    height:	470px;
    color:	black;
    border:	1px solid transparent;
    overflow:	auto;
    z-index:	2;
}

table#results .head {
    color: white;
    background-color: rgb(101, 101, 101);
    border-top: 1px outset rgb(229, 229, 229);
}

table#results th {
    text-align: left;
    padding: 5px;
}

table#results td {
    padding: 5px;
}

table#results .odd {
    background-color: rgb(255, 221, 0);
}

table#results .even {
    background-color: rgb(253, 255, 122);
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

#vendors {
    position: relative;
    width: 50%;
    margin-top: 30px;
}

#catalog {
    position: relative;
}

#catalog ul {
    margin-top: 30px;
}

#catalog a:hover {
    color: yellow;
}

#vendors td {
    width: auto;
    background-color: white;
}

#vendors object {
	max-width: 320px;
	max-height: 90px;
}

#vendors td:hover {
    cursor: hand;
}

#vendors a:hover {
    background-color: yellow;
}

#pagenav {
    position: relative;
    width: 90%;
    font-size: 16px;
    margin-left: 5px;
}

#language ul {
    list-style-type: none;
    position:	absolute;
    top:	190px;
    left:	680px;
    margin:	0;
    padding:	0;
    order:	1px solid transparent;
    z-index:	6;
}

#language li {
    display:	inline;
    margin:	1px;
}

#language object { border: 1px dotted blue; }

#showcase {
    position: relative;
    left: 440px;
    margin-top: 120px;
    margin-right: 40px;
    min-width: 250px;
    min-height: 250px;
    float: right;
    z-index: 1;
    border: 2px transparent;
    background-color: none;
    overflow: auto;
}

#showcase img {
    position: fixed;
}

#showcase .show {
    z-index: 2;
}

#special_offer {
    position: relative;
    margin-top: 0px;
    margin-left: 440px;
	margin-right: 40px;
	min-width: 250px;
	min-height: 250px;
	float: right;
    z-index: -1;
}
#special_offer img {
	position:fixed;
}

#downloads {
    margin-top: 5px;
    width: 90%;
    height: auto;
}

#home {
    color: white;
    margin-top: 30px;
}

#slogan {
    position: absolute;
    top: 160px;
    left: 200px;
    width: auto;
    height: auto;
    font-size: 1.5em;
    color:	rgb(255, 114, 0);
    border: none;
}

#footer table {
    display: inline;
    position: relative;
    border: none;
}

#footer table {
    width: auto;
    border: none;
}

#footer table .left {
    padding-left: 0px;
}

#footer table .right {
    padding-left: 40px;
}