* {
margin:0;
padding:0;
border:0;
list-style:none;
list-style-image:none;
}

span.inputRequirement { color:red; float:left; display:inline-block; width:16px;  }


html, body {
height:100%;
}

body {
background:url(images/lines2.gif);
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;

}


#wrap {
min-height:100%;/*Footerstick */
position:relative;/*Footerstick */
margin:0 auto;
}

* html #wrap {
height:100%;

}


#oben {
height:20px;
background: #05234a;
}

#page {
width:970px;
margin:-10px auto 0 auto;
padding-top:10px;

background:url(images/redline_hoz.gif) no-repeat top right;
}

*html #page {
width:972px;
}


h1.logo a {
float:right;
width:156px;
height:77px;
background:url(images/phillislogo.jpg) no-repeat;
margin:0;
text-indent:-999em;

}

h1.slogan a {
text-indent:-999em;
float:left;
width:253px;
margin:0;
margin-top:34px;
display:block;
margin-bottom:20px;
height:38px;

background:url(images/slogan.gif) no-repeat;

}


#header {
clear:both;
display:block;
height:15px;
padding:5px;
width:960px;
background:url(images/verlauf.jpg) repeat-x #056597;
margin-bottom:0px;
overflow:hidden;
}

#ticker {
float:left;
width:900px;
overflow:hidden;

}

#ticker p {
margin-left:950px;
display:block;
overflow:hidden;
}

#lang {
float:right;
}

#contentwrap {
background:url(images/contentwrapbg2.gif) repeat top left;
min-height:200px;
clear:both;
border-bottom:1px solid #3b8bb3;
padding-bottom:20px;
}

.clear {
height:1px;
clear:both;
}

#left {
float:left;
width:220px;
margin-bottom:20px;
padding:0px 10px 10px 10px;
background:#004e7c;
border-right:1px solid #3b8bb3;
color:#9aafca;

}


#content {
width:528px;
float:left;
padding:20px 20px;
background:#001733;
border-right:1px solid #3b8bb3;
border-left:1px solid #3b8bb3;
margin-left:-1px;
}


#right {

width:140px;
float:right;
padding:20px 10px 0 10px;
color:#9aafca;

}


#footer {
clear:both; /*Footerstick */
width:100%;
height:30px;
position:relative; /*Footerstick */
background-color:#05234a;
border-top:1px solid #3b8bb3;
padding-top:10px;
margin: 40px auto 0 auto;

}

a {
color:#FFF;
text-decoration:none;
outline:none;

}

#content a {
font-weight:bold;
}

a:hover {
color:#e6070e;
border-color:#FFF;
}

p {
padding:0;
}


#content h1 {
color:#e6070e;
font-size:16px;
text-transform:uppercase;
letter-spacing:-0.05em;
margin:40px 0 20px 0;

clear:both;

}

#content .news h2 {
margin-top:10px;
}

#content #mission h2 {
margin-top:0;
color:#39bdff;
font-size:13px;

}

h2 {
color:#e6070e;
font-size:13px;
clear:both;
margin:40px 0 10px 0;
}

h2.boxheader, h2.boxcartheader, #left h2, #left h2.navi, tr.headerrow, .boxheader {
	background-image:url(images/bg_boxheader.gif);
	height:28px;
	font-size:10px;
	color:#FFFFFF;
	padding:2px 10px 0px 10px;
	margin:30px 0 0 0;
	border-bottom:1px solid #3b8bb3;
	
	line-height:28px;
	vertical-align:middle;
}


a.boxheader {
font-weight:bold;
padding:5px;
font-size:11px;
text-align:center;
cusor:pointer;
margin:0 0px;
clear:both;
}

#left h2.categoryheader {
background-image:url(images/bg_boxheader2.gif);
}

h3 {
border:0;
margin-top:20px;
margin-bottom:10px;

color:#4FD7EE;
font-size:11px;
}



.right a {
font-size:10pt;
color:red;
}



/* Menus Lists */

ul, #left form {
border-bottom:1px solid #3b8bb3;
background:url(images/verlaufbg3.jpg) repeat-x left top #05234a;
}

ul li {
padding:5px 10px;
margin-bottom:1px;
border-top:1px solid #004e7c;
}


/* ul li#cat50, ul li#cat51, ul li#cat52, ul li#cat53 {
display:none;
} */

ul  li.level2 {
padding:5px 10px 5px 30px;
margin-bottom:1px;
border-top:1px solid #004e7c;
background:url(images/verlaufbg3.jpg) repeat-x left top #05234a;
}

ul  li.level3 {
padding:5px 10px 5px 40px;
list-style-type:circle;
list-style:inside;
margin-bottom:1px;
border-top:1px solid #004e7c;
background:url(images/verlaufbg3.jpg) repeat-x left -20px #05234a;
}

#content ul li, #main_image {
background: url(images/verlaufbg.jpg) left -25px repeat-x #001834;
border-top:1px solid #3b8bb3;
padding:5px 10px;
}



ul.nav {
text-transform:uppercase;
background:url(images/verlaufbg3.jpg) repeat-x left top #05234a;
margin-bottom:30px;
}

ul.nav li {
background-color:transparent;
padding: 5px 10px;
border:0;
border-top:1px solid #004e7c;
margin-bottom:1px;
}

ul#navleft li a, ul#categorymenu li.level1 a {
background:url(images/button.gif) no-repeat left center;
padding-left:30px;
font-weight:bold;
text-transform:uppercase;
}



ul#navright li {
display:block;
padding:0;
border:0;

}

ul#navright {
padding-bottom: 20px;
background-image:none;
background-color:transparent;
}

ul#navright li a {
text-indent:-999em;
display:block;
}


ul#navright li a.karriere {
height:66px;
background:url(images/karriere.gif) no-repeat top left;
}



ul#navright li a.partners {
height:66px;
background:url(images/partners.gif) no-repeat top left;
}

ul#navright li a.models {
height:68px;
background:url(images/models.gif) no-repeat top left;
}

#footer ul {
width:980px;
margin:0 auto;
border:0;
background:url(images/verlaufbg3.jpg) repeat-x left top #05234a;

}

#footer ul li {
float:left;
border:0;
background-color:transparent;
}



/* Media, Images */
img.contentbild, div.news img, div.animation, #content a.lightbox img, #left ul img, .productPreviewImage img   {
margin-bottom:20px;
padding:5px;
background:#004e7c;
border:1px solid #3b8bb3;
}

.moreImages a.lightbox img {
}


img.banners {
margin-top:30px;
border:1px solid #3b8bb3;
padding:2px;
background:#004e7c;
}

#content a.lightbox img {
width:110px;
float:left;
margin-right:10px;
margin-bottom:10px;
}

#content a.lightbox img.mainImage {
margin-right:20px;
}

img.contentbild {
width:516px;
}



.headerbild {
width:528px;
height:305px;
overflow:hidden;
margin-top:-29px;
}


.catbanner {
height:167px;
margin-top:-28px;

}


#left ul img {
width:110px;
text-align:center;
margin:5px 37px;
}


/* Elements */

span {
clear:both;
display:block;
}

div.news {
height:65px;

overflow:hidden;
position:relative;
}

img.hidden, a.hidden img {
display:none;
}

.readmore, .close {
cursor:pointer;
border:1px solid #3b8bb3;
text-align:center;
width:65px;
float:right;
height:14px;
margin:10px 0 20px 0;
color:#FFFFFF;
padding:3px;
background:url(images/bg_boxheader.gif) repeat-x right center;
}


div#mission {
padding:20px 20px 0px 20px;
margin:15px 0 40px 0;
color:#9aafca;

border-top:1px solid #3b8bb3;
background: url(images/verlaufbg.jpg) left bottom repeat-x #05234a;
}

span.productOldPrice {
clear:none;
width:auto;
}
.price, .productprice, .productOldPrice, .markProductOutOfStock, .soldout {
color:#e6070e;
font-size:18px;
font-weight:bold;
}

.productOldPrice {
text-decoration:line-through;
color:#CCC;
}

.soldout {
background:#e6070e; color:#FFF; font-size:14px; padding:3px
 }


div.parseTime, div.copyright {
display:none;
}
.boxbody, .boxcartbody, #loginbox {
background:url(images/verlaufbg3.jpg) repeat-x left top #05234a;
padding:10px;
border-bottom:1px solid #3b8bb3;
}

#loginbox {
overflow:hidden;
width:120px;
}

/* Products Lists etc */
.productPreviewContent, .productPreviewImage, li.productList {
padding:20px 10px 0 10px;
margin:0px;
border-top:1px solid #3b8bb3;
border-bottom:5px solid #004e7c;
background: url(images/verlaufbg.jpg) left bottom repeat-x #05234a;
}

.productPreviewImage img   {
float:left;
margin-right:10px;
}

#content ul.productsList {
border:0;
clear:both;
}

#content ul li.productsListItem, #content ul.links li  {
text-align:center;
display:inline;
width:146px;
margin:0 10px 30px 0;
height:350px;
padding:10px;
float:left;
overflow:hidden;
border-bottom:5px solid #004e7c;
background: url(images/verlaufbg.jpg) left bottom repeat-x #05234a;
}


/* productsListItem für die TOP'S */

#content ul li.productsListItem.lilItem {
height:180px;
border-bottom:1px solid #004e7c;
}


#content ul.links {
clear:both;
display:block;
}
#content ul.links li {
height:200px;
}

#content ul#models li  {
height:250px;
}



#content ul li.productsListItem h3, #content ul.links li h3 {
margin:10px 0;
font-size:13px;
border-bottom:1px solid #004e7c;
padding:5px;
}

#content ul li.productsListItem.lilItem h3 {
margin-top:3px;
border-bottom:0
}
 
.holderwrap {
width:132px;
margin-left:5px;
height:132px;
margin-bottom:0;
padding:0px;
background:#004e7c;
border:1px solid #3b8bb3;
overflow:hidden;
}

.holder, .holderProduct {
height:132px;
width:132px;
overflow:hidden;
background:#05234a;
}

img.thumb, li.thumb img {

}

.holderwrap .holder img.thumb {
max-width:132px;
max-height:132px;
}


.holder table, .holder tr, .holder td {
margin:0;
padding:0;
border:0;
}


img.thumb2, li.thumb2 img, #content ul.links img {
width:142px;
padding:5px;
background:#004e7c;
border:1px solid #3b8bb3;
} 

#content ul#catlist {
border:0;
margin-bottom:40px;
}
#content ul#catlist li {

	height:28px;
	font-size:11px;
	display:block;
	width:152px;
	float:left;
	color:#FFFFFF;
	padding:2px 10px 0px 10px;
	margin:0px 3px 3px 0px;
	border-top:1px solid #3b8bb3;
	text-align:center;
	line-height:28px;
	
}





.productPreviewContent {
padding-top:0px;
}




/* Shopotionen */

ul.options li {
padding-left:30px;
}

li.cart {
background:url(images/icons/cart_16x16.png) no-repeat 5px center;
}

li.checkout {
background:url(images/icons/cart_go.png) no-repeat 5px center;
}

li.profile {
background:url(images/icons/profile.png) no-repeat 5px center;
}

li.list {
background:url(images/icons/list.gif) no-repeat 5px center;
}

li.logout {
background:url(images/icons/logout.gif) no-repeat 5px center;
}

/* Tables */
tr.contentrow1 {
 padding:20px 10px 0 10px;
 background: #05234a;
 }
 




td {
padding:5px;
background: url(images/verlaufbg.jpg) left bottom repeat-x #05234a;
}

#left td {
background-image:none;
background-color:transparent;
}

tr.headerrow td {
text-align:center;
}

td.main {
border-top:1px solid #3b8bb3;
}

#content tr.contentrow1 td, #content tr.contentrow2 td {
padding:20px;
border-top:1px solid #3b8bb3;
border-right:1px solid #004e7c;
border-collapse:collapse;
}
 
table.bestellung td {
border-top:1px solid #3b8bb3;
}

/* FOrms */

#left form {
padding:10px;
}



input {
padding:2px;
font-size:7pt;
margin-bottom:3px;
}

input.weit {
width:200px;
}

#toggle {
display:none;
}


textarea {
text-align:left;
padding:2px;
}



#content input {
padding:3px;

margin:5px 5px 5px 0;
font-size:11px;
z-index:150;
}

#content input.radio {
	width:auto;
}

#content select {
	width:80px;
	padding:0px;
	margin:5px 5px 7px 0;
}


#content dl input {
	width:150px;
}
#content input.checkbox {
width:auto;
}

#content input#bestaetigen {
	width:auto;
	font-size:9px;
}

#content td.hidden input {
	display:none;
}


dl label {
	width:80px;
	display:block;
	float:left;
}

#liefer, #nichtliefer, input#bestaetigen {
padding:5px;
background:#004e7c;
border:1px solid #3b8bb3;
color:#FFF;
font-weight:bold;
margin:15px 0;
cursor:pointer;
}

#sign_in input {
}
#loginbox input {

}

/* CHECKOUT NAVIGATION */
ul#checkoutnavigation {
margin-top:20px;
border:0;
}
ul#checkoutnavigation li {
	height: 110px;
	list-style-type:none;
	float:left;
	width:103px;
	margin-right:10px;
	border: solid 1px;
	padding:8px
	
}
ul#checkoutnavigation li.active {
	background-color: #e6070e;
}
ul#checkoutnavigation li.active .number {
	font-size:20px;
	font-weight:bold
}
ul#checkoutnavigation li.active .title {
	font-size:14px;
	font-weight:bold
}
ul#checkoutnavigation li.active .description {
	font-size:11px
}
ul#checkoutnavigation li.inactive {
	color:#004e7c;
	
	border-color:#999999
}
ul#checkoutnavigation li.inactive .number {
	font-size:20px;
	font-weight:bold
}
ul#checkoutnavigation li.inactive .title {
	font-size:14px;
	font-weight:bold
}
ul#checkoutnavigation li.inactive .description {
	font-size:11px
}


/* ERROR MESSAGES */
p.errormessage {
	border: solid #e6070e 2px;
	padding:15px;
	background-color:#e6070e;
}

/* Product View */
#productinfowrap {
background: url(images/verlaufbg.jpg) left bottom repeat-x #05234a;
padding:20px;
border-top:1px solid #3b8bb3;
border-bottom:5px solid #004e7c;
}

.moreImages {
margin-bottom:40px;
clear:both;
}

.addtobasket {
border-bottom:1px solid #3b8bb3;
padding:10px 0;
}

.cart input {
float:right;
margin:-28px 0 5px 5px;
}

a.pageResults {
padding:3px 5px;
margin-right:2px;
background:#3b8bb3;
}


.basic {
width:100%;
}
.basic div  {
background: url(images/verlaufbg.jpg) left bottom repeat-x #05234a;
padding:0px 20px;
}

.basic p {
}
.basic h2.title {
	background-image:url(images/bg_boxheader.gif);
	height:28px;
	font-size:12px;
	color:#FFFFFF;
	padding:10px 10px 0px 10px;
	border-bottom:1px solid #3b8bb3;
	display:block;
	margin:10px 0;
	cursor:pointer;
	font-weight:normal;


}

.basic h2.title em { 
display:block;
float:left;
font-style:normal;
width:127px;


}

.basic h2.title strong {
margin-left:15px;


}

.basic h2.selected, .basic h2:hover {
	color: #05234a;
	background-color:#FFF;
	background-image: url("AccordionTab2.gif");
}

.basic img.thumb {
float:left;
margin-right:10px;
}



/* Gallery */


.thumblist li a:hover img, .viewfield a:hover img  {
border-bottom: 3px solid #e30045;
}

.thumblist li a img  {
margin:0;

}

/* #content.home .viewfield a img {
margin-left:0;
margin-right:3px;
} */

ul.thumblist li {
float:left;
margin:0 4px 2px 0;
}

*html ul.thumblist li {

display:inline;
}

.show {

clear:both;
margin-bottom:15px;

}

#content ul.showcase {
display:block;
clear:both;
min-height:270px;
padding:10px;
padding-right:0;
}

*html #content ul.showcase {
padding-bottom:15px;
}

#content ul.showcase li {
overflow:hidden;
text-align:center;
float:left;
display:block;
width:72px;
height:72px;
margin: 0px 5px 5px 0;
background-image:none;
padding:3px;
border:1px solid #3b8bb3;
}

#content ul.showcase li.thumb img{
width:75px;
height:75px; 
border:0;

padding:0; 
margin:0;
}


#main_image{
overflow:hidden; 
text-align:center;
margin-bottom:15px;
padding:10px;
}

#main_image img{
border:0;
margin:0;
}

.gallnav{
font-size:10px;
text-align:center;
padding:10px 0; 
background:url(img/libg5.gif) no-repeat right -250px;
}

dl {
	float:left;
}


/* Firmenbestellung */

#firmenbestellung h2, #firmenbestellung a, #firmenbestellung div {
	display:block;
	text-indent:-999em;
	width:528px;
	margin:0;
	padding:0;
}

#firmenbestellung h2 {
	height:142px;
	background:url(img/01-individuellgestalteter-firmenkalender.jpg) no-repeat left top;
	
}

#firmenbestellung div#text {
	height:143px;
	background:url(img/02-wirgestalten.jpg) no-repeat left top;
	
}

#firmenbestellung a#produkte {
	height:275px;
	background:url(img/03-produkte.jpg) no-repeat left top;
	
}


#firmenbestellung a#dienstleistungen {
	height:382px;
	background:url(img/03-dienstleistung.jpg) no-repeat left top;
	
}


#firmenbestellung a#verlagsprogramm {
	height:314px;
	background:url(img/04-verlagsprogramm.jpg) no-repeat left top;
	
}


#firmenbestellung a#mail {
	height:77px;
	background:url(img/05-kontakt.jpg) no-repeat left top;
	
}
	



