@CHARSET "ISO-8859-1";


a {
	outline: none;
}

img{
  margin: 0;
  padding: 0;
  outline: none;
}

p, th, td {
	color:#626262;
	font-size: 12px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	text-align: left;
}

h2 {
  color:#626262;
  font-family: Arial, Arial, Helvetica, sans-serif;
}

select.inactive {
  display: none;
}

input {
  outline: none;
}

.wrapper {
  margin:auto;
  width:900px;
  height:auto;
  text-align: center;
}

.blueText {
  color:#00b0e6;
  font-size: 12px;
  font-family: Arial, Arial, Helvetica, sans-serif;
}

.redText {
  color:#F00;
  font-size: 12px;
  font-family: Arial, Arial, Helvetica, sans-serif;
}

#proudChoice {
  margin-top: 50px;
}

#proudChoice ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height:500px;
	width:auto;
}

#proudChoice ul li {
	float:left;
	margin:0;
	padding:0;
}

#tshirt-round-neck {
  background: url(../images/tshirt-round-neck.jpg) no-repeat;
  height:500px;
  width:201px;
}

#hoodie {
  background: url(../images/hoodie.jpg) no-repeat;
  height:500px;
  width:196px;
}

#tshirt-vneck {
  background: url(../images/tshirt-vneck.jpg) no-repeat;
  height:500px;
  width:144px;
}


#hoodie2 {
  background: url(../images/hoodie2.jpg) no-repeat;
  height:500px;
  width:160px;
}


#tshirt-vneck2 {
  background: url(../images/tshirt-vneck2.jpg) no-repeat;
  height:500px;
  width:199px;
}

#tshirt-round-neck:hover img, #hoodie:hover img, #tshirt-vneck:hover img, #hoodie2:hover img, #tshirt-vneck2:hover img  {
	display: none;
}

#proudMenu {
  width:100%;
  heigth: 30px;
  text-align: center;
  margin-top: 90px;
}

#proudMenu ul {
	width:780px;
	height: 17px;
	margin: auto;
	padding: 0;
}

#proudMenu ul li {
  float:left;
	width: auto;
	list-style: none;
	padding: 0;
	margin: 0;
}

#proudMenu ul li a {
  height: 18px;
  text-decoration: none;
  display: block;
}

#proudMenu ul li span {
  visibility: hidden;
}

#proudMenu ul li #idea {
	width: 30px;
	background: url(../images/menu.png) 0 -18px no-repeat;
	margin-left: 20px;
	margin-right:75px;
}

#proudMenu #idea:hover  {
	background: url(../images/menu.png) 0 0 no-repeat;
}

#proudMenu #quality {
  width: 81px;
  background: url(../images/menu.png) -48px -18px no-repeat;
	margin-right:88px;
}

#proudMenu #quality:hover {
  background: url(../images/menu.png) -48px 0 no-repeat;
}

#proudMenu #colors {
  width: 56px;
  background: url(../images/menu.png) -147px -18px no-repeat;
	margin-right:95px;
}

#proudMenu #colors:hover {
  background: url(../images/menu.png) -147px 0 no-repeat;
}

#proudMenu #order {
  width: 91px;
  background: url(../images/menu.png) -212px -18px no-repeat;
	margin-right:70px;
}

#proudMenu #order:hover {
  background: url(../images/menu.png) -212px 0 no-repeat;
}

#proudMenu #contact {
  width: 174px;
  background: url(../images/menu.png) -318px -18px no-repeat;
}

#proudMenu #contact:hover {
  background: url(../images/menu.png) -318px 0 no-repeat;
}

#proudBox {
	position: fixed;
	left:50%;
	top:50%;
	width:766px;
	height:422px;
	z-index:2;
	margin-left: -383px;
	margin-top: -211px;
	display: none;
}

#proudBox #box-border-top {
	position:absolute;
	top:0;
	left:0;
	height:11px;
	width:100%;
}
#proudBox #box-border-right {
	position:absolute;
  top:11px;
  left:755px;
  height:400px;
	width:11px;
}
#proudBox #box-border-left {
	position:absolute;
  top:11px;
  left:0;
	width:11px;
  height:400px;
}
#proudBox #box-border-bottom {
	position:absolute;
  top:411px;
  left:0;
	height:11px;
  width:100%;
}

#proudBox #box-content {
	position: absolute;
	width:724px;
	height: 380px;
	top:11px;
	left: 11px;
	background-color: #FFF;
	padding:10px;
}

#proudBox #box-close-button {
	position: absolute;
	heigth: auto;
	width: auto;
	right:20px;
	top:20px;
}

#proudSubMenu {
  width:100%;
  heigth: 30px;
  text-align: center;
  margin-top: 9px;
}

#proudSubMenu ul {
  width:780px;
  height: 17px;
  margin: auto;
  padding: 0;
}

#proudSubMenu ul li {
  float:left;
  width: auto;
  list-style: none;
  padding: 0;
  margin: 0;
}

#proudSubMenu ul li a {
  height: 13px;
  text-decoration: none;
  display: block;
}

#proudSubMenu ul li span {
  visibility: hidden;
}

#proudSubMenu ul li #color-tshirt-round-neck {
  width: 120px;
  background: url(../images/submenu.png) 0 0 no-repeat;
  margin-left: 20px;
  margin-right:40px;
}

#proudSubMenu ul li #color-tshirt-round-neck:hover, #proudSubMenu ul li #color-tshirt-round-neck.active {
	background: url(../images/submenu.png) 0 -14px no-repeat;
}

#proudSubMenu ul li #color-tshirt-vneck {
  width: 90px;
  background: url(../images/submenu.png) -124px 0 no-repeat;
  margin-right:40px;
}

#proudSubMenu ul li #color-tshirt-vneck:hover, #proudSubMenu ul li #color-tshirt-vneck.active {
	background: url(../images/submenu.png) -124px -14px no-repeat;
}

#proudSubMenu ul li #color-hoodie {
  width: 38px;
  background: url(../images/submenu.png) -218px 0 no-repeat;
  margin-right:40px;
}

#proudSubMenu ul li #color-hoodie:hover, #proudSubMenu ul li #color-hoodie.active {
	background: url(../images/submenu.png) -218px -14px no-repeat;
}

#proudSubMenu ul li #color-print {
  width: 75px;
  background: url(../images/submenu.png) -259px 0 no-repeat;
}

#proudSubMenu ul li #color-print:hover, #proudSubMenu ul li #color-print.active {
  background: url(../images/submenu.png) -259px -14px no-repeat;
}

#proudSubMenu ul li #quality-textilien {
	width:54px;
  background: url(../images/submenu.png) -335px 0 no-repeat;
  margin-left: 20px;
}

#proudSubMenu ul li #quality-textilien:hover, #proudSubMenu ul li #quality-textilien.active {
	background: url(../images/submenu.png) -335px -14px no-repeat;
}

#proudSubMenu ul li #quality-druck {
	width:35px;
  background: url(../images/submenu.png) -390px 0 no-repeat;
  margin-left: 46px;
}

#proudSubMenu ul li #quality-druck:hover, #proudSubMenu ul li #quality-druck.active {
	background: url(../images/submenu.png) -390px -14px no-repeat;
}

.proudColorContent, .proudQualityContent {
	position:relative;
	width:100%;
	height:342px;
	margin-top:10px;
}

.proudColorContent.inactive, .proudQualityContent.inactive {
  display: none;
}

.proudColorContent .color-palette {
	position:absolute;
  height: 332px;
  width:171px;
  background-color: #EEE;
  padding: 10px 0 0 10px;
}

.proudColorContent .color-palette-full {
  position:absolute;
  height: 332px;
  width:714px;
  background-color: #EEE;
  padding: 10px 0 0 10px;
}

.proudColorContent .color-description {
	position:absolute;
  height: 342px;
  width: 518px;
  left: 201px;
}

#proudContact {
  margin:70px 10px 0 10px;
}

#quality-textilien-content .quality-text {
  width: 387px;
  height: 322px;
  position:absolute;
  right:10px;
  top:20px;
}

#quality-druck-content .quality-text {
  margin:40px 20px 0 20px;
}

#proudOrderForm {
  width:645px;
  margin: auto;
}

#proudOrderFormHeader {
  height: 250px;
}

#proudOrderFormHeader img {
  float:left;
}

.proudOrderFormLine {
  width:630px;
  height:21px;
  clear:both;
  position: relative;
  margin: 20px 0 20px 0;
}

.proudOrderFormLine .proudOrderFormLineLeft {
	position: absolute;
  width:9px;
  height: 21px;
  top:0;
  left:0;
}

.proudOrderFormLine .proudOrderFormLineCenter {
	position: absolute;
	left:9px;
	top:0px;
	width:612px;
	color:#FFF;
	background-color: #0fbdea;
	height: 21px;
	text-align: left;
}

.proudOrderFormLine .proudOrderFormLineCenter a {
  color:#FFF;
}

.proudOrderFormLine .proudOrderFormLineCenter a:visited {
  color:#FFF;
}

.proudOrderFormLine .proudOrderFormLineRight {
  position: absolute;
  width:9px;
  height: 21px;
  top:0;
  right:0;
}

#proudOrderFormShirtSelection {
  position:relative;
}

#proudOrderFormFooter {
  width:100%;
  text-align: center;
  margin-top: 48px;
}

#proudOrderFormFooter ul {
	list-style: none;
	margin: auto;
	padding: 0;
	width:630px;
	height: 13px;
}

#proudOrderFormFooter ul li {
	margin:0;
  padding:0;
  float:left;
}

#proudOrderFormFooter ul li a {
  height: 13px;
  text-decoration: none;
  display: block;
}

#proudOrderFormFooter ul li span {
  visibility: hidden;
}

#proudOrderFormFooter ul li #delivery {
  width: 98px;
  background: url(../images/order/order_footer.png) 0 0 no-repeat;
  margin-right:58px;
}

#proudOrderFormFooter #delivery:hover  {
  background: url(../images/order/order_footer.png) 0 -14px no-repeat;
}

#proudOrderFormFooter ul li #agb {
  width: 285px;
  background: url(../images/order/order_footer.png) -99px 0 no-repeat;
  margin-right:58px;
}

#proudOrderFormFooter #agb:hover  {
  background: url(../images/order/order_footer.png) -99px -14px no-repeat;
}

#proudOrderFormFooter ul li #info {
  width: 117px;
  background: url(../images/order/order_footer.png) -389px 0 no-repeat;
}

#proudOrderFormFooter #info:hover  {
  background: url(../images/order/order_footer.png) -389px -14px no-repeat;
}

.proudCustomerInfo {
  width:410px;
  height:auto;
  margin:50px auto;
  text-align: center;
}

.proudCustomerInfo p {
  text-align: justify;
}

.proudCustomerInfo a {
	height: 14px;
  text-decoration: none;
  display: block;
  margin:auto;
}

.proudCustomerInfo a span {
  visibility: hidden;
}

.proudCustomerInfo #delivery {
  width: 98px;
  background: url(../images/order/order_footer.png) 0 -14px no-repeat;
}

.proudCustomerInfo #agb {
  width: 285px;
  background: url(../images/order/order_footer.png) -99px -14px no-repeat;
}

.proudCustomerInfo #info {
  width: 117px;
  background: url(../images/order/order_footer.png) -389px -14px no-repeat;
}

#proudThankYou {
  width:400px;
  height:auto;
  margin:60px auto;
}

#proudThankYou p {
  text-align: center;
}