/* basis.css */

body {
font-family: Arial;
background: #ffffff url(../img/bg_main.gif) repeat-x top;
margin:0;
padding:0;
color: #333333;
font-size: 11px;
text-align: center;
}

a {
text-decoration:underline;
color: #333333;
}

a:hover {
text-decoration:none;
}

.breaker {
clear: both;
overflow: hidden;
}

/* header */

#header {
position:relative;
height: 150px;
width: 880px;
padding: 90px 10px 0 10px;
margin: 0 auto;
text-align: center;
}

#headerNav {
position: absolute;
top: 6px;
right: 220px;
height: 15px;
line-height: 15px;
color: #333333;
font-size: 10px;
text-align: left;
}

#headerNavLogos {
position: absolute;
top: 3px;
right: 0;
width: 205px;
}

#headerNavLogos img {
margin: 0 10px 0 0;
}

#headerLogo {
height: 80px;
overflow: hidden;
}

#headerMenu {
margin: 14px 180px 0 180px;
height: 21px;
line-height: 21px;
font-size: 13px;
text-transform: uppercase;
background-color: #ffffff;
overflow: hidden;
}

#headerMenu a {
color: #333333;
text-decoration: none;
}

#headerMenu a:hover {
color: #333333;
text-decoration: underline;
}

#shop_nav {
width: 100%;
position: absolute;
top: 300px;
left: 0px;
padding-bottom: 10px;

border-bottom: 1px solid #CCCCCC;
}

#shop_nav img {
margin: 0 10px 0 10px;
border: none;
}

#shop_nav a {
text-decoration: none;
}

#shop_nav hr {
width: 100%;
border: none;
height: 1px;
background-color: #CCCCCC;
}



/* content */

#content {
width: 680px;
padding: 8px 10px 30px 10px;
margin: 0 auto;
}

#content h1 {
font-size: 36px;
text-transform: uppercase;
margin: 0 0 30px 0;
}

#content .h1img {
padding: 0;
margin: 0 0 30px 0;
}

#content h2 {
font-size: 14px;
font-weight: bold;
}

#content h3 {
font-size: 12px;
font-weight: bold;
}

#content img {
border: 0;
}

#content hr {
width: 100%;
border: none;
height: 1px;
background-color: #CCCCCC;
}

#shop_content {
width: 680px;
padding: 8px 10px 30px 10px;
margin: 0 auto;
}

#shop_content h1 {
font-size: 36px;
text-transform: uppercase;
margin: 0 0 95px 0;
}


#shop_content .h1img {
padding: 0;
margin: 0 0 95px 0;
}

#shop_content h2 {
font-size: 14px;
font-weight: bold;
}

#shop_content h3 {
font-size: 12px;
font-weight: bold;
}

#shop_content img {
border: 0;
}

#shop_content hr {
width: 100%;
border: none;
height: 1px;
background-color: #CCCCCC;
}


/* ------------------ SHOP -------------------- */


.tx-ttproducts-pi1 {
/*
width: 680px;
padding: 0 100px 0 100px;
*/
}

/* Liste */

.listitem {
border-bottom: 1px solid #CCCCCC;
margin-bottom: 10px;
}

.item_info {
width: 350px;
text-align: left;
float: left;
padding: 5px;
}

.listitem_header {
font-size: 12px;
font-weight: bold;
}

.listitem_header a {
text-decoration: none;
}

.listitem_header a:hover {
text-decoration: underline;
}

.listitem_subheader {
font-size: 12px;
}

.listitem_image {
float: left;
padding-right: 10px;
}

.order_form {
float: right;
width: 170px;
text-align: right;
padding: 5px;
}

.price {
margin-bottom: 10px;
}

.order {
}

/* Single */

.item_single_image {
float: left;
padding-right: 10px;
}

.item_single_info {
width: 300px;
text-align: left;
float: left;
}

.item_single_header {
font-size: 14px;
font-weight: bold;
}

.item_single_subheader {
font-size: 12px;
font-weight: bold;
}

.item_single_order_form {
text-align: right;
padding: 15px 5px 5px 5px;
margin-bottom: 20px;
}


.shop_basket_item {
text-align: left;
margin-top:20px;
}

.shop_title {
text-align: left;
font-size: 12px;
font-weight: bold;
background-color: #CCCCCC;
}


/* ------------------------------ Formulare ----------------------------------- */

input, textarea, select {
font-size: 11px;
padding: 2px;
}

#email {
margin-bottom:15px;
}

#name, #vorname, #strasse, #plz_ort,  #tel, #tel2, #fax, #email, #bemerkungen, #tel, #email, #subject, #submit {
margin-top: 3px;
text-align: left;
}


.title {
width: 40%;
float: left;
font-weight: bold;
text-align: right;
padding-right: 10px;
}

#vorname input, #name input, #strasse input, #fax input, #tel input, #tel2 input, #email input, #subject input, select {
width: 170px;
}

#bemerkungen textarea {
width: 290px;
height: 150px;
}

#plz_ort .plz {
width: 35px;
}

#plz_ort .ort {
width: 122px;
margin-left: 5px;
}

.chkbox {
width: 360px;
font-size: 11px;
padding: 2px;
}

.formtext {
font-size: 11px;
}

.required {
color: #AE1B24;
}

.error {
color: #AE1B24;
font-size: 11px;
font-weight: bold;
border: 1px solid #AE1B24;
padding: 5px;
margin-bottom: 10px;
width: 60%;
}

.error ul {
font-weight: normal;
margin-top: 5px;
margin-bottom: 0;
}