/* schriftstil,abstände */


body { 
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 10px;
background-color : #383838;
font-size : 60%;
font-family : Trebuchet MS, verdana, arial;
color : #000000;
} 
p { 
, color : #000000; font-style:normal; font-variant:normal; font-weight:normal; font-size:90%; font-family:" trebuchet
} 
h1 { 
, color : #282828; margin-bottom : 1px; font-style:normal; font-variant:small-caps; font-weight:bold; font-size:115%; font-family:" verdana
} 
h2 { 
, color : #282828; margin-bottom : 1px; font-style:normal; font-variant:small-caps; font-weight:bold; font-size:105%; font-family:" verdana
} 
h3 { 
, color : #383838; font-style:normal; font-variant:small-caps; font-weight:normal; font-size:80%; font-family:" verdana
}
h4 { 
, color : #383838; font-style:normal; font-variant:small-caps; font-weight:bold; font-size:105%; font-family:" verdana
} 
h5 { 
, color : #2c2c6c; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:" verdana
} 
h6 { 
, color : #ffffff; font-style:normal; font-variant:normal; font-weight:bold; font-size:140%; font-family:" verdana
} 


table, tr, td
{ color: #000000;font: normal 12px/18px  verdana, sans-serif;}


/* allgemeine links im text */

a:link, a:visited, a:active{ 
font-size:110%;
font-family:Trebuchet MS, verdana, arial;
color:#8c95ca;
text-decoration:none ;
}

a:hover{ 
font-size:110%;
font-family:Trebuchet MS, verdana, arial;
color:#ffffff;
text-decoration:none ;
}

/* menue oben */

#menu2 a, #menu2 a:visited, #menu2 a:active {
display:block;
background-color:#ffffff;
color:#000000;
text-decoration:none ;
font: bold 13px Trebuchet MS;
line-height:24px;
text-decoration:none ;
padding: 0px 0px 0px 0px;
text-align:center;
width:92px;
}

#menu2 a:hover{
background-color:#2F2F2F;
color:#ffffff;
text-decoration:none ;
}

/* untermenudesigner */

#menu3 a, #menu3 a:visited {
position: relative; top: 6px; left:-1px;
display:block;
background-color:#747474;
color:#8c95ca;
text-decoration:none ;
font: bold 11px Trebuchet MS;
line-height: 20px;
text-decoration:none ;
padding: 0px 0px 0px 0px;
text-align: center;
width:138px;
}

#menu3 a:active{
background-color:#747474;
color:#000000;
text-decoration:none ;
}

#menu3 a:hover{
background-color:#2F2F2F;
color:#FFFFFF;
text-decoration:none ;
}

/* untermenulexikon */
/* untermenumotive */

#menu5 a, #menu5 a:visited {
position: relative;
top: 1px; left: 0px;
display:block;
color:#8c95ca;
text-decoration:none ;
font: bold 11px Trebuchet MS;
line-height: 22px;
text-decoration:none ;
padding: 0px 0px 0px 0px;
text-align: center;
width:138px;
}

#menu5 a:active{
background-color:#181818;
color:#000000;
text-decoration:none ;
}

#menu5 a:hover{
background-color:#383838;
color:#FFFFFF;
text-decoration:none ;
}

/* untermenuprodukte */

#menu6 a, #menu6 a:visited {
position: relative;
top: 1px; left: 0px;
display:block;
background-color:#ffffff;
color:#8c95ca;
text-decoration:none ;
font: bold 11px Trebuchet MS;
line-height: 22px;
text-decoration:none ;
padding: 0px 0px 0px 0px;
text-align: center;
width:138px;
}

#menu6 a:active{
background-color:#ffffff;
color:#000000;
text-decoration:none ;
}

#menu6 a:hover{
background-color:#ffffff;
color:#FFFFFF;
text-decoration:none ;
}

/* pfade */

#pfad0 a, #pfad0 a:visited{
position: relative; top: -14px; left:565px;
font-size:100%;
font-family:Trebuchet MS, verdana, arial;
color:#ffffff;
text-decoration:none ;
}

#pfad1 a, #pfad1 a:visited{
position: relative; top:0px; left:0px;
font-size:100%;
font-family:Trebuchet MS, verdana, arial;
color:#8c95ca;
text-decoration:none ;
}

#pfad1 a:active{
font-size:100%;
font-family:Trebuchet MS, verdana, arial;
color:#666666;
text-decoration:none ;
}

#pfad1 a:hover{
font-size:100%;
font-family:Trebuchet MS, verdana, arial;
color:#FFFFFF;
text-decoration:none ;
}

#pfad2 a, #pfad2 a:visited{
position: relative; top: -33px; left:480px;
font-size:100%;
font-family:Trebuchet MS, verdana, arial;
color:#ffffff;
text-decoration:none ;
}

#pfad2 a:active{
font-size:100%;
font-family:Trebuchet MS, verdana, arial;
color:#666666;
text-decoration:none ;
}

#pfad2 a:hover{
font-size:100%;
font-family:Trebuchet MS, verdana, arial;
color:#000000;
text-decoration:none ;
}

#pfad3 a, #pfad3 a:visited{
position: relative; top: -38px; left:480px;
font-size:100%;
font-family:Trebuchet MS, verdana, arial;
color:#ffffff;
text-decoration:none ;
}

#pfad3 a:active{
font-size:100%;
font-family:Trebuchet MS, verdana, arial;
color:#666666;
text-decoration:none ;
}

#pfad3 a:hover{
font-size:100%;
font-family:Trebuchet MS, verdana, arial;
color:#000000;
text-decoration:none ;
}

#pfad4 a, #pfad4 a:visited{
position: relative; top: -38px; left:480px;
font-size:100%;
font-family:Trebuchet MS, verdana, arial;
color:#ffffff;
text-decoration:none ;
}

#pfad4 a:active{
font-size:100%;
font-family:Trebuchet MS, verdana, arial;
color:#666666;
text-decoration:none ;
}

#pfad4 a:hover{
font-size:100%;
font-family:Trebuchet MS, verdana, arial;
color:#000000;
text-decoration:none ;
}


/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #f0e3c1; scrollbar-base-color: #000000;
scrollbar-highlight-color : #f0e3c1; scrollbar-shadow-color : #f0e3c1;
SCROLLBAR-TRACK-COLOR: #000000;}

/* grundlayout*/

.hauptinhalt {background-color:#747474;
padding-top: 2px; padding-left: 2px; padding-right:  2px;padding-bottom: 10px;
}

.inhalt {background-color:#747474;
padding-top: 6px; padding-left: 12px; padding-right:  12px;padding-bottom: 6px;
}

.logo {color:black;
height:160px;
background:  url('images/backg3.jpg') 100% 0% ;
}

.point1 {border:solid 1px #728572;background-color:#}
.point2 {border:solid 1px #728572;background-color:#}
.point3 {border:solid 1px #728572;background-color:#}

.leiste {
color:747474;  
font-size: 14px;
height:24px;
background-color:#ffffff;
-moz-opacity: 0.20;
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
border-bottom:solid 1px black;
}

.buleiste {
color:747474;
font-size: 14px;
height:24px;
-moz-opacity: 0.20;
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);

}

.leisteun {
background-color:#747474;
color:#000000;
font-size: 10px;
height:20px;
line-height:20px;
border-top:solid 1px black;
}

.hpname{ 
color:#000000;
letter-spacing:2px;
font-size:11px

}

ul{
list-style-type:circle;list-style-image:url('images/schwert.gif')
}
li {
color:#cce2b1}

	/* column container */
	.colmask {
	    background-position: 0% 0%; position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left; 
	    width:100%; 
	    overflow:hidden; background-image:url('none'); background-repeat:repeat; background-attachment:scroll
	    			
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
		background:#383838;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
		
	}
/* 3 Column settings */
	.threecol {
		background:#eee;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;				/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;				/* width of the middle column */
		background:#f4f4f4;		/* left column background colour */
	}
	.threecol .col1 {
		width:46%;				/* width of center column content (column width minus padding on either side) */
		left:102%;				/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;				/* Width of left column content (column width minus padding on either side) */
		left:31%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;				/* Width of right column content (column width minus padding on either side) */
		left:85%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}	
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:0px solid #000;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
    #werbefooter {
        clear:both;
        float:left;
        width:100%;
		border-top:0px solid #000;
		background-color: 686868;
		padding:1em 0 1em 0;
		overflow:hidden;
		
	}	
	#werbefooter p {
        padding:10px;
        margin:0;
    }


/* Positionierung von Divcontainern */

#suchergebnis {

position:absolute;
padding: 2em;
top:10px;
left:10px;
background: #747474;
border: 1px solid #747474;
width: 698px;
height: 100%;
} 


#hilfsbox {

position: relative; top: 0px; 
padding-left:24px;
background: #747474;
border: 1px solid #747474;
margin:0;
padding: 0em;
width: 698px;
height: 430px;
} 

#hilfsboxhilfe	{

position: relative;
background: #747474;
border: 0px solid #747474;
width: 723px;
height: 600px;
 } 

#hilfsboxhilfe2	{

position: relative;
background: #747474;
border: 0px solid #747474;
width: 723px;
height: 1200px;
 } 

#hilfsboximpressum	{

 position: relative; top: 24px; left:24px;
 background: #747474;
  border: 1px solid #747474;
 margin:0;
 padding: 0em;
 width: 698px;
 height: 1800px;
 } 
 
#hilfsboxlinks	{

 position: relative; top: 0px; left:24px;
 background: #747474;
  border: 1px solid #747474;
 margin:0;
 padding: 0em;
 width: 698px;
 height: 800px;
 } 

#flashcontent	{

 position: relative; top:0px;
 background: #747474;
 border: 0px solid #747474;
 margin:0;
 padding: 0em;
 width: 516px;
 height:500px;
 } 

#flashcontentsymbole	{

 position: alsolute; top:0px;
 background: #747474;
 background-image: url('images/background_slate.gif');
 border: 0px solid #747474;
 margin:0;
 padding: 0em;
 width: 730px;
 height: 400px;
 } 

#textcontainer	{

 position: absolute; top: 0px; left:0px;
 background: #747474;
  border: 1px solid #747474;
 margin:0;
 padding: 0em;
 width: 516px;
 height: 186px;
 } 

#hilfsboxdesigner1	{

 position: relative; top: 10px; left: 30px;
 background: #FFFFFF;
 background-image: url('images/produktdesignspreadshirt.jpg');
 background-repeat: no-repeat;
 border: 1px solid #000000;
 margin:0;
 padding: 0em;
 width: 664px;
 height: 1800px;
 font-size : 1em;
 font-family : Trebuchet MS, verdana, arial;
 color : #000000;
 } 

#hilfsboxdesigner2	{

 position: relative; top: 10px; left: 30px;
 background: #747474;
 background-image: url('images/produktdesignshirtalarm.jpg');
 background-repeat: no-repeat;
 border: 1px solid #000000;
 margin:0;
 padding: 0em;
 width: 650px;
 height: 1800px;
 font-size : 1em;
 font-family : Trebuchet MS, verdana, arial;
 color : #000000;
 } 

#hilfsboxdesigner3	{

 position: relative; top: 10px; left: 0px;
 background-position: center;
 border: none;
 padding: 0em;
 width: 739px;
 height: 1800px;
 font-size : 1em;
 font-family : Trebuchet MS, verdana, arial;
 color : #161616;
 } 

#designerinhalt	{

 border: 1px solid #000000;
 border-top: none;
 position: absolute; top: 20px; left: -1px;
 background: #747474;
 margin-top:15px;
 padding: 0em;
 width: 648px;
 height: 186px;
 font-size : 1em;
 font-family : Trebuchet MS, verdana, arial;
 color : #000000; margin-left:0; margin-right:0; margin-bottom:0

}

#designercontainer1	{

 position: absolute; top: 130px; left: 0px;
 background: #747474;
 background-image: url('images/shirtalarmdesigner.gif');
 background-repeat: no-repeat;
 border: 1px solid #000000;
 margin: 0;
 padding:.5em;
 width: 250px;
 height: 256px;
 } 
 
 #designercontainer2	{

 position: absolute; top: 130px; left: 270px;
 background: #747474;
 background-image: url('images/spreadshirtdesigner.gif');
 background-repeat: no-repeat;
 border: 1px solid #000000;
 margin: 0;
 padding:.5em;
 width: 250px;
 height: 256px;
 } 

#textcontainerhilfe1	{

 position: absolute; top: 0px; left: 0px;
 background: #181818;
 margin:0;
 padding: .5em;
 width: 576px;
 height: 600px;
 font-size : 14px;
 font-family : Trebuchet MS, verdana, arial;
 font-color= #282828; 
 } 

#textcontainerhilfe2	{

 position: absolute; top: 0px; left: 0px;
 background: #181818;
 margin:0;
 padding: .5em;
 width: 576px;
 height: 1000px;
 font-size : 14px;
 font-family : Trebuchet MS, verdana, arial;
 color : #282828;
 } 

#textcontainerimpressum1	{

 position: absolute; top: 0px; left: 0px;
 background: #747474;
 background-image: url('images/impressum.gif');
 background-repeat: no-repeat;
 border: 1px solid #000000;
 margin:0;
 padding: .5em;
 width: 516px;
 height: 186px;
 font-size : 1em;
 font-family : Trebuchet MS, verdana, arial;
 color : #000000;
 } 
 
#textcontainerimpressum2	{

 position: absolute; top: 0px; left: 0px;
 background: #747474;
 background-image: url('images/impressum.gif');
 background-repeat: no-repeat;
 border: 1px solid #000000;
 margin:0;
 padding: .5em;
 width: 516px;
 height: 186px;
 font-size : 1em;
 font-family : Trebuchet MS, verdana, arial;
 color : #000000;
 } 

#textcontainerimpressum3	{

 position: absolute; top: 0px; left: 0px;
 background: #747474;
 background-image: url('images/impressum.gif');
 background-repeat: no-repeat;
 border: 1px solid #000000;
 margin:0;
 padding: .5em;
 width: 516px;
 height: 186px;
 font-size : 1em;
 font-family : Trebuchet MS, verdana, arial;
 color : #000000;
 } 

#containerhilfe1	{

 position: absolute; top: 0px; left:540px;
 background: #747474;
 background-image: url('images/hilfe.gif');
 background-repeat: no-repeat;
 border: 1px solid #000000;
 margin: 0;
 padding:.5em;
 width: 156px;
 height: 156px;
 } 
 
#containerhilfe2	{

 position: absolute; top: 1135px; left:540px;
 background: #747474;
 background-image: url('images/hilfe.gif');
 background-repeat: no-repeat;
 border: 1px solid #000000;
 margin: 0;
 padding:.5em;
 width: 156px;
 height: 156px;
 } 

#containerimpressumpk	{

 position: relative;
 background: #747474;
 border: 1px solid #000000;
 max-width: 730px;
 height: 100%;
 font-size : 1em;
 font-family : Trebuchet MS, verdana, arial;
 color : #FFFFFF;
 }
 
#container1	{

 position: absolute; top: 230px; left: 0px;
 background: #747474;
 background-image: url('images/infobox.gif');
 background-repeat: no-repeat;
 border: 1px solid #000000;
 margin: 0;
 padding:.5em;
 width: 156px;
 height: 156px;
 } 

#container2	{

 position: absolute; top: 230px; left:180px;
 background: #747474;
 background-image: url('images/kluftderwoche.gif');
 background-repeat: no-repeat;
 border: 1px solid #000000;
 margin:0;
 padding:0;
 width: 156px;
 height: 156px;
 } 

#container3	{

 position: absolute; top: 230px; left:360px;
 background: #747474;
 background-image: url('images/infobox.gif');
 background-repeat: no-repeat;
 border: 1px solid #000000;
 margin:0;
 padding:.5em;
 width: 156px;
 height: 156px;
 } 
 
 #containerlexikon	{

 position: relative;
 background: #747474;
 background-image: url('images/background_slate.gif');
 border: 1px solid #000000;
 max-width: 730px;
 height: 100%;
 font-size : 1em;
 font-family : Trebuchet MS, verdana, arial;
 color : #FFFFFF;
 }
 
 #werbecontainer	{

 position: absolute; top: 40px; left:540px;
 background: #747474;
 background-image: url('images/werbepartner.gif');
 background-repeat: no-repeat;
 border: 1px solid #000000;
 margin:0;
 padding: .3em;
 width: 156px;
 height: 346px;
 } 
 
 #werbecontainersonstige	{

 position: absolute; top: 5px; left:540px;
 background: #747474;
 background-image: url('images/werbepartner.gif');
 background-repeat: no-repeat;
 border: 1px solid #000000;
 margin:0;
 padding: .3em;
 width: 156px;
 height: 346px;
 } 

#werbecontainer160	{

 position: absolute; top: -4px; left:575px;
 background: #747474;
 border: 0px solid #000000;
 margin:0;
 padding: .3em;
 width: 160px;
 height: 800px;
 } 

 #auswahlcontainer	{

 position: absolute; top: -12px; left:540px;
 background: #747474;
 border: 1px solid #000000;
 padding: .0em;
 width: 156px;
 height: 20px;
 } 
 
 #auswahlcontainer2	{

 position: absolute; top: -12px; left:540px;
 background: #747474;
 border: 1px solid #000000;
 padding: .0em;
 width: 175px;
 height: 20px;
 } 
 
 #designerauswahlcontainer	{

 position: relative; top: -12px; left:565px;
 background: #747474;
 border: 1px solid #000000;
 padding: .0em;
 width: 125px;
 height: 20px;
 } 
 
 #kasseauswahlcontainer	{

 position: relative; top: -12px; left:565px;
 background: #747474;
 border: 1px solid #000000;
 padding: .0em;
 width: 140px;
 height: 20px;
 }