body { font-size: 80%; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; background-color: #ecdbe9; }
h1, h2 { margin: 10px 5px; color: #860b6e; font-size: 175%; line-height: 180%;}
h3 { margin: 14px 5px; color: #313131; }
h2.sada { margin: 14px 5px; color: #313131; font-size: 12pt; line-height: 125%; }
p { margin: 10px 5px; line-height: 170%; font-size: 110%; } 
form { margin: 0; position: relative; }
img { border: 0; }

a:link, a:visited { color: #860b6e; }
a:hover { color: #d000a5; }

hr { display: block; margin: 5px; height: 0; border-width: 0; border-bottom: 1px solid #ecd9e9; width: 50%; text-align: left; }
hr.c2 { border-color: #e4cadf; width: 30%; }

ol { margin: 0; padding: 0; }
ol li { margin: 5px; padding-left: 30px; line-height: 20px; list-style-type: none; }

fieldset { margin: 10px 5px; padding: 2px 30px 10px 30px; background-color: #F1E3EE; border: 1px solid #DFC0D9; }
fieldset legend { margin-bottom: 5px; padding: 2px 8px; font-weight: bold; background-color: #94277E; border: 1px solid #DFC0D9; color: white; }
fieldset textarea { margin-bottom: 5px; width: 600px; display: block; border: 1px solid #DFC0D9; }
fieldset input, fieldset select { margin-bottom: 5px; width: 200px; border: 1px solid #DFC0D9; }
fieldset p.warning { margin: 0; text-align: right; color: #94277E; }
fieldset label { width: 160px; float: left; }
#kontakt label { width: 170px; margin-bottom: 5px; clear: both; }
form .submit { text-align: center; margin: 20px; }
form .submit input { width: 100px; height: 27px; border: none; color: white; font-weight: bold; background: url('./images/sub.gif') no-repeat; }

body>#content { height: auto; }
#content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; background: url('./images/bg.jpg') center top repeat-x; }
#items { position: relative; width: 900px; margin: 0 auto; overflow: hidden; padding-bottom: 100px; }
#logo { position: absolute; top: 10px; left: 5px; width: 370px; height: 100px; display: block; }
#mat { position: absolute; top: 34px; right: 0px; }
#bottom { position: absolute; left: 0; bottom: 0; font-size: 8pt; padding-top: 25px; width: 100%; height: 57px; color: white; background: url('./images/bottom.jpg') repeat-x; }
#bottom a:link, #bottom a:visited { color: white; }
#bottom a:hover { color: #d000a5; }
#center { position: relative; margin: 0 auto; width: 890px; padding-top: 6px;}

#menu { margin: 150px 0 51px 0; padding-left: 15px; height: 254px; font-size: 13px; overflow: hidden; }
#menu li { &margin-top: -3px; line-height: 31px; list-style-type: none; width: 231px; border-bottom: 1px solid #f3deef; }
#menu a { padding-left: 18px; display: block; background: url('./images/li.gif') 2px 12px no-repeat; }
#menu a:link,  ul a:visited { text-decoration: none; }
#menu a:hover { font-weight: bold; }

#insc0 { position: absolute; top: 132px; left: 363px; font-size: 29px; color: #860b6e; }
.insc1, .insc2 { position: absolute; top: 185px; font-size: 13px; font-weight: bold; color: #535353; }
.insc1 { left: 363px; }
.insc2 { left: 600px; }

.box { display: inline; position: relative; width: 260px; height: 148px; margin: 0 5px 20px 5px; padding: 15px; float: left; background: url('./images/box_inner.gif') repeat-x; }
.box_left, .box_right { position: absolute; top: 0; width: 15px; height: 178px; background: url('./images/box_outer.gif') no-repeat; }
.box_right { right: 0; background-position: -15px; }
.box_left { left: 0; }
.box a:link, .box a:visited { color: white; }
.box p { margin: 0 0 5px 0; color: white; font-size: 12px; }
.box p strong { font-size: 13px; }

.pack { position: relative; width: 870px; margin: 25px 5px 20px; padding: 5px 10px; background-color: #f4e9f2; } 
.pack_t_l, .pack_t_r, .pack_b_l, .pack_b_r { position: absolute; width: 14px; height: 14px; background: url('./images/pack.gif') no-repeat; }
.pack_t_l { top: 0; left: 0; }
.pack_t_r { top: 0; right: 0; background-position: -14px 0; }
.pack_b_l { bottom: 0; left: 0; background-position: 0 -14px; }
.pack_b_r { bottom: 0; right: 0; background-position: -14px -14px; }
.pack_tab { margin: 5px; }
.pack_tab td { vertical-align: top; }
.pack_tab ol { margin: 0; padding-left: 10px; width: 400px; }

.num1, .num2, .num3, .num4, .num5, .num6 { background: url('./images/num.gif') no-repeat; } 
.num2 { background-position: 0 -19px; }
.num3 { background-position: 0 -38px; }
.num4 { background-position: 0 -57px; }
.num5 { background-position: 0 -76px; }
.num6 { background-position: 0 -95px; }
.num7 { background-position: 0 -114px; }

.enum ul { padding: 0; }
.enum li { padding-left: 20px; background: url('./images/li.gif') 0 50% no-repeat; }

.ballot { padding-left: 10px; }
.ballot li { list-style-type: none; }

.images { float: right; }
.images2 { float: right; margin: -20px 15px 0px 20px;}
.images3 { float: right; margin-top: 40px; }
.images4 { float: right; padding: 5px; border: 2px solid #ddbdd7; height: 187px; margin: -32px 0 0 40px;}
.images5 { float: right; padding: 5px; border: 2px solid #ddbdd7; height: 192px; margin: -32px 0 0 40px;}
.images6 { float: right; padding: 5px; border: 2px solid #ddbdd7; height: 179px; margin: 0 5px 0 30px;}
.images7 { float: right; padding: 5px; border: 2px solid #ddbdd7; height: 187px; margin: 0 0 0 40px;}
.images8 { float: right; padding: 5px; border: 2px solid #ddbdd7; height: 170px; margin: -32px 0 0 40px;}
.images9 { float: right; padding: 5px; border: 2px solid #ddbdd7; height: 270px; margin: 0 5px 0 0;}

.image1, .image2, .image3 { height: 120px; float: left; margin: 5px 10px 5px 5px; padding: 5px; border: 2px solid #ddbdd7; }
.image2 { margin: 4px; width: 158px; }
.image3 { margin: 4px; width: 90px; height: 137px; }
.image4, .image5, .image6 { margin: 10px 5px; padding: 5px; border: 2px solid #ddbdd7; }
.image4 { height: 160px; }
.image5 { height: 78px; }
.image6 { height: 246px; }
.image7 { position: relative; top: 5px; margin-top: -4px; }
.image8 { margin: 5px; padding: 5px; width: 480px; height: 60px; border: 2px solid #ddbdd7; }
.image9 { height: 394px; margin: 0px 10px 5px 25px; padding: 5px; border: 2px solid #ddbdd7; }
.image10 { height: 306px; margin: 10px 10px 20px 5px; padding: 5px; border: 2px solid #ddbdd7; float: left; }
.image11 { height: 207px; margin: 25px 5px 20px 5px; padding: 5px; border: 2px solid #ddbdd7; float: left; }
.image12 { width: 428px; height: 268px; margin: 4px; float: left; padding: 5px; border: 2px solid #ddbdd7; }

.ad { position: relative; height: 400px; width: 274px; margin: 5px 5px 0px 30px; padding: 13px; float: right; background-color: #f4e9f2; }
.ad img { margin-bottom: 5px; }

.clear { clear: both; height: 0; }

#discussion { margin: 20px 5px; }
.report { position: relative; margin-top: 5px; padding: 20px 10px; background-color: #F1E3EE; border: 1px solid #DFC0D9; } 
.member { position: absolute; top: 7px ; left: 15px; font-weight: bold; font-size: 120%; }
.date { position: absolute; bottom: 5px; right: 10px; }
.del { position: absolute; top: 5px; right: 10px; }

.item { text-align: center; float: left; position: relative; width: 200px; margin: 10px 5px; padding: 5px; border: 1px solid #DFC0D9; background-color: white; height: 200px; } 
.headline { color: #860B6E; font-size: 105%; font-weight: bold; }
.price { position: absolute; bottom: 5px; left: 10px; font-weight: bold; font-size: 130%; }
.buy a:link, .buy a:visited { position: absolute; bottom: 5px; right: 10px; font-weight: bold; font-size: 140%; color: #3B933C; text-decoration: none; } 
.buy a:hover { color: lime; text-decoration: underline; } 

#basket { width: 100%; margin: 10px 0 5px 0; }
.empty { text-align: center; font-size: 130%; }
.add a:link, .add a:visited { color: #228b22; margin: 5px; }
.add a:hover { color: #00ff00; margin: 10px; }
.rm a:link, .rm a:visited { color: #ffa500; margin: 5px; }
.rm a:hover { color: #ffd700; margin: 10px; }
.rc a:link, .rc a:visited { color: #dc143c; margin: 5px; }
.rc a:hover { color: #f08080; margin: 10px; }