@import url(layout.css);
/*@import url(jobads.css);*/
@import url(phirents.css);
@import url(layout_home.css);
@import url(layout_content.css);
@import url(modules.css);
@import url(text.css);
@import url(navigation2.css);

body, html {
margin:0px;
padding:0px;
font-family : Arial, Helvetica, sans-serif;
font-size:12px;
background-repeat:repeat-x;
}

.container {
margin:0px auto;
overflow:hidden;
width:904px;
background-repeat:no-repeat;
padding-left:2px;
}

.homeLink {
    float:left;
    width:210px;
    margin-top:78px;
    margin-left:24px;
    height:44px;
    background-image: url(images/logo_keiser_200_trans.gif);
    background-repeat: no-repeat;
}

.member_type_pic {
    float: left;
    width: 200px;
    margin-top: 68px;
    margin-left: 0px;
    height: 60px;
    /*border: red solid thin;*/
    background-repeat: no-repeat;
    background-position: right;
}

.header_pic {
    float: left;
    width: 210px;
    margin-left:24px;
    height: 140px;
    /*border: red solid thin;*/
    background-repeat: no-repeat;
    background-position: right;
}

.login {
    float:left;
    width:235px;
    height:108px;
    padding-top:32px;
    /*border: blue solid thin;*/
}

.login a:link, .login a:active, .login a:visited  {
text-decoration:underline;
color:#000000;
}

.login a:hover {
text-decoration:none;
}

.login form, .login input {
margin:0px;
padding:0px;
}

.login input {
margin-bottom:8px;
}


.loginUsernameInput {
display:block;
width:210px;
}

.loginPasswordInput {
display:block;
float:left;
width:180px;
}

.loginSubmit {
float:left;
display:block;
width:16px;
height:16px;
margin-left:5px;
margin-top:2px;
background-image:url(images/login_arrow.jpg);
}

.navi {
float:left;
width:564px;
height:26px;
padding-left:15px;
padding-top:10px;
}


.search {
float:left;
width:195px;
height:26px;
padding-right:5px;
_padding-left:36px;
padding-left:113px;
padding-top:10px;
}

.setLanguage {
float:left;
width:77px;
height:23px;
padding-left:0px;
padding-right:0px;
padding-top:13px;
text-align: right;
}


*+html .search {
height:27px;
padding-top:9px;
}

.search form, .search input {
padding:0px;
margin:0px;
padding-left: 0.3em;
}

.searchInput, .searchInput:focus {
border:0px;
width:195px;
/*height:18px;*/
background-image:url(images/searchInput_bg.jpg);
}

.contentWrapper {
float:left;
width:904px;
overflow:hidden;
background-image:url(images/content_repeat.jpg);
background-repeat:repeat-y;
}

.sidebar {
float:left;
width:250px;
padding-left:15px;
padding-top:5px;
}

.subnavi {
padding-left:15px;
}

.content {
float:left;
width:609px;
padding-top:20px;
padding-left:10px;
border-left:1px solid #CECECE;
}

/*
.content a:link, .content a:active, .content a:visited  {
text-decoration:none;
color:#0055A0;
}

.content a:hover {
text-decoration:underline;
}
*/

.footer {
float:left;
width:904px;
height:29px;
background-image:url(images/footer_bg.jpg);
}

.footerContent {
float:left;
width:880px;
padding-left:15px;
padding-right:15px;
color:#999999;
}

.footerContent a:link, .footerContent a:active, .footerContent a:visited  {
text-decoration:none;
color:#999999;
}

.footerContent a:hover {
color:#000000;
}

.footerContentLeft {
float:left;
width:220px;
text-align:left;
}

.footer_login_unvisible a:link, .footer_login_unvisible a:active, .footer_login_unvisible a:visited {
    float:left;
    color: #ffffff;
    background-color: transparent;
    width: 50px;
    height: 20px;
    padding-top:10px;
}

.footerContentMiddle {
float:left;
width:440px;
text-align:center;
}

.footerContentRight {
float:left;
width:220px;
text-align:right;
}

.boxTop {
width:225px;
padding-left:10px;
line-height:27px;
color:#FFFFFF;
font-weight:bold;
}

.boxContent {
overflow:hidden;
width:226px;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
border-left:1px solid #D8E1EE;
border-right:1px solid #D8E1EE;  
border-bottom:1px solid #D8E1EE;
background-image: url("themes/keiserverlag.ch/images/box_content_bg.jpg");
background-repeat:repeat-x;
margin-bottom:10px;
}

.boxTopMediadaten {
width:170px;
padding-left:100px;
line-height:27px;
color:#FFFFFF;
font-size:0.8em;
}

.boxTopEventAnmelden {
width:170px;
padding-left:90px;
line-height:27px;
color:#FFFFFF;
font-size:0.8em;
}

/*Banner rechts: Titel Warenkorb Hintergrund + Rahmen inkl. Abstand unten 5px*/
#bannerTitelCart_bg {
	float: left;
  width:236px;
  border-top:1px solid #D8E1EE;
  border-left:1px solid #D8E1EE;
  border-right:1px solid #D8E1EE;
  border-bottom:1px solid #D8E1EE;  
  background-image:url(images/header_navigation_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	margin-top:10px;
}


/*Banner rechts: Titel Icon = WARENKORB*/
#shopCartTitle {
  width:150px;
	background-image: url('images/cart.gif');
  background-color: transparent;  
  background-repeat: no-repeat;
  background-position:5px 50%;
  padding: 4px 0px 4px 35px;
}


/*Banner links: Titel Hintergrund + Rahmen inkl. Abstand oben 10px*/
#bannerLeftTitel1_bg {
  padding-left: 5px;
  float: left;
  width:231px;  
  border-top:1px solid #D8E1EE;
  border-left:1px solid #D8E1EE;
  border-right:1px solid #D8E1EE;  
  border-bottom:1px solid #D8E1EE;  
  background-image:url(images/header_navigation_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	margin-top:10px;
}

/*Banner links: Titel Hintergrund + Rahmen inkl. Abstand oben 15px*/
#bannerLeftTitel2_bg {
  padding-left: 5px;
  float: left;
  width:231px;  
  border-top:1px solid #D8E1EE;
  border-left:1px solid #D8E1EE;
  border-right:1px solid #D8E1EE;  
  border-bottom:1px solid #D8E1EE;  
  background-image:url(images/header_navigation_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

/*Banner links: Titel Icon = HOME*/
#bannerLeftTitel2 {
  width:133px;
	background-image: url('images/home.gif');
  background-color: transparent;  
  background-repeat: no-repeat;
  background-position:0px 50%;
  padding: 4px 0px 4px 30px;
}

/*Banner links: Titel Icon = COINS*/
#bannerLeftTitel3 {
  width:133px;
	background-image: url('images/coins.gif');
  background-color: transparent;  
  background-repeat: no-repeat;
  background-position:1px 50%;
  padding: 4px 0px 4px 30px;
}

/*Banner links: Titel Icon = BUCH*/
#bannerLeftTitel4 {
  width:133px;
	background-image: url('images/buch.gif');
  background-color: transparent;  
  background-repeat: no-repeat;
  background-position:1px 50%;
  padding: 4px 0px 4px 30px;
}

/*Banner links: Titel Icon = INFO*/
#bannerLeftTitel5 {
  width:133px;
	background-image: url('images/info.gif');
  background-color: transparent;  
  background-repeat: no-repeat;
  background-position:1px 50%;
  padding: 4px 0px 4px 30px;
}

/*Banner rechts: Titel Hintergrund + Rahmen inkl. Abstand oben 15px*/
#bannerTitel_bg {
	float: left;
  width:164px;
  border-top:1px solid #D8E1EE;
  border-left:1px solid #D8E1EE;
  border-bottom:1px solid #D8E1EE;  
  background-image:url(images/header_navigation_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	margin-top:15px;
}

/*Banner rechts: Titel Icon = INFO*/
#bannerRightTitel1 {
  width:133px;
	color:#444444;
	background-image: url('images/info.gif');
  background-color: transparent;  
  background-repeat: no-repeat;
  background-position:5px 50%;
  padding: 4px 0px 4px 30px;
}

/*Banner rechts: Titel Icon = AUGE*/
#bannerRightTitel2 {
  width:133px;
	color:#444444;  
  background-image: url('images/eye.gif');
  background-color: transparent;  
	background-repeat: no-repeat;
  background-position:5px 50%;
	padding: 4px 0px 4px 30px;
}

/*Banner rechts: Titel Icon = MEDAILLE*/
#bannerRightTitel3 {
  width:133px;
 	color:#444444;
  background-image: url('images/medaille_blau.gif');
  background-color: transparent;  
	background-repeat: no-repeat;
  background-position:5px 50%;
	padding: 4px 0px 4px 30px;
}

/*Banner rechts: Titel Icon = KREDITKARTE*/
#bannerRightTitel4 {
  width:133px;
 	color:#444444;
  background-image: url('images/credit-card.gif');
  background-color: transparent;  
	background-repeat: no-repeat;
  background-position:5px 50%;
	padding: 4px 0px 4px 30px;
}

/*Banner rechts: Text*/
#bannerRightText{
	float: left;
  width: 155px;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  padding-bottom:5px;	
	margin: 0;
	border-left:1px solid #D8E1EE;
 	border-bottom:1px solid #D8E1EE;	
}

/*Banner rechts: Text und Bild pH-Cosmetics*/
#bannerRightText2{
	float: left;
  width: 155px;
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  padding-bottom:0px;	
	margin: 0;
	font-size:10px;
	border-left:1px solid #D8E1EE;
 	border-bottom:1px solid #D8E1EE;
}


/*Banner rechts: addthis*/
#bannerAddThis{
	float: left;
  width: 155px;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  padding-bottom:5px;	
	margin-top:15px;	
	_border-left:1px solid #D8E1EE;
 	_border-bottom:1px solid #D8E1EE;	
}


.headlinesDiv, .eventsDiv {
padding-left:15px;
}

.headlinesDiv ul, .headlinesDiv li, .eventsDiv ul, .eventsDiv li {
padding:0px;
margin:0px;
}

.headlinesDiv li, .eventsDiv li {
padding-bottom:5px;
}

.headlinesDiv a:link, .headlinesDiv a:active, .headlinesDiv a:visited, .eventsDiv a:link, .eventsDiv a:active, .eventsDiv a:visited  {
text-decoration:underline;
color:#000000;
}

.headlinesDiv a:hover, .eventsDiv a:hover {
text-decoration:none;
color:#000000;
}

/*
a:link, a:active, a:visited {
  text-decoration:underline;
  color:#000000;
}

a:hover {
text-decoration:none;
color:#000000;
}
*/

.boxTop a:link, .boxTop a:active, .boxTop a:visited {
text-decoration:underline;
color:#FFFFFF;
}

.boxTop a:hover {
text-decoration:none;
color:#FFFFFF;
}

/*
h1, h2, h3 {
padding:0px;
margin:0px;
}

h1 {
font-size:14px;
padding-bottom:10px;
}
*/

/*
h2 {
font-size:12px;
padding-bottom:7px;
}
*/

/*
h3 {
font-size:11px;
padding-bottom:5px;
}
*/

textarea {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

a.tooltips:link {
    color: #E60005;
    text-decoration: none;
}

a.tooltips:visited {
    text-decoration: none;
    color: #E60005;
}

a.tooltips:hover {
    text-decoration: underline;
    color: #E60005;
}

a.tooltips:active {
    text-decoration: none;
    color: #E60005;
}

a.extern:link {
    color: #0000FF;
    text-decoration: underline;
}

a.extern:visited {
    text-decoration: underline;
    color: #0000FF;
}

a.extern:hover {
    text-decoration: none;
    color: #0000FF;
}

a.extern:active {
    text-decoration: underline;
    color: #0000FF;
}

 /*
input[type=submit], input[type=reset], input[type=button]{  
	width: auto;
	background: #FFFFFF top left repeat-x; 
	border: 1px solid #000000;
	color: #000000;
	padding-left: 5px; 
	padding-right: 5px;
}

input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover{
    border: 1px solid #CCCCCC; 
    background: #ffffdd;
    color: #000000;
   	cursor: pointer;
}

*/

legend {
  padding: 0.2em 0.5em;
  margin-bottom: 5px;
  border:1px solid lightgrey;
  background-color: #FFFFFF;
  color:black;
  font: normal 12px Arial, Verdana, sans-serif;
  text-align:left;
}
  
fieldset {                                                                              
  padding-left: 5px;
}  

.envelope {
float:left;
width:500px;
height:170px;
padding-top:160px;
padding-left:230px;
background-image:url(/themes/keiserverlag.ch/images/couvert.jpg);
background-repeat:no-repeat;
}

.homePinBlue {
float:left;
width:275px;
height:180px;
padding-top:20px;
padding-left:15px;
margin-left:5px;
background-image:url(/themes/keiserverlag.ch/images/homebg_blue.jpg);
background-repeat:no-repeat;
}

.homePinGreySmall {
float:left;
width:513px;
height:33px;
padding-top:17px;
padding-left:85px;
margin-left:5px;
background-image:url(/themes/keiserverlag.ch/images/homebg_grey_small.jpg);
background-repeat:no-repeat;
}

.homePinGreySmall h2{
font-weight:bold;
}

.homeGreySmall {
float:left;
border: lightgrey solid 1px;
width:588px;
height:33px;
padding-left:10px;
margin-left:5px;
background-image:url(/themes/keiserverlag.ch/images/homebg_grey_small.gif);
background-repeat:no-repeat;
}

.homeGreySmall h2{
font-weight:bold;
font-size: 14px;
}

.homePinRed {
float:left;
width:275px;
height:180px;
padding-top:20px;
padding-left:15px;
margin-left:23px;
background-image:url(/themes/keiserverlag.ch/images/homebg_red.jpg);
background-repeat:no-repeat;
}

.homeGreyBox1 {
    float:left;
    width:281px;
    height:190px;
    border: lightgrey solid 1px;
    background-color: #F4F4F4;
    padding-top: 10px;
    padding-left: 7px;
    margin-left:5px;
}

.homeGreyBox2 {
    float:left;
    text-align:center;
    width:281px;
    height:190px;
    border: lightgrey solid 1px;
    background-color: #F4F4F4;
    padding-top: 10px;
    padding-left: 7px;
    margin-left:18px;
}

.homeGreyBox3 {
    border: lightgrey solid 1px;
    background-color: #F4F4F4;
    padding: 8px;
    margin-left:5px;
    margin-right:6px;
}

.yellowBox {
    border: lightgrey solid 1px;
    background-color: #FFFFCC;
    padding: 8px;
    margin-left:5px;
}

.greyBox {
    border: lightgrey solid 1px;
    background-color: #F4F4F4;
    padding: 8px;
    margin-left:5px;
}

.pinkBox {
    border: lightgrey solid 1px;
    background-color: #FFE7E8;
    padding: 8px;
    margin-left:5px;
}

.darkblueBox {
    /*border: lightgrey solid 1px;*/
    border: 1px solid #0A50A1;
    background-color: #0A50A1;
    color: #FFFFFF;
    font-weight:bold;
    padding: 4px;
    margin-left:5px;
}

.nocolorBox {
    border: lightgrey solid 1px;
    padding: 8px;
    margin-left:0px;
}

#loginBox {
    background-image: url(images/user.gif);
    background-repeat: no-repeat;
    /*margin-top: 3px;*/
    margin-right: 3px;
    /*margin-bottom: 3px;*/
    margin-left: 0px;
    padding-left: 30px;
    text-align: left;
}

#shopJsCart ul {
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#shopJsCart ul li{
	display: block;
	color: #000000;
	padding: 2px 4px 2px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
}

#shopJsCart ul li a {
	display: block;
  color: #515151;
	text-decoration: none;
}

#shopJsCart ul li a:hover{
	_color: #ff0000;
	color: #515151;
	text-decoration: underline;
}

#shopCart {
	background-image: url('images/zumwarenkorb.gif');
	background-repeat: no-repeat;
  background-position:0px 0px;
	padding: 4px 0px 4px 25px;
}

#shopCartDestroy {
	background-image: url('images/warenkorbcancel.gif');
	background-repeat: no-repeat;
  background-position:0px 0px;
	padding: 4px 10px 4px 25px;
}

#shopNavbar ul{
	display: block;
	list-style: disc;
	color: #000000;
	padding: 4px 4px 4px 15px;
	margin: 0px 4px 0px 0px;
	text-align:left;
}

#shopNavbar ul li{
	display: block;
	color: #000000;
	padding: 4px 4px 4px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
}

#shopNavbar ul li a {
  display: block;
  color: #515151;
	text-decoration: underline;
}

#shopNavbar ul li a:hover{
	color: #ff0000;
	text-decoration: none;
}


/* CONTACT STYLE */
form.contactForm p {
    width: 420px;
    clear: left;
    margin: 0px;
    padding: 2px 0 3px 0;
    padding-left: 155px;
    _padding-left: 165px;
    height: 1%;
}


*+ html form.contactForm p {
	margin-left:10px;
}

form.contactForm p label.noCaption {
    float: left;
    width: 170px;
    margin-left: 2px;
    margin-top: 2px;
}

form.contactForm .contactFormGroup {
    float: left;
    margin-top: -15px !important;
}

form.contactForm p input.contactFormClass_checkbox {
    float: left;
}

form.contactForm p input.contactFormClass_checkboxGroup {
    clear: left;
    float: left;
}

form.contactForm p input.contactFormClass_radio {
    clear: left;
    float: left;
}

form.contactForm p label, .contactForm p span {
    font-weight: bold;
    float: left;
    margin-left: -155px;
    width: 155px;
}

form.contactForm input[type="text"], form.contactForm input[type="password"] {
    width: 320px;
}

form.contactForm select {
    width: 325px;
}

form.contactForm input{
    overflow: hidden;
}

form.contactForm img.captcha {
    float: left;
}

form.contactForm .is_required {
    color: red;
}

form.contactForm textarea {
    width: 320px;
    height: 150px;
}

form.contactForm .contactFormClass_button {
  margin-left: 0px;
	width: 90px;
	cursor: pointer;
	margin: 2px;
	text-align:center;
}

.contactFormClass_button:hover, .contactFormClass_button:focus  {
	width: 90px;
	cursor: pointer;
	margin: 2px;
}

form.contactForm  #contactFormCaptcha {
    margin-left: 10px !important;
    margin-top: 8px !important;
    width: 90px;
}