/* designed by fw 2010 */



body {

  margin: 0;

  font-family: Arial, Sans-Serif;

  font-size: 13px;

  line-height: 180%; 

  background: #e5e5e5 url('images/verlauf.png') repeat-x top left;

  text-align: center;

  border-top: 2px solid; 

} 



a img { border: none; }



.clear { clear: both; }

img.alignleft { float: left; margin-right: 10px; }

img.alignright { float: right; margin-left: 10px; }



.edit a { display: block; margin: 15px 0 0; padding: 3px 0; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none; text-align: center; }



/* Struktur */

#header h1 { margin: 20px 0 10px; text-transform: uppercase; font-size: 40px; font-weight: bold; }

#header span.slogan { font-size: 18px; }



#header .navi {  }

#header .navi ul { width: 1038px; height: 55px; margin: 15px auto 0; padding: 0; list-style: none; }

#header .navi ul li { float: left; display: block; font-size: 16px; text-transform: uppercase; letter-spacing: .5px; font-weight: bold; }

#header .navi ul li.firstitem { margin-left: 2px; }

#header .navi ul li a { display: block; margin: 0 2px 0 0; padding: 15px 25px; text-decoration: none; }



#main { width: 1000px; margin: auto; margin-top: 10px; padding: 15px 15px 0; border: 4px solid; }



#main h2, #main h3, #main .title { margin: 0 0 8px; font-weight: bold; text-align: left; } 

#main h2 { font-size: 18px; padding-bottom: 7px; border-bottom: 1px solid; }

#main h3, #main .title { font-size: 16px; } 

#header h1 a, #main h2 a, #main h3 a, #main .title a { text-decoration: none; }



#main div p { margin-top: 0; }

#main .entry { margin-bottom: 15px; padding-bottom: 10px; text-align: justify; border-bottom: 1px solid; }

#main .entry img.thumb { width: 180px; height: 120px; margin-top:6px; }

#main .entry img.product { width: 245px; height: 155px; }



#main .details { width: 337px; float: left; padding-left: 20px; font-size: 12px; line-height: 150%; }

#main .details ul { margin: 0; padding: 0; list-style-type: square; }

#main .details ul li { margin-bottom: 7px; }

#main div.cta { width: 330px; height: 33px; float: right; padding: 10px; }

#main div.cta .price { float: left; font-size: 22px; font-weight: bold; line-height: 170%; }

#main div.cta .price a { text-decoration: none; }

#main img.cta { float: right; }



#main .wide { padding: 0 5px; text-align: left; }

#main .content { float: left; width: 612px; padding-right: 20px; border-right: 1px solid; text-align: left; }

#main .pagelinks { border: 1px solid; padding: 3px 5px; font-weight: bold; word-spacing: 3px; text-align: center; }



#comments { font-size: 12px; }

#comments .comment { margin: 5px 0 10px; line-height: 160%; border-bottom: 1px solid; text-align: justify; }

#comments .comment p { margin: 7px 0; }

#comments .comment, #comments form { margin-left: 20px; }

#comments .comment .from { font-weight: bold; }

#comments input#author, #comments input#email, #comments input#url, #comments input#submit, #comments textarea { font-size: 12px; font-family: Arial, Sans-Serif; border: 1px solid; }

#comments input#submit { margin-top: 2px; padding: 2px 5px; }

#comments textarea { width: 100%; line-height: 170%; }



#main .sidebar { float: right; width: 350px; padding-left: 10px; } 

#main .sidebar .title { display: block; margin: 0; font-size: 16px; font-weight: bold; line-height: 120%; text-transform: uppercase; }

#main .sidebar .box { margin-bottom: 7px; padding: 7px 5px 5px; border: 3px solid; font-size: 14px; line-height: 150%; text-align: justify; }

#main .sidebar .box ul { margin: 0 0 -15px; padding: 0 0 5px; list-style: none; }

#main .sidebar .box ul li { margin-bottom: 5px; border-bottom: 1px solid; }



#footer { padding: 20px 0 5px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; word-spacing: 2px; }

#footer a { text-decoration: none; }