/*
 * Copyright (c) 2007 clkm - cornelia lange
 * @author Cornelia Lange
 *
 */

body {
font: 94% Verdana, Arial, Helvetica, sans-serif;
color: #003471;
background: #999592 url(/files/global_files/c786838c544b1299850d0412a5c382732efd086a_bg-body1.gif) 0 0 repeat;
text-align: center;
padding-bottom: 30px;
}

h1, h2, h3 {
font: 1.5em Arial, Helvetica, sans-serif;
color: #003471;
}
h2 {
font-weight: bold;
font-size: 1.2em;
font-weight: normal;
margin: 20px 0 10px 0;
}
h3 {
font-size: 1em;
margin: 20px 0 10px 0;
}
a img, #text a img {
color: #fff;
background: #fff;
text-decoration: none;
border: 0 none;
}
a, a:link, a:visited {
color: #A38C4D;
padding: 2px 1px;
}
a:visited {
text-decoration: none;
}
a:hover, a:active, a:focus {
color: #3C1B00;
background: #d4d2d0;
text-decoration: none;
}
a.backlink {
padding-left: 20px;
}
a:link.backlink, 
a:visited.backlink {
text-decoration: none;
background: transparent url(/files/global_files/2b02216949c5517ea2b310e8cab973389a033db5_back.gif) 0 -45px no-repeat;
}
a:hover.backlink, 
a:active.backlink, 
a:focus.backlink {
background: transparent url(/files/global_files/2b02216949c5517ea2b310e8cab973389a033db5_back.gif) 0 -1px no-repeat;
}
a.intern {
display: block;
line-height: 20px;
padding: 0 0 0 20px;
}
a.intern:link, a.intern:visited {
color: #A38C4D;
background: transparent url(/files/global_files/115974a777416638a875d46cd0455989d4a1f19a_menu1.gif) 0 0 no-repeat;
}
a.intern:hover, a.intern:active, a.intern:focus {
color: #625F5D;
background: transparent url(/files/global_files/115974a777416638a875d46cd0455989d4a1f19a_menu1.gif) 0 -44px no-repeat;
}



p, a, address, li, caption, td, th, label, input {
font-size: 0.82em;
}
h1 a, h2 a, h3 a, h2 label, p a, address a, label a,  
li li, li a, li h2, li p, p label, 
th label, th a, td a {
font-size: 100%;
}
table {
margin: 15px 0;
width: 96%;
background: transparent;
border-collapse: collapse;
}
caption {
text-align: left;
font-weight: bold;
padding: 5px 0 5px 5px;
}
caption.zweif {
background: #D40551;
color: #fff;
}
th, td {
margin-right: 5px;
padding: 3px 5px;
text-align: center;
vertical-align: top;
border: 1px solid #d4d2d0;
}
th {
text-align: left;;
}
th.cen {
text-align: center;
}

/* divs */
#container {
position: relative;
width: 984px;
margin: 0 auto;
background: #fff url(/files/global_files/de4d720da4ef7e9fbc1564d152d6e6b7a76c3521_bg-content.gif) 0 0 repeat-y;
text-align: left;
}
#container p.endofpage {
width: 984px;
height: 25px;
background: transparent url(/files/global_files/7c1ef425240da81e624587fd407c8ec617974ef1_container-bottom.gif) 0 0 no-repeat;
clear: both;
}
.olli {
font-family: 'Times New Roman', serif;
font-size: 105%;
font-weight: bold;
}
.pima {
color: #a38c4d;
}

h2.advertise {
font-size: 105%;
font-weight: bold;
}


#headercon {
width: 984px;
background: transparent url(/files/global_files/fa85fb85ee92db90f13a4b10562b7c3490561b0a_bg-container1.gif) 0 0 no-repeat;;
}
#header {
width: 984px;
height: 300px;
background: transparent url(/files/global_files/7b7e2cb237781efc16a793690f36198626d16dc8_peru1.jpg) 742px 145px no-repeat;
}
#headercontent {
position: absolute;
top: 51px; left: 292px;
width: 420px;
height: 245px;
background: transparent;
overflow: hidden;
}
#logo {
position: absolute;
top: 70px;
left: 740px;
width: 200px;
}
#slogan {
}
#slogan p {
}

#main p.copyright {
margin-left: 42px;
padding: 5px 0;
clear: both;
}
#main p.bottom {

}
#maincontent {
margin-left: 292px;
}
#maincontent p.footer {
}
#content {
width: 650px;
padding-top: 20px;
}
#content ul.uebersicht {
margin: 10px 0;
}
#content .uebersicht li {
display: block;
float: left;
width: 150px;
padding:10px;
border:1px solid #ccc;
margin: 20px;
}
#aktuell {
float: right;
width: 200px;
}

#aktuell .box {
width: 200px;
margin: 0 0 5px 0;
}

#aktuell .datum {
font-size: 80%;
margin: 0;
padding: 0;
}
#aktuell h2 {
font-size: 90%;
font-weight: bold;
padding: 5px 0 5px 0;
margin-bottom: 5px;
border-bottom: 1px solid #A38C4D;
}
#aktuell h2 a {
text-decoration: none;
}
#aktuell h3 {
font-weight: bold; 
margin: 15px 0 5px 0;
}
#aktuell p {
line-height: 130%;
margin: 0 0 10px 0;
}
#aktuell p .rand {
margin-top: 10px;
}
#aktuell p.farbe {
font-weight: bold;
padding: 0 0 10px 5px;
}
#aktuell p.farbe img {
border-top: 1px solid #a38c4d;
border-bottom: 1px solid #a38c4d;
margin-left: -5px;
}
.preis {
font-style: italic;
font-weight: bold;
}

#aktuell p.ringel {
display: block;
width: 200px;
height: 315px;
ma\rgin: 62px 0 0 0;
padding: 0;
background: transparent url(../img/pullover/ringelpullover.jpg) 0 0 no-repeat;
color: #eaeaea;
text-decoration: none;
}
#aktuell p.ringel a {
display: block;
color: #eaeaea;
font-size: 140%;
line-height: 1.3em;
text-decoration: none;
padding: 245px 0 0 0;
margin-left: 10px;
background: transparent;
}
#aktuell p.ringel a:hover {
color: #a38c4d;
}
#aktuell p.ringel a span {
display: block;
width: 100%;
float: left;
font-size: 80%;
}

#aktuell .shirtschau li {
list-style: none;
margin: 10px 0;
}
#aktuell .shirtschau li a {
display: block;
width: 200px;
height: 8.3em;
text-decoration: none;
font-weight: bold;
}
#aktuell .shirtschau img.rand {
border: 1px solid #a38c4d;
float: right;
margin-left: 5px;
}

#ohnespalte #text {
width: 645px;
margin-right: 0;
}
#ohnespalte #aktuell {
display: none;
}
#text {
width: 420px;
min-height: 750px;
margin-right: 227px;
}
* html #text {
height: 750px;
}
#text h1 {
padding: 15px 0 10px 0;
}
#text h1 span {
display: block;
font-size: 60%;
color: #A38C4D;
}
#text h2 img {
border: 0 none;
vertical-align: middle;
padding-right: 3px;
}

#text h3 {
font-weight: bold;
}

#text p, #text address {
line-height: 1.4em;
margin: 10px 0;
padding: 0;
}
#text p.streifen {
width: 420px;
height: 315px;
background: transparent url(../img/pullover/streifenpullover.jpg) 0 0 no-repeat;
}
#text p.streifen a {
display: block;
color: #eaeaea;
font-size: 150%;
padding: 20px 0 0 220px;
line-height: 1.3em;
text-decoration: none;
background: transparent;
}
#text p.streifen a:hover {
color: #a38c4d;
}
#text p.streifen a span {
display: block;
margin-top: 5px;
font-size: 75%;
color: #E9E3E1;
}

#text .tankshirt, 
#text .zweifarbig {
width: 420px;
height: 315px;
background: transparent url(../img/tanks/advertising-tanks.jpg) 0 0 no-repeat;
margin-top: 10px;
}
#text .zweifarbig {
background: transparent url(../img/zweifarbig/advertising.jpg) 0 0 no-repeat;
}
#text .tankshirt p, 
#text .zweifarbig p {
margin: 0;
display: block;
color: #eaeaea;
font-size: 150%;
padding: 20px 0 0 220px;
line-height: 1.3em;
text-decoration: none;
background: transparent;
}

#text .tankshirt p span, 
#text .zweifarbig p span {
display: block;
margin-top: 5px;
font-size: 75%;
color: #E9E3E1;
}

#text #kollektion {
width: 420px;
}
#text #kollektion a {
text-decoration: none;
display: block;
width: 200px;
}
#text #kollektion img {
border-top: 1px solid #a38c4d;
border-bottom: 1px solid #a38c4d;	
}
#text #kollektion h2 {
display: block;
width: 200px;
font-size: 130%;
margin: 0;
padding: 0;
}
#text #kollektion p {
font-size: 105%;
font-weight: bold;
width: 200px;
margin: 0;
padding: 0;
}

#text #kollektion .shirt1 {
float: left;
margin-bottom: 30px;
}
#text #kollektion h2.shirt2  {
float: right;
margin-top: 30px;
}
#text #kollektion p.shirt3 {
float: right;
}

#text #kollektion .tank1 {
float: right;
margin-top: 30px;
}
#text #kollektion h2.tank2 {
float: left;
text-align: right;
}
#text #kollektion p.tank3 {
float: left;
text-align: right;
}












#text ul,
#text ol, 
#aktuell ul, 
#aktuell ol {
margin: 0 0 20px 0;
padding: 0;
}
#text ul li, 
#aktuell ul li {
list-style: circle outside;
margin-left: 25px;
padding: 2px 0;
}
#aktuell .linx li {
margin: 0;
list-style: none;
}
#text .advertise {
}
#text .advertise li {
display: block;
float: left;
width: 180px;
font-weight: bold;
margin: 10px;
list-style: none;
padding: 5px;
}
#text .advertise li.fright {
float: right;
}
#text .advertise a {
text-decoration: none;
}
#text ol li, 
#aktuell ol li {
list-style: decimal inside;
margin-left: 20px;
padding: 3px 0;
}
#text ol li a {
padding-left: 10px;
}
#text ol li ul li {
list-style: outside circle;
margin-left: 35px;
}
#text ul h3 {
color: #003471;
margin: 0;
}
#text ul p {
margin: 0;
padding: 0;
}
#text img.rand {
border: 1px solid #a38c4d;
}
#text img.borders {
border-top: 1px solid #a38c4d;
border-bottom: 1px solid #a38c4d;
}


/* Allgemeine Klassen */
.clearb {
clear: both;
}
.unsichtbar {
position: absolute;
left: -2000em;
}
.bildrechts {
float: right;
margin: 0 0 5px 30px;
}
.teaser {
font-weight: bold;
color: #A38C4D;
}
.fright {
float: right;
margin: 0 0 10px 15px;
}
#text img.fleft {
float: left;
border: 1px solid #fff;
margin: 10px 10px 10px 0;
}
.aright {
text-align: right;
}
.fleft {
float: left;
}
.fright {
float: right;
}
.aleft {
text-align: left;
}
.cent {
text-align: center;
}
.center {
text-align: center;
}
.rahmen {
padding: 3px;
border: 1px solid #333;
}
.top {
text-align: right;
}
.fueller150 {
display: block;
height: 150px;
}
.fueller300 {
display: block;
height: 300px;
}
.fueller450 {
display: block;
height: 450px;
}
img.header {
border: 1px solid #a38c4d;
margin-top: 15px;
}

#text h1.skip {
position: absolute;
left: -2000em;
}


/* Navigation */


#headernav {
position: absolute;
top: 50px;
left: 37px;
}
#headernav ul {
width: 400px;
}
#headernav ul li {
list-style: none;
display: inline;
}
#headernav li .on,
#headernav a, 
#headernav a:link, 
#headernav a:visited {
color: #a38c4d;
font-weight: bold;
display: block;
float: left;
text-decoration: none;
padding: 2px;
margin-right: 10px;
}
#headernav a:hover, #headernav a:active, #headernav a:focus {
color: #003471;
background: #d4d2d0;
}

#headercon p.skip {
position: absolute;
top: -38px; left: 0;
display: block;
text-align: left;
width: 280px;
}
#headercon p.skip a, 
#headercon p.skip a:link, 
#headercon p.skip a:visited {
color: #efefef;
}
#headercon p.skip a:hover, 
#headercon p.skip a:active, 
#headercon p.skip a:focus {
color: #000;
background: #fff;
}


#left {
position: absolute;
width: 220px;
top: 177px;
left: 42px;
}

#navi {
width: 220px;
padding: 0 0 10px 0;
border-top: 1px solid #aaa5a2;
}
#navi ul {
width: 220px;
}
#navi li {
display: inline;
list-style: none;
}
#left a, #left li .on {
font: bold 100% Arial, Helvetica, sans-serif;
display: block;
width: 205px;
padding: 6px 10px 2px 5px;
margin: 0;
border-bottom: 1px solid #AAA5A2;
text-decoration: none;
}
#left .level_1 a:link, 
#left .level_1 a:visited {
color: #A38C4D;
}
#left .level_1 a:hover, 
#left .level_1 a:active, 
#left .level_1 a:focus {
color: #625F5D;
background: #d4d2d0;
}
#left .level_1 li .on,
#left .level_1 a:link.on, 
#left .level_1 a:visited.on {
color: #fff;
background: #aaa5a2;
}
#left .level_2 li {
list-style: none;
display: inline;
}
#left .level_2 a, 
#left .level_2 a.on, 
#left .level_2 li .on {
display: block;
width: 185px;
margin: 0;
padding: 7px 10px 3px 25px;
}
#left .level_2 a:link, 
#left .level_2 a:visited {
color: #A38C4D;
background: transparent url(/files/global_files/115974a777416638a875d46cd0455989d4a1f19a_menu1.gif) 0 3px no-repeat;
}
#left .level_2 a:hover, 
#left .level_2 a:active, 
#left .level_2 a:focus {
color: #625F5D;
background: transparent url(/files/global_files/115974a777416638a875d46cd0455989d4a1f19a_menu1.gif) 0 -41px no-repeat;
}
#left .level_2 li .on,
#left .level_2 a.on:link, 
#left .level_2 a.on:visited, 
#left .level_2 a.on:active {
color: #003471;
font-weight: bold;
background: transparent url(/files/global_files/115974a777416638a875d46cd0455989d4a1f19a_menu1.gif) 0 -41px no-repeat;
}
#left .level_3 li .on,
#left .level_3 a:link, 
#left .level_3 a:visited {
font-size: 100%;
padding: 3px 10px 3px 50px;
font-weight: normal;
font-style: normal;
width: 150px;
background: transparent url(/files/global_files/115974a777416638a875d46cd0455989d4a1f19a_menu1.gif) 25px 0px no-repeat;
}
#left .level_3 a:hover, 
#left .level_3 a:active, 
#left .level_3 a:focus {
background: transparent url(/files/global_files/115974a777416638a875d46cd0455989d4a1f19a_menu1.gif) 25px -44px no-repeat;
}
#left .level_3 li .on,
#left .level_3 a:link.on, 
#left .level_3 a:visited.on {
color: #999592;
background: transparent url(/files/global_files/115974a777416638a875d46cd0455989d4a1f19a_menu1.gif) 25px -44px no-repeat;
font-style: italic;
}

#left p {
margin: 30px 0;
padding: 0;
color: #003471;
font-size: 120%;
font-style: italic;
font-weight: bold;
}
#left p .big {
font-size: 130%;
color: #a38c4d;
font-style: italic;
font-weight: normal;
}
#left p a {
font-style: italic;
}
#left p img {
margin-top: -10px;
}

/* forms */
form.formular {
height: 26em;
}
form.formular fieldset {
background: #eaeaea;
padding: 10px;
width: 18em;
border: 1px solid #aaa5a2;
}
form.formular label {
display: block;
float: left;
width: 7em;
}
input {
border: 1px solid #333;
width: 5em;
padding: 2px 5px;
margin-right: 5px;
}
input.submitbutton {
background: #efefef;
width: 4em;
padding: 0;
}
form.formular input.submitbutton {
margin-left: 6em;
}

/* Formular  */
#formular p {
	margin-left: 0;
}

.form1 {
display: block;
height: 1.3em;
width: 200px;
margin: 10px 1px 1px 0;
font-size: 80%;
}

.form2 {
color: #003471;
font-size: 0.9em;
font-weight: bold;
width: 250px;
border: 1px solid #a38c4d;
margin: 0;
padding: 2px 5px;
background: #efefef;
}

.form4 {
border: 1px solid #aaa5a2;
height: 80px;
width: 300px;
padding: 5px;
background: #efefef;
}

.checkbox {
font-size: 100%;
}

.checkb {
vertical-align: middle;
margin-left: 5px;
width: auto;
}

textarea {
color: #002200;
background: #ffffff;
}

.sendbutton {
margin: 30px 15px 0 0;
background: #d4d2d0;
border: 1px solid #a38c4d;
width: auto;
color: #003471;
font-weight: bold;
}

.stern {
color: #a38c4d;
font-size: 120%;
font-weight: bold;
}