/* --- Generic Selectors for gastrodiabetes.de --- */
/* --- menu and submenu uses a and h2 --- */
body {
font-family: Arial, sans-serif;
font-size: 15px;
color: #000;
background-color: #fff;
min-width: 980px;
min-height: 800px;
max-width: 1200px;
}

p {
margin-top: 10px;
margin-bottom: 50px;
color: #000;
}

h1 {
font: bold 19px/26px Verdana, sans-serif;
color: #00c;
}

b.heading {
font: bold 17px/22px Arial, sans-serif;
}

a {
text-decoration: none;
}

img.right {
float: right;
margin: 10px 50px 20px 20px;
border: 1px solid #888;
padding: 10px;
height: 150px;
clear: right; /* Ok for IE8 not for 6/7 */
}

img.left {
float: left;
margin: 0 0 10px 30px;
padding: 0 0 0 0;
clear: right; /* Ok for IE8 not for 6/7 */
}

img.icon {
float: right;
margin: 10px 0 5px 10px;
padding: 0 0 0 0;
border: none;
clear: right; /* Ok for IE8 not for 6/7 */

}



/* -------------- IDs -------------- */
#praxis_logo {
position: absolute;
z-index: 15;
width: 1000px;
margin-top: 3px;
margin-bottom: 0px;
font-size: 14px/14px;
background:url("../img/leisteoben.gif") no-repeat;
}

#umzug {
position: absolute;
z-index: 25;
margin-top: 82px;
margin-left: 165px;	/* NOT margin-left for IE8/7/6 */
width: 160px;
height: 135px;
text-align: center;
font: 12px;
color: red; 
padding: 4px;
border: 4px solid red;
background-color: #fff;
}

#banner {
position: absolute;
z-index: 10;	/* z-index to 20 for Impressum for active links */
padding-left: 335px;
margin-top: 53px;
text-align: center;
border: none;
}

#content {
position: absolute;
z-index: 10;	/* z-index to 20 for Rezepte/Impressum for active links */
margin-top: 202px;
padding-left: 335px;	/* NOT margin-left for IE8/7/6 */
padding-top: -50px;
min-width: 700px;
max-width: 850px;
font: 15px/20px arial, helvetica, sans-serif;
background:url("../img/leisteunten.gif") no-repeat;
}

#content u {
font: 12px/30px arial, helvetica, sans-serif; 
}

#col1 {
position: absolute;
width: 400px;
margin-left: 0px;
border: none;
}

#col2 {
position: relative;
float: left;
width: 400px;
margin-left: 430px;
border: none;
clear: right; /* Ok for IE8 not for 6/7 */
}

#col3 {
position: relative;
float: left;
width: 830px;
padding: 10px 10px 10px 0px; /*top right bottom left*/
border: none;
}

#top {
position: absolute;
z-index: 25;
margin-left: -200px;	/* nested in content */
}

#menu { /* main navigation menu */
font: bold 13px/20px arial, helvetica, sans-serif;
position: absolute;
z-index: 30;
width: 160px; 
margin-top: 200px;
background: #efefef;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

#menu h2, #menu a { /* style, color and size of links and headings to suit */
font: bold 13px/20px arial, helvetica, sans-serif;
display: block;
border-width: 1px 2px 1px 2px;
border-style: solid;
border-color: #888;
margin: 0;
padding: 2px 2px;
}

#menu h2 {
color: #00c;
background:url("../img/image2.gif");
text-decoration: none;
}

#menu h2:hover {
color: #000;
background:url("../img/image5.jpg");
border-color: #fff;
}

#menu h2.top {
border-top: 4px double #00c; 
}

#menu h2.bottom {
border-bottom: 4px double #88f; 
}

#menu a {
color: #00c;
background:url("../img/image2.gif");
text-decoration: none;
}

#menu a.top {
border-top: 1px double #888;
line-height: 23px; 
font-style: italic; 
text-align: right;
}

#menu a.bottom {
border-bottom: 2px double #888;
} 

#menu a:hover {
color: #ff0;
background:url("../img/image5.jpg");
border-width: 1px 2px 1px 2px; /*top right bottom left*/
border-style: double;
border-color: #fff;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu li h2.submenu {
border-width: 4px 4px 4px 4px;
border-style: double;
border-color: #888;
background:url("../img/image2c.jpg"); /* arrow to nested list */
} 

#menu li h2.submenu:hover { /* pushed button look */
margin-left: 2px;
margin-right: 2px;
color: #ff0;
background:url("../img/image5.jpg"); 
border-color: #fff;
cursor: default;
}

#menu li a.left_shift {	/* gold arrow to submenu */
position: absolute;
z-index: 50;
top: 3px;
left: -8%; /* to position them to the right of their containing block */
width: 9%; /* width is based on the containing block */
border: none;
height: 25px;
margin: 0;
padding: 0;
background:url("../img/image5c.jpg") left no-repeat;
}

#menu ul ul {
position: absolute;
top: 0;
left: 105%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul,
div#menu ul li:hover ul {
display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul {
display: block;
}