/*GLOBAL*/

html{margin:0px; padding:0px; width:100%; height:100%; font-family: Arial, Verdana, sans-serif; font-size:0.9em; color:#000;}
body{margin:0px; padding:0px; width:100%; height:100%; background:transparent url(../maingrafx/bg-line.jpg) repeat-x;}
p {}
h1,
p.a_headline {font: bold Arial, Verdana, sans-serif; font-size:1.5em; color:#E3750A; text-transform:uppercase;}
p.a_headline {margin:15px 0px 14px 0px; font-weight:bold;}

h2, h3, h4, h5, h6 {font-size:1.3em; color:#2c659f;}

#header {position:relative; width:876px; height:182px; margin-left:auto; margin-right:auto;}

#top_sheet {position:relative; top:132px; width:876px; height:50px; background:url(../maingrafx/top-sheet.gif) no-repeat; margin-left:auto; margin-right:auto;}

#logo {position:absolute; left:0px; top:20px; width:155px; height:97px; background:url(../maingrafx/dreyer-logo.gif) no-repeat;}

#frame {position:relative; width:1024px; margin-left:auto; margin-right:auto; background-color:transparent; padding-bottom:15px;}
#contentcontainer {position:relative; width:876px; background-color:#CDCBBF; margin-left:auto; margin-right:auto;}
#content {position:relative; width:696px;  background-color:transparent; padding:30px 30px 30px 150px; min-height:450px;}

#footer {
position:relative; 
width:876px; 
height:19px; 
background:url(../maingrafx/footer.gif) no-repeat; 
margin:0px auto 0px auto;
}

#footer img {border:0px !important;}


img {border: 0px solid; display: block;}
.no{border: 0px;}


#bleistift {position:absolute; left:175px; top:50px; width:42px; height:451px; background:url(../maingrafx/bleistift.gif) no-repeat;}




#mainmenu_top {position:absolute; top:0px; float:left; background-color:transparent; background:url(../maingrafx/main-menu-top.gif) no-repeat;
width:202px; height:60px;}
#mainmenu {position:absolute; top:60px; left:5px; float:left; background-color:/*#DCD8BC*/transparent; width:197px; padding-bottom:25px;}
#mainmenu_footer {position:relative; width:197px; height:12px; background:url(../maingrafx/menu-footer.gif) no-repeat; background-color:transparent; 
margin-bottom:0px;}

#submenu {position:relative; left:3px; float:left; background-color:transparent; }
#SubMenuContainer {position:relative; left:0px;  background-color:transparent;  float:left; padding-bottom:5px; overflow:hidden;}

#MainMenuContainer {position:relative; left:0px;  background-color:#DCD8BC; width: /*160px*/100%; float:left; padding-bottom:15px; margin:0px; overflow:hidden;}

a.naviMainLink,
a.naviMainLink:link, a.naviMainLink:visited {
text-decoration:none;
color:#2C659F;
display: block;
font: bold /*0.8em*/13px Arial, Verdana, Helvetica, sans-serif;
text-transform:uppercase;
height:100%;
padding: 0.7em 10px 0.7em 40px;}

a.naviMainLinkInaktiv:hover,
a.naviMainLinkAktiv	{
background-color:transparent;
color:#2C659F;
padding: 0.7em 10px 0.7em 40px; 
background:url(../maingrafx/menu-over.gif) no-repeat;
background-position:5% 55%;}

a.naviMainLinkInaktiv:active,
a.naviMainLinkInaktiv:focus	{
background-color:transparent;
color:#2C659F;
padding: 0.7em 10px 0.7em 40px; 
background:url(../maingrafx/menu-over.gif) no-repeat;
background-position:5% 55%;}

a.naviMainLinkInaktiv {
background-color:transparent;
color: color:#2C659F;}

a.naviSubLinkAktiv, a.naviSubLinkAktiv:link, a.naviSubLinkAktiv:active, a.naviSubLinkAktiv:visited, a.naviSubLinkAktiv:hover, a.naviSubLinkAktiv:focus{
background:url(../maingrafx/sub-menu-over.gif) no-repeat;
background-position:5% 55%;
background-color:transparent; 
color:#C65E13; 
font: normal /*0.8em*/14px Arial, Verdana, Helvetica, sans-serif;
text-transform:uppercase;
padding: 0.7em 10px 0.7em 40px;}

a.naviSubLinkInaktiv, a.naviSubLinkInaktiv:link, a.naviSubLinkInaktiv:active, a.naviSubLinkInaktiv:visited {
background-color:transparent; 
color:#C65E13;
font: normal /*0.8em*/14px Arial, Verdana, Helvetica, sans-serif;
padding: 0.7em 10px 0.7em 40px;}

a.naviSubLinkInaktiv:hover, a.naviSubLinkInaktiv:focus{
background:url(../maingrafx/sub-menu-over.gif) no-repeat;
background-position:5% 55%;
background-color:transparent;
color:#C65E13;
font: normal /*0.8em*/14px Arial, Verdana, Helvetica, sans-serif;
padding: 0.7em 10px 0.7em 40px;}

a.subsubnavi {
background:url(../maingrafx/subsub.png) no-repeat;
background-position:37% 100%;
padding: 0.7em 10px 0.7em 65px;
font: normal /*0.8em*/12px Arial, Verdana, Helvetica, sans-serif;
color:#2C659F;
text-transform:uppercase;
text-decoration:none;
}

#topmenu {position:absolute; right:8px; top:65px; width:275px; height:35px;}

/*ENDE NAVIGATION */

img.spacer-gif {border:0px solid !important;}








/*
.pictureboxright {position:relative; float:right; background-color:transparent; color:#000; z-index:0;}
.pictureboxleft {position:relative; float:left; background-color:transparent; color:#000; z-index:0;}
.pictureboxleft img {margin:0px 5px 2px 0px}

.pictureboxright,
.pictureboxleft {text-align:center; font-size:10px;}

div.pictureboxright img,
div.pictureboxleft img,
div.left img,
div.right img {border:6px solid #fff;}
div.pictureboxright img,
div.right img { margin-left:10px;}
div.left img {margin-right:10px;}

div.clear {clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden; margin:0px; padding:0px;}
div.picnowrap {display:block;}
div.pictext {float:left; width:50%;}
div.picright {float:right; width:50%;}

div.picright img {border:10px solid #fff; margin-left:10px;}

div.picnowrapleft {display:block;}
div.picnowrapleft img,
div.imagewhiteborder img {float:left; width:auto; border:10px solid #fff; margin-right:10px;}
*/

/* OBEN MITTIG */
div.obenmittig {display:block;}
div.obenmittig div.bild {display:block; text-align:center;}
div.obenmittig div.bild img {border:10px solid #fff; margin:auto;}
div.obenmittig div.text {}

/* OBEN RECHTS */
div.obenrechts {display:block;}
div.obenrechts div.bild {display:block; text-align:right;}
div.obenrechts div.bild img {border:10px solid #fff; float:right;}
div.obenrechts div.text {clear:both; display:block;}

/* OBEN LINKS */
div.obenlinks {display:block;}
div.obenlinks div.bild {display:block; text-align:left;}
div.obenlinks div.bild img {border:10px solid #fff;}
div.obenlinks div.text {display:block;}

/* UNTEN MITTIG */
div.untenmittig {display:block;}
div.untenmittig div.bild {display:block; text-align:center;}
div.untenmittig div.bild img {border:10px solid #fff; margin:auto;}
div.untenmittig div.text {display:block;}

/* UNTEN RECHTS */
div.untenrechts {display:block;}
div.untenrechts div.bild {display:block; text-align:right;}
div.untenrechts div.bild img {border:10px solid #fff; float:right;}
div.untenrechts div.text {display:block;}

/* UNTEN LINKS */
div.untenlinks {display:block;}
div.untenlinks div.bild {display:block; text-align:left;}
div.untenlinks div.bild img {border:10px solid #fff;}
div.untenlinks div.text {display:block;}

/* IM TEXT RECHTS */
div.imtextrechts {display:block;}
div.imtextrechts img {border:10px solid #fff; float:right;}

/* LINKS TEXT */
div.imtextlinks {display:block;}
div.imtextlinks img {border:10px solid #fff; float:left; margin-right:10px;}

/* LINKS TEXT RECHTS BILD */
div.linksrechtsrechts {display:block; width:100%; height:auto;}
div.linksrechtsrechts div.text {float:left; position:relative; width:auto; width:60%;}
div.linksrechtsrechts div.bild {float:right; position:relative; width:40%; text-align:right;}
div.linksrechtsrechts div.bild img {border:10px solid #fff; float:right;}

/* LINKS BILD RECHTS TEXT */
div.linksrechtslinks {display:block; width:100%; height:auto;}
div.linksrechtslinks div.text {float:right; position:relative; width:auto; width:60%;}
div.linksrechtslinks div.bild {float:left; position:relative; width:40%;}
div.linksrechtslinks div.bild img {border:10px solid #fff; float:left;}




div.pictureboxleft {float:left; margin-right:10px;}
div.pictureboxright {float:right; margin-left:10px;}