/* CSS Dokument für www.gastrodreams.de */
/* Copyright by Gastro Dreams */

/* Aufbau Head Bereich */

html, body {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#663300;
height: 100%; 
margin-bottom: 1px;
}

#frame {
background-image: url(images/startseite/werbeagentur_19.jpg);
background-repeat: repeat-y;
background-position:top;
width:800px;
margin:	0 auto 0 auto;
text-align: left;
}

#logo {
width:300px;
height:121px;
float:left;
}

#menuoben {
width:500px;
height:121px;
background-image: url(images/startseite/werbeagentur_03.jpg);
float:left;
}

#picline {
width:800px;
height:128px;
float:left;
}

/* Aufbau Inhaltsbereich */

#sidebarleft {
width:216px;
float:left;
}

#middlebar {
width:374px;
float:left;
}

#rightbar {
width:210px;
float:left;
}

/* Aufbau Left */

#menubox {
width:216px;
height:363px;
background-image: url(images/startseite/werbeagentur_06.jpg);
float:left;
}

#adressbox {
margin-top:30px;
width:216px;
float:left;
}

/* Aufbau Middle mit Newsbox */

#picbox {
width:374px;
height:90px;
float:left;
}

#breadcrumb {
width:100%;
height:45px;
float:left;
}

.newscontainer {
width:374px;
background-image: url(images/startseite/werbeagentur_12.jpg);
background-repeat:repeat-y;
float:left;
}

.newscontent {
width:374px;
background-image: url(images/startseite/werbeagentur_11.jpg);
background-position:top;
background-repeat:no-repeat;
}

/* Aufbau mit grossem Content */

#middlebar2 {
width:584px;
float:left;
}

#picboxbig {
width:584px;
float:left;
}

#breadcrumbbig {
width:584px;
height:45px;
background-image:url(images/ueberuns/ueberuns_08.jpg);
float:left;
}

#totop {
width:584px;
height:45px;
background-image:url(images/ueberuns/ueberuns_08.jpg);
float:left;
}

.container {
width:584px;
background-image: url(images/c-line.jpg);
background-repeat:repeat-y;
float:left;
}

.content {
width:584px;
}

.imgbox {
width:200px;
margin:10px 5px 10px 10px;
float:left;
}

/* Formatierungen imgbox */

.imgbox img {
border:1px;
border-color:#cccccc;
border-style:solid;
padding:2px;
margin:3px;
background-color:#ececec;
}

/* Aufbau Right */

#picboxright {
width:210px;
float:left;
}

.addbox {
width:210px;
float:left;
}

/* Footer Bereich */

#footer {
width:800px;
height:36px;
background-image:url(images/startseite/werbeagentur_21.jpg);
background-repeat:no-repeat;
clear:both;
}

/* Menü */

#menue {
margin-top:15px;
font-weight:bold;
font-size:0.8em;
color:#FFF;
float:left;
}

#menue ul {
margin: 0;
padding: 0;
padding-left:25px;
list-style: none;
}

#menue li {
width: 180px;
float:left;
}

#menue li a {
color: #FFF;
font-weight:normal;
text-decoration: none;
padding: 1px;
display: block;
width: 99.9%;
}

#menue li a:hover {
font-weight:normal;
color: #000;
text-decoration: underline;
}

#nav {
width: 190px;
}

#nav ul {
display: none;
background-image:url(images/menubg.jpg);
background-repeat:repeat-y;
border-width: 1px;
border-style:solid;
border-color:#663300;
}

#nav li:hover ul, #nav li.over ul {
width: 190px;
display: block;
position: absolute;
padding-top: 7px;
padding-left: 7px;
padding-bottom:7px;
margin: -25px 0 0 120px;
}


/* Schriftformatierungen */

#adressbox p {
margin-top:0;
margin-bottom:0;
margin-left:25px;
font-size:0.7em;
color:#955b03;
}

#adressbox a {
color:#955b03;
text-decoration:none;
}

#adressbox a:hover {
color:#000;
text-decoration:underline;
}

.addbox h2 {
margin:0;
padding-top:37px;
padding-left:50px;
padding-bottom:9px;
color:#66cc33;
font-size:0.8em;
}

.addbox p {
line-height:1.0;
margin:0 0 3px 0;
padding-left:18px;
color:#000;
font-size:0.7em;
}

.addbox a {
text-decoration:underline;
font-weight:bold;
color:#333333;
}

.addbox a:hover {
text-decoration:underline;
font-weight:bold;
color:#000;
}

.newscontent h1 {
margin:0;
padding-top:22px;
padding-left:43px;
padding-bottom:13px;
color:#66cc33;
font-size:0.9em;
}

.newscontent p {
margin:10px 15px 10px 0;
padding-left:10px;
color:#333333;
font-size:0.8em;
}

.newscontent a {
text-decoration:underline;
font-weight:bold;
color:#333333;
}

.newscontent a:hover {
text-decoration:underline;
font-weight:bold;
color:#000;
}

.newscontent img {
background-color:#FFFFFF;
padding:3px;
margin:0 5px 10px 7px;
border:1px;
border-color:#999999;
border-style:solid;
float:right;
}

.imgnone {
margin:0 !important;
padding:0 !important;
border:0 !important;
}

#footer p {
padding-top:6px;
padding-right:30px;
text-align:right;
font-size:0.6em;
color:#FFF;
}

#breadcrumb p {
margin:0;
/* position:relative;
top:17px; */
padding-top:17px;
padding-left:10px;
text-align:left;
font-size:0.7em;
color:#999999;
}

#breadcrumb a {
text-decoration:underline;
color:#999999;
}

#breadcrumb a:hover {
text-decoration:underline;
color:#000;
}

#breadcrumbbig p {
margin:0;
padding-top:17px;
padding-left:10px;
text-align:left;
font-size:0.7em;
color:#999999;
}

#breadcrumbbig a {
text-decoration:underline;
color:#999999;
}

#breadcrumbbig a:hover {
text-decoration:underline;
color:#000;
}

#totop p {
margin:0;
padding-top:17px;
padding-right:50px;
text-align:right;
font-size:0.7em;
color:#999999;
}

#totop a {
text-decoration:underline;
color:#999999;
}

#totop a:hover {
text-decoration:underline;
color:#000;
}

#menuoben p {
padding-top:6px;
padding-right:30px;
text-align:right;
font-size:0.7em;
color:#999999;
}

#menuoben a {
text-decoration:none;
color:#999999;
}

#menuoben a:hover {
text-decoration:underline;
color:#999999;
}


.content h1 {
margin:0;
padding-top:22px;
padding-left:43px;
padding-bottom:13px;
color:#66cc33;
font-size:0.9em;
}

.content p {
/* margin:7px 0px 7px 0 !important; */
margin-right:50px !important;
margin-left:10px;
line-height:1.4em;
color:#666666;
font-size:0.8em;
}

.content h2 {
margin:0;
padding-top:15px;
/* padding-left:43px; */
padding-bottom:13px;
line-height:1.5em;
color:#66cc33;
font-size:0.9em;
}

.content a {
text-decoration:underline;
font-weight:bold;
color:#333333;
}

.content a:hover {
text-decoration:underline;
font-weight:bold;
color:#000;
}

.imgr {
background-color:#FFFFFF;
padding:3px;
margin:0 5px 10px 7px;
border:1px;
border-color:#999999;
border-style:solid;
float:right;
}

.imgl {
background-color:#FFFFFF;
padding:3px;
margin:0 7px 10px 5px;
border:1px;
border-color:#999999;
border-style:solid;
float:right;
}

/* Liste Content */

.content ul {
padding-left:10px; 
margin-left:30px; 
margin-right:45px;
list-style-image:url(images/dot.gif);
list-style-position: outside;
color:#666666;
font-size:0.8em;
line-height:1.3;
}

.dotul {
padding-left:10px; 
margin-left:30px; 
margin-right:45px;
list-style-image:url(images/dot.gif);
list-style-position: outside;
color:#666666;
font-size:0.8em;
line-height:1.3;
}

.newsul {
padding-left:10px; 
margin-left:30px; 
margin-right:45px;
list-style-image:url(images/haken.gif) !important;
list-style-position: outside;
color:#666666;
font-size:0.8em;
line-height:1.3;
}


.haken {
list-style-image:url(images/haken.gif) !important;
list-style-position: outside;
}

.refer {
line-height:1.4 !important;
}

/* Tabelle */

table {
margin:7px 0px 7px 10px !important;
padding-right:50px !important;
color:#666666;
font-size:0.8em;
}

td {
vertical-align:top;
}

td ul {
margin-top:0 !important;
padding-top:0px !important;
}



.allesoben td {
vertical-align:top  !important;
}

.newblockborder {
padding-bottom:15px;
margin-bottom:10px;
border-bottom:1px;
border-bottom-color:#999999;
border-bottom-style:dotted;
}