/* CSS Dokument zu www.anger-sechs.de oder www.restaurant-erfurt.com also da, wo es das beste Essen in ganz Thüringen gibt - die CSS Datei wurde erstellt von www.gastrodreams.de (Das Copyright ist auch bei Gastro Dreams GbR) */

/* Aufbau */ 

html, body {
background-image:url(bg.jpg);
background-position:top center;
background-repeat:no-repeat;
margin:0;
padding:0;
background-color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight:normal;
color:#000000;
}

#frame {
background-image:url(restaurant-erfurt_07.jpg);
background-repeat: repeat-y;
background-position:top;
width:950px;
margin:	0 auto 0px auto;
text-align: left;
}

#head {
width:950px;
height:123px;
float:left;
}

#menue {
width:249px;
height:462px;
background-image:url(restaurant-erfurt_04.jpg);
float:left;
}

#header {
width:701;
height:462px;
float:left;
}

#main {
width:950px;
background-image:url(restaurant-erfurt_06.jpg);
background-repeat:no-repeat;
background-position:top;
float:left;
}

#leftbar {
width:249px;
float:left;
}

.cb1 {
width:662px;
background-image:url(content_06.jpg);
background-repeat:repeat-y;
background-position:top;
float:left;
margin-left:15px;
margin-bottom:15px;
}

.cb2 {
width:662px;
background-image:url(content_03.jpg);
background-repeat:no-repeat;
background-position:top;
}

.content {
width:662px;
background-image:url(content_07.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-top:15px;
padding-bottom:15px;
}

#footer {
margin-top:15px;
width:950px;
height:67px;
background-image:url(restaurant-erfurt_09.jpg);
clear:both;
}

/* Nun genug aufgebaut - kommen wir zum Menü :) - also der Navigation - weil sehr gute Menüs zum Essen gibt es nur im Anger Sechs in Erfurt ! */

#menuebox {
margin:90px 0 0 40px;
width:180px;
font-size:0.95em;
/*padding-left:35px; */
text-align:left;
float:left;
}

#menuebox ul {
margin: 0;
padding: 0;
padding-left:35px;
list-style: none;
}

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

#menuebox li a {
color: #000000;
font-weight:normal;
text-decoration: none;
padding:0 1px 0px 1px;
display: block;
width: 99.9%;
padding-left:20px;
}

#menuebox li a:hover {
background-image:url(menu-icon.gif);
background-position:left;
background-repeat:no-repeat;
font-weight:normal;
color: #000;
text-decoration: underline;
padding-left:20px;
}

#nav {
width: 150px;
z-index:10 !important;
}

#nav ul {
display: none;
background:#CCCCCC;
border-width: 1px;
border-style:solid;
border-color:#666666;
z-index:10 !important;
}

#nav ul li a {
margin-left:-20px !important;
}

#nav ul li a:hover {
margin-left:-20px !important;
}

#nav li:hover ul, #nav li.over ul {
text-align:left;
width: 150px;
display: block;
position: absolute;
margin: -20px 0 0 110px;
z-index:10 !important;
}

.abstandoben {
margin-top:10px !important;
}

.abstandunten {
margin-bottom:10px !important;
}

/* Content und Co */
form {
margin-left:25px;
margin-right:25px;
}
.fehler {
color:#ad072c;
font-weight:bold;
}
legend {
	padding-left:10px;
	padding-right:10px;
	border: 0px none;
}
fieldset {
	border:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	border: 0px none;
}
.radiolayout {
	width:80%;
	padding-top:15px;
	padding-bottom:15px;
}
.formu {
	border: 0px none;
}
.formrow {
	margin-bottom: 10px;
	clear: left;
}
.mf-radio {
	border:0px;
}
.mf-text {
	color: #000000;
	border: 1px solid #C0C0C0;
	margin-bottom: 5px;
}
.mf-check {
	border: 0px;
}
.mf-select {
	border:0px;
	width: 150px;
}
.mf-input {
	border: 1px solid #C0C0C0;
	margin-bottom: 5px;
}
.mf-submit {
	color: #ffffff;
	background-color: #C0C0C0;
	border: 1px;
	margin-top:25px;
}

#anschrift {
width:200px;
color:#FFFFFF;
font-style:italic;
font-size:0.80em;
float:left;
}

#anschrift p {
margin:190px 0 10px 60px;
}

#anschrift a {
color:#FFFFFF;
text-decoration:underline;
font-weight:normal;
}

#anschrift a:hover {
color:#FFFFFF;
text-decoration:underline;
font-weight:normal;
}

/* Content Elemente */

.content h1 {
font-size:1.6em;
color:#ad072c;
margin:30px 25px 5px 25px;
font-weight:bold;
font-style:italic;
}

.content h2 {
font-size:1.0em;
color:#ad072c;
margin:15px 25px 5px 25px;
font-weight:bold;
}

.content p {
font-size:0.95em;
line-height:1.3;
color:#000000;
margin-left:25px;
margin-right:25px;
font-weight:normal;
}

.content ul {
font-size:0.95em;
line-height:1.3;
color:#000000;
margin-left:55px;
margin-right:25px;
font-weight:normal;
}

.content a {
color:#000000;
text-decoration:none;
font-weight:bold;
}

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

.content table {
font-size:0.95em;
line-height:1.3;
color:#000000;
margin-left:25px;
margin-right:25px;
font-weight:normal;
}

.content img {
border:1px;
border-color:#666666;
border-style:solid;
padding:3px;
background-color:#FFFFFF;
margin:5px 5px 5px 5px;
}

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

.last {
margin-bottom:50px;
}

/* Bilder */

.imgr, .csc-textpic-intext-right  {
border:1px;
border-color:#666666;
border-style:solid;
padding:3px;
background-color:#FFFFFF;
margin:5px 5px 5px 5px;
float:right;
}

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


/* Footer Elemente */

#footer p {
font-size:0.8em;
color:#FFFFFF;
padding:0;
margin-top:0;
margin-bottom:0;
font-weight:normal;
text-align:center;
position:relative;
top:8px;
}

#footer a {
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
}

#footer a:hover {
color:#FFFFFF;
text-decoration:underline;
font-weight:normal;
}