@charset "utf-8";
/* CSS Document */



body {

	margin: 0px;
	padding: 0px;
	background: #cacaca;
	font-family: verdana, tahoma, arial, helvetica;
	font-size: x-small;
	color: black;
	

}

img {

	border: none

}

a {

	border: none;
	text-decoration: none;
	color: black;

}

a:hover {

	border: none;
	text-decoration: underline;
	color: black;

}


#contentbg {

	background: url(bilder/contentbg.jpg) no-repeat;
	width: 1440px; 
	height: 306px;
	position: fixed;
	left: 50%;
	margin-left: -720px;
	
}


#textildruck-baist-link {

	position: relative;
	background: url(bilder/logo-textildruck-baist.png) no-repeat;
	top: 13px;
	left: 575px;
	width: 220px;
	height: 117px;
	border: solid 1px transparent;
	display: block;
	text-decoration: none;

}

#contentbox {
	
	position: relative;
	top: 0px;
	left: 50%;
	margin-left: -472px;
	width: 944px;
	height: auto;
	border: solid 1px transparent;

}

#rotrandbox-head {

	width: 944px;
	background: url(bilder/rotrandbox-head.jpg) no-repeat;
	position: relative;
	top: 0px;
	height: 136px;

}

#startlinks {

	position: relative;
	top: 62px;
	left: 35px;
	width: 900px;

}

#headlinks {

	position: relative;
	top: 5px;
	left: 30px;

}

.headlink {

	padding-right: 29px;
	text-decoration: none;
	color: #ad0505;

}

.headlink:hover {

	padding-right: 29px;
	text-decoration: none;
	color: #531111;
	

}

#bottomlinks {
border:1px solid #CACACA;
display:block;
left:50%;
margin-left:-100px;
position:relative;
top:-40px;
width:200px;
}

.topic {

	width: 123px;
	height: 34px;
	position: relative;
	top: 70px;
	left: 230px;

}

.topicone {

	width: 123px;
	height: 34px;
	position: relative;
	top: 70px;
	left: 10px;

}

.topictwo {

	position: relative;
	top: 35px;
	left: 600px;
	width: 130px;

}


.topicthree {

	position: relative;
	left: -580px;
	top: -10px;
}


#rotrandbox-body {
	
	width: 942px;
	background: white;
	border-left: solid 1px #ad0505;
	border-right: solid 1px #ad0505;

}

#extendedbody {
	
	width: 942px;
	background: white;
	border-left: solid 1px #ad0505;
	border-right: solid 1px #ad0505;

}



.implinks {

	position: relative;
	border: solid 1px transparent;
	margin-left: 10px;
	top: 35px;
	width: 200px;
	display: block;
	float: left;
	text-align: right;

}

.imprechts {

	border: solid 1px transparent;
	width: 500px;
	margin-left: 230px
	

}

.cont-text {

	padding: 20px;

}

#welcometext {

	width: 720px;
	height: 180px;
	border: solid 1px transparent;
	margin-left: 40px;
	font-size: 11px;

}

#welcometext a {

	color: #ad0505;

}

#randbox {

	width: 171px;
	height: 280px;
	background: url(bilder/randboxbg.jpg) no-repeat;
	position: relative;
	top: -150px;
	margin-left: 771px;
	border: 0px;

}

#randbox1 {

	width: 171px;
	height: 280px;
	background: url(bilder/randboxbg.jpg) no-repeat;
	position: relative;
	top: 0px;
	margin-left: 771px;
	border: 0px;

}

#startnavi {

	width: 717px;
	height: 280px;
	background: url(bilder/startnavibg.jpg) no-repeat;

}

#startnavibox {

	position: relative;
	top: 10px;
	float: left;
	display: block;
	width: 720px;
	height: 280px;

}

#startfilm {

	margin-top: 13px;
	margin-left: 4px;

}

.cont-form {

	margin-left: 20px;
	height: 650px;

}


#rotrandbox-bottom {

	width: 944px;
	background: url(bilder/rotrandbox-bottom.jpg) no-repeat;
	position: relative;
	top: 0px;
	height: 17px;
	margin-bottom: 50px;

}




#box {

	position: absolute;
	top: 70px;
	left: 50%;
	width: 944px;
	height: 560px;
	margin-left: -462px;
	background: url(bilder/welcomebg.jpg) no-repeat;

}



.link {

	position: relative;
	border: solid 1px transparent;
	width: 70px;
	height: 10px;
	display: block;
	top: 65px;
	left: 310px;

}

.firstlink {

	position: relative;
	top: 160px;
	left: 335px;
	width: 260px;
	height: 100px;
	display: block;
	border: solid 1px transparent;
	text-decoration: none;

}

.firstlink:hover {

	text-decoration: none;
	border: solid 1px transparent;

}

.secondlink {

	color: transparent;
	position: relative;
	top: 205px;
	left: 445px;
	width: 30px;
	height: 10px;
	display: block;
	border: solid 1px transparent;
	text-decoration: none;

}

.secondlink:hover {

	text-decoration: underline;
	border: solid 1px transparent;
	color: transparent;

}

.thirdlink {

	position: relative;
	top: 250px;
	left: 542px;
	width: 400px;
	height: 180px;
	display: block;
	border: solid 1px transparent;
	text-decoration: none;

}

.thirdlink:hover {

	text-decoration: none;
	border: solid 1px transparent;

}

input#submit {

	float:none;
	width:auto;
}


.lab0 {

	padding-right: 15px;
	width: 70px;
	text-align: right;

}

.lab2 {

	padding-right: 15px;
	width: 70px;
	text-align: left;

}

input.block {

	display: block;
	float: left;
	margin-bottom: 3px;
	width: 170px;
}

label, select {

	display: block;
	float: left;
	margin-bottom: 3px;
	width: 170px;
}

textarea {
	height: 128px;
	margin-bottom: 3px;
	margin-left: 0px;
	width: 280px;
}

.formlinks {

	display: block;
	float: left;
	width: 265px;
	height: 230px;
}

.kontformrechts {

	display: block;
	margin-left: 10px;
	width: 285px;
	height: 230px;
	float: left;
	
}

.formganzrechts {

	display: block;
	margin-left: 600px;
	width: 285px;
	height: 230px;

}


.anf {

	
	position: relative;
	left: 20px;
	/*border: solid 1px;*/
	width: 750px;
	
}

.anflinks {

	display: block;
	float: left;
	width: 350px;
	height: 120px;
	/*border: solid 1px;*/
	font-size: x-small;

}

.anfrechts {

	display: block;
	margin-left: 360px;
	width: auto;
	height: 120px;
	/*border: solid 1px;*/
	font-size: x-small;
}

.anfunten {

	display: block;
	margin-left: 0px;
	width: 730px;
	font-size: x-small;
}

.lab1 {

	padding-right: 15px;
	width: 150px;
	text-align: right;
	/*border: solid 1px;*/

}

.formlinks {

	display: block;
	float: left;
	width: 265px;
}

.formrechts {

	display: block;
	margin-left: 280px;
	width: auto;
}


.lab_pos {

	padding-right: 3px;
	width: 50px;
	text-align: right;
	/*border: solid 1px;*/

}

.lab_gro {

	padding-right: 6px;
	padding-left: 6px;
	width: auto;
	text-align: center;
	/*border: solid 1px;*/

}

input.block1 {

	display: block;
	float: left;
	margin-bottom: 3px;
	width: 170px;
	font-size: x-small;
}

input.block2 {

	display: block;
	float: left;
	margin-bottom: 3px;
	width: 170px;
	font-size: x-small;
}

input.gro {

	display: block;
	float: left;
	margin-bottom: 3px;
	width: 30px;
	font-size: x-small;
}


*html input.block2 {

	display: block;
	float: left;
	margin-bottom: 3px;
	margin-left: 5px;
	width: 160px;
	font-size: x-small;
}

select.block1 {

	display: block;
	float: left;
	margin-bottom: 3px;
	width: 174px;
	font-size: x-small;
}

select.pos {

	display: block;
	float: left;
	margin-bottom: 3px;
	width: 115px;
	font-size: x-small;
}
 
.notiz {

	width: 530px;
	height: 100px;

}

.send {
	
	padding: 0px;
	margin: 0px;
	position: relative;
	left: 165px;
	font-size: x-small;

}

.detail_box1 {
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 570px;
	height: 170px;
	border: solid 1px transparent;

}


.detail_bild {

	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 150px;
	height: 170px;
	background-position: top;
	background-repeat: no-repeat;
	float: left;
}

.detail_koll {
	display: block;
	position: relative;
	top: 0px;
	left: 5px;
	width: 325px;
	height: 110px;
	margin-left: 235px;


}

.detail_text {

	display: block;
	position: relative;
	top: 0px;
	left: 5px;
	width: 420px;
	height: 170px;
	margin-left: 160px;
	text-align: left;
	font-size: 12px;

}

.detail_name {

	display: block;
	position: relative;
	width: 145px;
	top: 152px;
	left: 5px;
	color: #ad0505;
	font-weight: bold;
	text-align: right;

}

.sortimenttext {

	width: 700px;
	height: 150px;
	border: solid 1px transparent;
	margin-left: 40px;
	font-size: 11px;
	float: left;
	display: block;

}

.herstellerbilder {

	background: url(bilder/herstellerlink.jpg) no-repeat;
	width: 900px;
	height: 67px;
	display: block;
	margin-left: 20px;

}

.herstellerbilder:hover {

	text-decoration: none;
	background: url(bilder/herstellerlinkhover.jpg) no-repeat;
	width: 900px;
	height: 67px;
	display: block;
	margin-left: 20px;
	

}

.zuruecklink {

	background: url(bilder/zurueck.gif) no-repeat;
	width: 118px;
	height: 17px;
	position: relative;
	top: -2px;
	left: 50%;
	margin-left: -59px;
	color: white;
	display: block;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;

}

.zuruecklink:hover {

	color: white;
	text-decoration: none;
}

.catlink {

	display: block;
	width: 150px;
	height: 138px;
	text-decoration: none;
	margin-left: 35px;

}

.catlink:hover {

	text-decoration: none;

}


#underconstruction {

	background: url(bilder/underconstruction.gif) no-repeat;
	width: 600px;
	height: 362px;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -300px;

}

.modelgross {

	position: relative;
	top: 0px;
	left: 0px;
	width: 350px;
	height: 510px;
	display: block;
	float: left;
	
}

.shirttable {

	margin-left: 400px;
	display: block;
	width: 450px;
	height: 475px;

}

.shirttable td {

	height: 225px;
	width: 150px;

}

#t-shirt {

	background: url(bilder/t-shirt.jpg) no-repeat top; text-align: center;

}

#t-shirt:hover {

	background: url(bilder/t-shirt.gif) no-repeat top; text-align: center;

}

#polo {

	background: url(bilder/polo.jpg) no-repeat top; text-align: center;

}

#polo:hover {

	background: url(bilder/polo.jpg) no-repeat top; text-align: center;

}

#hemd {

	background: url(bilder/hemd.jpg) no-repeat top; text-align: center;

}

#hemd:hover {

	background: url(bilder/hemd.jpg) no-repeat top; text-align: center;

}

#arbeitsjacke {

	background: url(bilder/arbeitsjacke.jpg) no-repeat top; text-align: center;

}

#arbeitsjacke:hover {

	background: url(bilder/arbeitsjacke.jpg) no-repeat top; text-align: center;

}

#regenjacke {

	background: url(bilder/regenjacke.jpg) no-repeat top; text-align: center;

}

#regenjacke:hover {

	background: url(bilder/regenjacke.jpg) no-repeat top; text-align: center;

}

#weste {

	background: url(bilder/weste.jpg) no-repeat top; text-align: center;

}

#weste:hover {

	background: url(bilder/weste.jpg) no-repeat top; text-align: center;

}

#vereinsshirt {

	background: url(bilder/vereinsshirt.jpg) no-repeat top; text-align: center;

}

#vereinsshirt:hover {

	background: url(bilder/vereinsshirt.gif) no-repeat top; text-align: center;

}

#funktionsshirt {

	background: url(bilder/funktionsshirt.jpg) no-repeat top; text-align: center;

}

#funktionsshirt:hover {

	background: url(bilder/funktionsshirt.gif) no-repeat top; text-align: center;

}

#trikot {

	background: url(bilder/trikot.jpg) no-repeat top; text-align: center;

}

#trikot:hover {

	background: url(bilder/trikot.gif) no-repeat top; text-align: center;

}

#vereinsjacke {

	background: url(bilder/vereinsjacke.jpg) no-repeat top; text-align: center;

}

#vereinsjacke:hover {

	background: url(bilder/vereinsjacke.gif) no-repeat top; text-align: center;

}

#trikothose {

	background: url(bilder/trikothose.jpg) no-repeat top; text-align: center;

}

#trikothose:hover {

	background: url(bilder/trikothose.gif) no-repeat top; text-align: center;

}

#anzug {

	background: url(bilder/anzug.jpg) no-repeat top; text-align: center;

}

#anzug:hover {

	background: url(bilder/anzug.gif) no-repeat top; text-align: center;

}

#werbeshirt {

	background: url(bilder/werbeshirt.jpg) no-repeat top; text-align: center;

}

#werbeshirt:hover {

	background: url(bilder/werbeshirt.jpg) no-repeat top; text-align: center;

}

#werbehemd {

	background: url(bilder/werbehemd.jpg) no-repeat top; text-align: center;

}

#werbehemd:hover {

	background: url(bilder/werbehemd.jpg) no-repeat top; text-align: center;

}

#werbejacke {

	background: url(bilder/werbejacke.jpg) no-repeat top; text-align: center;

}

#werbejacke:hover {

	background: url(bilder/werbejacke.jpg) no-repeat top; text-align: center;

}

#kultshirt {

	background: url(bilder/kultshirt.jpg) no-repeat top; text-align: center;

}

#kultshirt:hover {

	background: url(bilder/kultshirt.jpg) no-repeat top; text-align: center;

}

#abishirt {

	background: url(bilder/abishirt.jpg) no-repeat top; text-align: center;

}

#abishirt:hover {

	background: url(bilder/abishirt.jpg) no-repeat top; text-align: center;

}

#bandshirt {

	background: url(bilder/bandshirt.jpg) no-repeat top; text-align: center;

}

#jgashirt {

	background: url(bilder/jgashirt.jpg) no-repeat top; text-align: center;

}

#spruchshirt {

	background: url(bilder/spruchshirt.jpg) no-repeat top; text-align: center;

}

#gebshirt {

	background: url(bilder/gebshirt.jpg) no-repeat top; text-align: center;

}

#bandshirt:hover {

	background: url(bilder/bandshirt.jpg) no-repeat top; text-align: center;

}

#sporttasche {

	background: url(bilder/sporttasche.jpg) no-repeat top; text-align: center;

}

#sporttasche:hover {

	background: url(bilder/sporttasche.jpg) no-repeat top; text-align: center;

}

#rucksack {

	background: url(bilder/rucksack.jpg) no-repeat top; text-align: center;

}

#rucksack:hover {

	background: url(bilder/rucksack.jpg) no-repeat top; text-align: center;

}

#werbetasche {

	background: url(bilder/werbetasche.jpg) no-repeat top; text-align: center;

}

#werbetasche:hover {

	background: url(bilder/werbetasche.jpg) no-repeat top; text-align: center;

}

#handtuch {

	background: url(bilder/handtuch.jpg) no-repeat top; text-align: center;

}

#handtuch:hover {

	background: url(bilder/handtuch.jpg) no-repeat top; text-align: center;

}

#cap {

	background: url(bilder/cap.jpg) no-repeat top; text-align: center;

}

#cap:hover {

	background: url(bilder/cap.jpg) no-repeat top; text-align: center;

}

#schirm {

	background: url(bilder/schirm.jpg) no-repeat top; text-align: center;

}

#schirm:hover {

	background: url(bilder/schirm.jpg) no-repeat top; text-align: center;

}

#indi1 {

	background: url(bilder/indi1.jpg) no-repeat top; text-align: center;

}

#indi1:hover {

	background: url(bilder/indi1.jpg) no-repeat top; text-align: center;

}

#indi2 {

	background: url(bilder/indi2.jpg) no-repeat top; text-align: center;

}

#indi2:hover {

	background: url(bilder/indi2.jpg) no-repeat top; text-align: center;

}

#indi3 {

	background: url(bilder/indi3.jpg) no-repeat top; text-align: center;

}

#indi3:hover {

	background: url(bilder/indi3.jpg) no-repeat top; text-align: center;

}

#reftable {

	border-bottom: solid 1px #ad0505;
	border-left: solid 1px #ad0505;
	border-right: solid 1px #ad0505;
	width: 478px;

}

#tabhead-arbeit {

	background: url(bilder/reftabarbeit.jpg) no-repeat top left;
	height: 21px;
	width: 478px;

}

#tabhead-verein {

	background: url(bilder/reftabverein.jpg) no-repeat top left;
	height: 21px;
	width: 478px;

}

#tabhead-werbe {

	background: url(bilder/reftabwerbe.jpg) no-repeat top left;
	height: 21px;
	width: 478px;

}

#tabhead-fun {

	background: url(bilder/reftabfun.jpg) no-repeat top left;
	height: 21px;
	width: 478px;

}

#tabhead-indi {

	background: url(bilder/reftabindi.jpg) no-repeat top left;
	height: 21px;
	width: 478px;

}

#tabhead-access {

	background: url(bilder/reftabaccess.jpg) no-repeat top left;
	height: 21px;
	width: 478px;

}

.arbeitstab {

	height: 15px;
	width: 82px;
	display: block;
	position: relavtive;
	top: 2px;
	left: 0px;

}

.arbeitstab:hover {

	text-decoration: none;

}

.vereinstab {

	height: 15px;
	width: 95px;
	display: block;
	position: relavtive;
	top: 2px;

}

.vereinstab:hover {

	text-decoration: none;

}

.werbetab {

	height: 15px;
	width: 78px;
	display: block;
	position: relavtive;
	top: 2px;

}

.werbetab:hover {

	text-decoration: none;

}

.funtab {

	height: 15px;
	width: 53px;
	display: block;
	position: relavtive;
	top: 2px;

}

.funtab:hover {

	text-decoration: none;

}

.inditab {

	height: 15px;
	width: 60px;
	display: block;
	position: relavtive;
	top: 2px;

}

.inditab:hover {

	text-decoration: none;

}

.accesstab {

	height: 15px;
	width: 74px;
	display: block;
	position: relavtive;
	top: 2px;
	left: 401px;

}

.accesstab:hover {

	text-decoration: none;

}

.refbild {

	height: 150px;
	width: 119px;
	text-align: center;

}

.max {

	width: 20px;
	height: 20px;
	position: relative;
	top: -29px;
	left: 83px;
	border: solid 1px transparent;
	display: block;
	cursor: pointer;
	text-decoration: none;

}

.max1 {

	width: 20px;
	height: 20px;
	position: relative;
	top: -29px;
	left: 90px;
	border: solid 1px transparent;
	display: block;
	cursor: pointer;
	text-decoration: none;

}

.max1:hover {
	
	text-decoration: none;
	border: solid 1px transparent;

}

.max:hover {
	
	text-decoration: none;
	border: solid 1px transparent;

}

#linktable {

	width: 95%;

}

#linktable td {

	vertical-align: top;
	text-align: left;

}

.startfilm {

	position: relative;
	left: 5px;

}





