a { color: #666; text-decoration: none; }
a:visited { color:#666; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
a:active { color:#666; text-decoration: none; }
h1 { color: #333; font-size:14px; font-weight: normal; line-height: 18px; background-image: url(h2.jpg); background-repeat: no-repeat; background-position: left top; padding: 5px 10px 5px 35px; margin:0; }
h2 { color: #333; font-size: 14px; font-weight: normal; line-height: 18px; background-image: url(h2.jpg); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 5px 10px 5px 35px; }
h3 { color: #333; font-size: 14px; font-weight: normal; line-height: 18px; background-image: url(h2.jpg); background-repeat: no-repeat; background-position: left top; margin: 20px 0 0; padding: 5px 10px 5px 35px; }
.rot { color: #c00; }
/*Layout------------------------------*/
body { font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#666; font-size: 12px; padding:0; margin:0; }
#container { width: 780px; margin: 0 auto 0; }
#header { background-image: url(banner.jpg); width: 780px; height: 200px; }
#wrapper { width: 470px; float: left; }
#left { text-align: justify; width: 510px; overflow: hidden; margin: 0; padding-bottom: 20px; padding-left: 10px; }
#content { width: 220px; margin-top: 0; padding: 0; margin-left: 535px; }
div#extra{clear:both;width:100%}
div#extra2 { width: 100%; clear: both; }
#footer { font-size: 10px; text-align: left; width: 770px; height: 30px; }
#foto_content { text-align: left; width: 500px; padding-left: 10px; }
.filter { text-align: left; width: 130px; float: left; margin-right: 5px; margin-bottom: 20px; }
.thumbs { background-color: #f5f5f5; text-align: center; width: 120px; height: 90px; margin-right: 3px; margin-bottom: 5px; padding: 5px 1px 1px; border: solid 1px #999; }
p, pre{ font-size: 12px; padding: 5px 10px; margin:0; }
.klein { font-size: 9px; }
.textfeld { font-size: 11px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; background-image: url(textfeld.jpg); width: 460px; height: 20px; padding-top: 8px; padding-left: 8px; border-width: 0; }
.textarea { font-size: 11px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; background-image: url(textarea.jpg); width: 455px; height: 200px; padding-top: 8px; padding-right: 5px; padding-left: 8px; border-width: 0; }
.textfeld_klein { font-size: 11px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; background-image: url(hellgrau.jpg); width: 200px; border: solid 1px #999; }
/*NAVI-------------------------------*/
#navi { float:left; width:100%; font-size:93%; line-height:normal; background-image: url(navi.jpg); background-repeat: no-repeat; background-position: center top; height: 38px; margin-bottom: 10px; }
#navi ul {
	  margin:0;
	  padding:10px 10px 0;
	  list-style:none;
      }
#navi li {
      display:inline;
      margin:0;
      padding:0;
      }
#navi a { color: #999; font-size: 14px; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; float:left; margin:0; padding:0 0 0 4px; text-decoration:none; }
#navi a span { float:left; display:block; padding:1px 7px 4px; color:#999; font-size: 14px; background-repeat: no-repeat; background-attachment: scroll; background-position: right top; }
#navi a span { color: #999; font-size: 14px; float:none; }
#navi a:hover span { color:#333; }
#navi a:hover { color: #333; background-position:0 -42px; }
#navi a:hover span { color: #333; background-position:100% -42px; }
/*SUBNAVI----------------------------- */
#subnavi {
	width: 212px;
	margin: 0 10px 20px 0;
	}
#subnavi li a { font-size: 13px; background-image: url(folder.jpg); background-repeat: no-repeat; background-position: left top; voice-family: "\"}\""; voice-family: inherit; text-decoration: none; padding-left: 30px; }
#subnavi li a:link, #subnavi li a:visited { color: #999; font-size: 13px; line-height: 20px; background-image: url(folder.jpg); background-repeat: no-repeat; background-position: left top; display: block; padding: 0 0 8px 30px; }
#subnavi li a:hover { color: #333; font-size: 13px; line-height: 20px; padding: 0 0 8px 30px; }
#subnavi ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#subnavi_shop { margin: 0 10px 20px; width: 220px; }
#subnavi_shop li a.shop { font-size: 11px; text-decoration: none; background-repeat: no-repeat; background-position: left center; voice-family: inherit; }
#subnavi_shop li a.shop:link, #subnavi_shop li a.shop:visited, #subnavi_shop li a.shop:active { color: #999; font-size: 11px; background-repeat: no-repeat; background-position: left center; padding-top: 3px; padding-right: 0; padding-bottom: 3px; border-bottom: 1px solid #DCDCDC; display: block; }
#subnavi_shop li a.shop:hover { color: #333; font-size: 11px; padding-top: 3px; padding-right: 0; padding-bottom: 3px; border-bottom: 1px solid #DCDCDC; }
#subnavi_shop ul { list-style: none; margin: 0; padding: 0; }
#login_maske { background-image: url(login_maske.jpg); width: 460px; height: 220px; padding-top: 80px; padding-left: 20px; }
.portfolio_foto { border-style: solid; border-width: 0; }
hr { width: 480px; height: 0; border-bottom: 1px solid #999; border-top-width: 0; border-right-width: 0; border-left-width: 0; }
.warenkorb_content { background-color: #f5f5f5; width: 480px; height: 160px; margin-bottom: 10px; margin-left: 10px; border-bottom: 2px solid #999; }
.warenkorb_foto { width: 120px; height: 80px; float: left; margin-right: 10px; margin-left: 10px; }
.gross { font-size: 14px; }
.warenkorb_tabelle { font-size: 14px; background-image: url(h2.jpg); background-repeat: no-repeat; background-position: left top; padding-left: 35px; }
.tabelle { margin-left: 10px; }
.portfolio_bg { background-image: url(portfolio_bg.jpg); width: 100px; height: 100px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; padding: 8px; border-style: solid; border-width: 0; }