/* Professionelles Webdesign mit (X)HTML und CSS
Start 30. April 2007
Letzte Aenderung am 30. April 2007
*/
/* Wichtige Farben
links:#666666; link_gross:#cccccc;
*/
/* Allgemeines
*/
*{
margin: 0;
padding: 0;
}
/*Neu -> */

#anschrift {
	width:180px;
	height: 183px; 
	
	float: left; 
	margin-top: 45px; 
	margin-left: 50px;
}
#anschrift p a {
	text-decoration: underline;
}
#anschrift p a:hover {
	text-decoration: none;
}
#anschrift p {
	font-size: 0.7em;
}
p.senden_btn {
	margin: -50px 0 0 0px;
	padding-left: 81px;
}
#text {
	width: 400px;
	height: 250px;
	padding: 0;
	margin:0;
}

#text ul li {
	width: 140px;
	margin-left: 21px;

	list-style-type: square;
	list-style-position: inside;
	font-size: 0.8em;
	
}
p.abstand_oben {
	margin-top: 2em;
}
p a.link {
	text-decoration: underline;
}
p a.link:hover {
	text-decoration:none;
}
/*<- Neu*/

body {font-size: 100%; background-color:#ffffff; text-align: center; position: relative;}
h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select
{color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left;}
ul, li {padding: 0; margin: 0px; list-style-type: none;} /*Aufzählungen ohne Bullets*/
img a img { border: 0px none;} /*Keinen Rand für Bilder, auch verlinkte*/
a:link {color: #666666; text-decoration: none;}
a:hover {color: #a90107; text-decoration: none;}
a:visited {color:#666666; text-decoration: none;}

/* Klassen */
.none { display: none; }  /*verhindert die Anzeige eines Elementes*/
/*Grobgliederung*/

/*Mantel*/

#container  {position: relative; margin: auto; margin-top: 20px; padding: 0; width: 798px; height: 620px; text-align: left;}

/*Navigation im Header*/

#header {width:798px; height: 50px; background-color: #ffffff; float: left;}
#header ul li {font-size: 11px; display: inline; margin-right: 15px;}
#header ul {margin-top: 15px;}
#link_gross {font-size: 25px; color: #cccccc;}


/*Hauptbereich mit Fotos und Text*/

#haupt {width: 798px; height: 550px; background: #fff url('hintergrund.gif') no-repeat top left;  border: 1px solid #666666; float: left;}
#haupt ul li {margin-right: 10px;}
#haupt ul {margin-top: 5px;}
#unterlink_weiss {font-size: 15px; color: #ffffff;}

#kreis {width:180px; height: 183px; background: #ccc url('kreis.gif') no-repeat; float: left; margin-top: 40px; margin-left: 50px;}

#text {width: 450px; float: left; margin-left: 40px; margin-top: 45px; border-left: 1px solid #ffffff;}
#text p {font-size: 11px; margin-left: 20px; margin-bottom: 10px;}

h1 {color: #fff; font-size: 13px; margin-left: 20px; margin-bottom: 15px;}
#zurueck {width: 200px; color: #fff; font-size: 11px; float: right; margin-right: 80px; margin-top: 30px; text-decoration: underline;
background-color:#000;}
#zurueck ul li {display: inline;}
#logo {width:213px; height: 88px; background: #fff url('logo.gif') no-repeat; float: left; margin-top: 100px; margin-left: 10px;}



/*Footer*/

#footer {width: 798px; height: 20px; float: left; background-color: #fff;}

/*Kontaktformular*/

fieldset {
	width: 420px;
	
	margin: 20px 0 1em 0em;
	padding: 1em 0 2em 0;
	border: none;

}

label {
	float: left;
	width: 80px;
	
	
}
label.bestellung {
	width: 220px;
}
label.kontakt_wuensche {
	width: 338px;

}
input.gewuenscht {
	width: 1em;
	
}
select.bestellung {
	width:130px;
}

legend {
	color: #333;
	font-size: 0.8em;
	margin-left: 20px;
	color: #a90107;
}
textarea {
	width: 270px;
	height: 90px;
}
input {
	width: 270px;
	}
input.strasse {
	width: 230px;
	margin-right: 10px;
}
input.nummer {
	width: 30px;
	padding-left: 16px;
}
input.senden {
	width: 78px;
	
}
.webdesign_berlin {
	width: 100px;
	position: absolute;
	margin-left: -1000em;
	}
	
#darstellung {
	position: absolute;
	width: 100px; 
	font-size: 0.7em;
	z-index:100;
padding: 0;
margin: 0;

}