body { 
		width : 100%; 
		color : #666;
		margin : 0;
		padding : 0;
		background-color : #efefef;
		white-space : normal;
		font-family : Tahoma, helvetica, verdana, arial, sans-serif; 
		text-align : center; /* sorgt in IE5 dafür, dass container zentriert werden - 
						text wird später in den einzelnen divs dann wieder nach links ausgerichtet */
		font-weight : normal;
		font-variant : small-caps; 
		}

/***** main container *****/
div#main {
		width : 710px;
		height : 625px;
		margin : 10px auto;
		background-color : #fff;
		}
div#movie {
		width : 690px;
		height : 444px;
		margin : -3px 7px 2px;
		}
div#formular {
		width : 690px;
		height : 544px;
		margin : 0 7px;
		}

/***** hauptmenu *****/
div#menu { 
		width : 690px; 
		height : 100px; 
		background-color : #efefef;
		border : 10px solid #fff;
		} 
div#logo {
		width : 127px;
		height : 103px;
		float : left;
		margin-left : 8px;
		background : url(http://www.sonst-noch-was.de/images/logo-website02.png) no-repeat;
		text-indent : -9999px; overflow : hidden;
		}
div#logo a {
		display : block;
		height : 103px;
		width : 127px;
		}
div#wer {
		width : 52px;
		height : 15px;
		float : left;
		margin-top : 40px;
		margin-left : 10px;
		margin-right : 15px;
		background : url(http://www.sonst-noch-was.de/images/wer.png) no-repeat;
		text-indent : -9999px; overflow : hidden;
		}
div#wer a {
		display : block;
		height : 15px;
		width : 52px;
		}
div#was {
		width : 51px;
		height : 15px;
		float : left;
		margin-top : 40px;
		margin-right : 15px;
		background : url(http://www.sonst-noch-was.de/images/was.png) no-repeat;
		text-indent : -9999px; overflow : hidden;
		}
div#was a {
		display : block;
		height : 15px;
		width : 51px;
		}
div#wann {
		width : 158px;
		height : 15px;
		float : left;
		margin-top : 40px;
		margin-right : 15px;
		background : url(http://www.sonst-noch-was.de/images/wann.png) no-repeat;
		text-indent : -9999px; overflow : hidden;
		}
div#wann a {
		display : block;
		height : 15px;
		width : 158px;
		}
div#blog {
		width : 52px;
		height : 15px;
		float : left;
		margin-top : 40px;
		margin-right : 30px;
		background : url(http://www.sonst-noch-was.de/images/blog.png) no-repeat;
		text-indent : -9999px; overflow : hidden;
		}
div#blog a {
		display : block;
		height : 15px;
		width : 51px;
		}


/***** inhalt links *****/
div#mainleft {
		width : 454px;
		height : 454px;
		float : left;
		border-left : 10px solid #fff;
		background-color : #C5E3EC;
		}
div#mainleftdesign {
		width : 454px;
		height : 454px;
		float : left;
		border-left : 10px solid #fff;
		background : url(http://www.sonst-noch-was.de/images/sitedesign.jpg) no-repeat;
		}
div#mainleft h1 {
		padding : 0 10px;
		font-size : 20px;
		text-align : left;
		text-transform : uppercase;
		letter-spacing : .2em;
		font-weight : normal;
		color : #666;
		}
div#mainleft p {
		padding : 0 10px;
		font-size : 14px;
		text-align : left;
		letter-spacing : .1em;
		}
div#mainleft a {
		color : #666;
		text-align : left;
		text-decoration : underline;
		}
div#mainleftAGBs {
		width : 690px;
		float : left;
		border-left : 10px solid #fff;
		border-right : 10px solid #fff;
		background-color : #C5E3EC;
		}
div#mainleftAGBs p {
		padding : 0 10px;
		font-size : 14px;
		text-align : left;
		letter-spacing : .1em;
		}
div#mainleftAGBs a {
		color : #666;
		text-align : left;
		text-decoration : underline;
		}
div#mainleftAGBs h1 {
		padding : 0 10px;
		font-size : 20px;
		text-align : left;
		text-transform : uppercase;
		letter-spacing : .2em;
		font-weight : normal;
		color : #666;
		}

/***** inhalt rechts *****/
div#mainright {
		width : 226px;
		height : 454px;
		float : right;
		border-right : 10px solid #fff;
		background-color : #C5E3EC;
		}
div#mainrightwer {
		width : 226px;
		height : 454px;
		float : right;
		border-right : 10px solid #fff;
		background : url(http://www.sonst-noch-was.de/images/nadeln.jpg) no-repeat;
		}
div#mainrightwas {
		width : 226px;
		height : 454px;
		float : right;
		border-right : 10px solid #fff;
		background : url(http://www.sonst-noch-was.de/images/vorschau.jpg) no-repeat;
		}
div#mainrightwo {
		width : 226px;
		height : 454px;
		float : right;
		border-right : 10px solid #fff;
		background : url(http://www.sonst-noch-was.de/images/hasenschal.jpg) no-repeat;
		}
div#mainrightrepertoire {
		width : 226px;
		height : 454px;
		float : right;
		border-right : 10px solid #fff;
		background-color : #C5E3EC;
		}
div#mainrightimpressum {
		width : 226px;
		height : 454px;
		float : right;
		border-right : 10px solid #fff;
		background : url(http://www.sonst-noch-was.de/images/stempel.jpg) no-repeat;
		}
div#mainright h1 {
		padding : 0 10px;
		font-size : 20px;
		text-align : left;
		text-transform : uppercase;
		letter-spacing : .2em;
		font-weight : normal;
		}
div#mainright p {
		padding : 0 10px;
		font-size : 14px;
		text-align : left;
		letter-spacing : .1em;
		text-transform : none;
		}
div#mainright a {
		color : #333;
		text-align : left;
		text-decoration : underline;
		}


/***** fußzeile *****/
div#footer {
		clear : both;
		width : 690px;
		height : 30px;
		background-color : #efefef;
		margin : 12px auto;
		border-top : 10px solid #fff;
				}
div#footer a {
		display : block;
		}
div#sitedesign {
		width : 80px;
		height : 14px;
		float : left;
		margin-top : 8px;
		margin-left : 150px;
		text-indent : -9999px; overflow : hidden;
		}
div#sitedesign a {
		display : block;
		width : 80px;
		height : 14px;
		background : url(http://www.sonst-noch-was.de/images/sitedesign.png) no-repeat;
		}
div#copyright {
		float : left;
		margin-top : 8px;
		margin-left : 15px;
		width : 170px;
		height : 14px;
		background : url(http://www.sonst-noch-was.de/images/copyright.png) no-repeat;
		text-indent : -9999px; overflow : hidden;
		}
div#impressum {
		float : left;
		width : 80px;
		height : 14px;
		margin-top : 8px;
		margin-left : 15px;
		background : url(http://www.sonst-noch-was.de/images/impressum.png) no-repeat;
		text-indent : -9999px; overflow : hidden;
		}




/*bestellformular*/

div#wrapper {
  		background : #FFF;
		}
div#wrapper h1 {
  		background:#efefef;
  		border-left : 10px solid #fff;
		border-right : 10px solid #fff;
  		font-size:100%;
  		color:#666;
		text-align : left;
		padding-left : 10px;
		}
div#wrapper p {
		font-size:85%; 
		margin : 0 0 0 0;
		padding:0.2em 0;
		}
div#wrapper p small {
		font-size:70%;
		}
div#wrapper a {
  		padding:0 2px;
  		color:#666;
		}
div#wrapper a:hover, a:focus {
  		color:#DB9E4D;
		}
div#wrapper a img {
  		border:none;
		}
div#wrapper form {
  		background:#efefef;
  		border:10px solid #fff;
		margin : 0 0 0 0;
		}
div#wrapper fieldset {
  		background:#F0F0F0;
  		margin:1em 0 0 0;
  		padding:0 10px 10px 10px;
  		border:none;
  		text-align:left;
		}
div#wrapper legend {
  		margin:0 0 10px 0;
  		padding:2px 8px 2px;
  		background:#999;
  		color:#FFF;
  		font-weight:bold;
  		clear:both;
		}
/* Darstellung Einleitungstext und Preisangabe */
p#einl {	
		padding:0 0 0 0;
		}
p#preisangabe {
  		font-size:85%;
		}
/* Elemente im ersten Formularblock Artikelliste */
fieldset#fs_best table {
  		border-collapse:collapse;
  		width:670px;
  		border:1px solid #666;
  		font-size:85%;
		}
fieldset#fs_best p {
  		padding:5px 10px 7px 5px;
		text-align : right;
		}
fieldset#fs_best thead {
  		border:1px solid #666;
		}
fieldset#fs_best tr {
  		border-bottom:1px solid #666;
		}
fieldset#fs_best th {
  		padding:0 2px;
  		border-bottom:1px solid #666;
  		background:#999;
  		color:#FFF;
		}
fieldset#fs_best th.text_left {
  		padding-left:2px;
		}
fieldset#fs_best td {
  		border:none;
  		border-bottom:1px solid #666;
  		padding:2px 2px 0 2px;
		}
fieldset#fs_best input {
  		text-align:right;
		}
fieldset#fs_best .text_left {
  		padding-left:1px;
		}
fieldset#fs_best .text_middle {
  		text-align:center;
		}
fieldset#fs_best .text_right {
  		text-align : center;
		padding-left : 10px;
		}
fieldset#fs_best td input {
  		height:1.2em;
  		width:3em;
  		line-height:1em;
  		padding:0 2px;
		}
fieldset#fs_best p {
  		line-height:1.4em;
		}
/* Elemente im zweiten Formularblock Zahlmethode */
#fs_zahlmeth label {
  		display:block;
  		overflow:none;
  		line-height:1.6em;
		}
input#zahlmeth1, input#zahlmeth2, input#agb_confirm, input#send_mail_back {
  		float:left;
 		display:inline;
 		margin:2px 5px 5px 5px;
  		border:none;
 		height:1.2em;
		}
/* Eingabefelder im ersten und dritten Formularblock */
fieldset#fs_best input, fieldset#fs_lieferadr input, fieldset#fs_lieferadr textarea {
  		border:1px solid #666;
  		background:#FFF;
  		padding:0 2px;
  		font-size:100%;
  		margin-right:0.2em;
		}
/* Elemente im dritten Formularblock Addresse/Bemerkungen */
#anrede select {
  		width:6em;
  		border:1px solid #666;
  		background:#FFF;
		}
		input#vorname {width:9.2em;}
		input#zuname  {width:9.2em;}
		input#hausnum {width:4.4em;}
		input#strasse {width:14em;}
		input#plz     {width:4.4em;}
		input#wohnort {width:14em;}
		input#vorwahl {width:4.4em;}
		input#rufnum  {width:14em;}
		fieldset#fs_lieferadr input#email {width:18.6em; padding:0 8px 0 2px;}

div.float_left {
		float:left;
		width:19em;
		}
 p#bemerkung {
  		float:left;
 		display:inline;
  		padding:0;
  		border:1px solid #000;
}
p#bemerkung label {
  		display:block;
  		padding:0.1em 0.5em;
  		background:#999;
  		color:#FFF;
 		font-weight:bold;
  		border-bottom:1px solid #000;
  		margin:0;
		}
p#bemerkung textarea {
  		width:18.4em;
  		height:8em;
  		margin:0;
  		font-family:Tahoma, sans-serife; 
		font-size:100%;
  		border:none;
  		overflow:auto;
  		padding-right:0;
		}
/* Buttons zum Senden des Formulars */
input#senden, input#recalc  {
  		font-weight:bold;
  		color:#FFF;
  		background:#666;
  		font-size:100%;
  		margin:10px 0 10px 0;
  		cursor:pointer;
}
/* Anzeige Eingabefalder mit fehlerhaften Eingaben 'class="error"' */
p span.error, form#bestellform input.error, form#bestellform legend.error , form#bestellform select.error {
  		background:#F00;
  		color:#efefef;
		}
p span.error {
		padding:0 2px;
		}
		form#bestellform input.error {background:#F00;}
/* Elemente der Dankesseite */
p#danke {
  		font-size:95%; 
  		line-height:1.2em; 
  		margin:0 0 1em 0; 
  		padding:0;
		}
code {
  		background:#EEE; 
  		display:block;
		margin : 0 0 0 5px;
		}

/*Klasse linksfloatender Objekte */
.float_left {
		float:left; margin-right:1em;
		}
p#balink {
		font-size:60%; text-align:right;
		padding : 2px 0px 0px 10px;
		}
p#valid a {
		font-weight:bold;
		}

/* CSS Hacks, Damit auch IE>7 versteht was gemeint ist */
*:first-child + html form {padding-top:1em;}
* html form {padding-top:1em;}
* html input#zahlmeth1, * html input#zahlmeth1, * html input#agb_confirm, * html input#send_mail_back {display:inline;}
* html input#agb_confirm, * html input#send_mail_back {margin-top:0;}
* html #fs_zahlmeth label,
* html legend {
  height:1%;
}
* html fieldset#fs_best p {
  line-height:1.6em;
}