/* CSS jordanmg.de 09/2008 Stefan Brinkers */

body{
padding:0px;
margin:0px;
background-color:#FFFFFF;
background-image:url(../images/background.gif);
background-repeat: repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

img, a img,:link img,:visited img, #content .image a{
border:0px;
border:none;
border-width:0px;
border-style:none;
border-bottom:0px;
}

#logo{
position:absolute;
top:50px;
left:42px;
width:120px;
height:82px;
z-index:50;
}
#headline{
position:absolute;
top:132px;
left:30px;
width:910px;
height:19px;
z-index:49;
background-image:url(../images/headline-background.gif);
background-repeat:repeat;
background-color:#FFFFFF;
}
	#headline p{
	font-size:9px;
	color:#8B0F04;
	padding:0px;
	margin:0px;
	line-height:14px;
	}

.abstandhalter{
height:30px;
width:1px;
}

.clear{
clear:both;
}


/** //////////////////////// NAVIGATION ////////////////// **/
/******** Topmenu ********/
#navione {
position:absolute;
top:96px;
left:171px;
height:18px;
list-style-type:none; 
margin:0px;
padding:0px; 
  }
#navione li {
list-style-type:none; 
  height:18px; 
  float:left; 
  margin:0px;
  padding:0px;
  }
  #navione li.kundenkartei {
  margin-left:75px;
  }
#navione a {
  display:block; 
  /**height:18px;**/
  line-height:16px;
  position:relative;
  text-decoration:none;
  text-align:left;
  font-weight:bold;
  letter-spacing:2px;
  color:#808285;
  padding:0px 0px 3px 0px;
  margin:0px 21px 0px 21px;
  text-transform:lowercase;

  }
  *html #navione a { padding:0px 1px 0px 0px; } /* IE 6 */
  *+html #navione a { padding:0px 1px 0px 0px; } /* IE 7 */


#navione a:hover {
  color:#58595B;
  border-bottom:2px solid #8B0F04;
  }
 
#navione a.active,  #navione a.active:active, #navione a.active:focus, #navione a.active:hover{
  color:#8B0F04;
   border-bottom:0px;
 }

/******** Footermenu ********/
#navifooter {
position:absolute;
top:610px;
left:145px;
height:16px;
list-style-type:none; 
margin:0px;
padding:0px; 
  }
#navifooter li {
  display:block; 
  height:16px; 
  float:left; 
  margin:0px;
  padding:0px;
  }
#navifooter a {
  font-size:11px;
  display:block; 
  /**height:16px;**/
  line-height:14px;
  position:relative; 
  text-decoration:none;
  text-align:left;
  font-weight:normal;
  letter-spacing:2px;
  color:#808285;
  padding:0px 0px 2px 0px;
  margin:0px 11px 0px 11px;
  text-transform:lowercase;
  }
  *html #navifooter a { padding:0px 1px 0px 0px; } /* IE 6 */
  *+html #navifooter a { padding:0px 1px 0px 0px; } /* IE 7 */


#navifooter a:hover {
  color:#58595B;
  border-bottom:2px solid #8B0F04;
  }
 
#navifooter a.active,  #navifooter a.active:active, #navifooter a.active:focus, #navifooter a.active:hover{
  color:#8B0F04;
   border-bottom:0px;
 }

/******** Standortemenu ********/
#navistandorte {
height:118px;
list-style-type:none; 
margin:0px;
padding:0px; 
border-bottom:1px solid #ACACAD;
  }
#navistandorte li {
  display:block; 
  height:118px; 
  float:left; 
  margin:0px;
  padding:0px;
  }
#navistandorte li.baustelle { background: url(../images/baustelle.gif) repeat 0 0; }
#navistandorte li.baustelle:hover { background: url(../images/baustellehover.gif) repeat 0 0; }
#navistandorte a {
  font-size:11px;
  display:block; 
  height:116px;
  width:115px;
  line-height:115px;
  position:relative; 
  text-decoration:none;
  text-align:center;
  font-weight:bold;
  letter-spacing:2px;
  color:#ACACAD;
  padding:0px 0px 0px 0px;
  margin:0px;
  text-transform:uppercase;
  border-right:1px solid #ACACAD;
  }
  #navistandorte li.baustelle a { color: #DDD; }
  #navistandorte a.keineborder {
  width:117px;
  border-right:0px;
  }


#navistandorte a:hover {
  color:#FFFFFF;
  background-color:#ACACAD;
  }
  #navistandorte li.baustelle a:hover {
  	color: #FFFFFF;
  	background: none;
  }
 
#navistandorte a.active,  #navistandorte a.active:active, #navistandorte a.active:focus, #navistandorte a.active:hover{
  color:#FFFFFF;
  background-color:#8B0F04;
 }
 
 #navistandorte li.baustelle a.active, 
 #navistandorte li.baustelle a.active:active,
 #navistandorte li.baustelle a.active:focus,
 #navistandorte li.baustelle a.active:hover{
  color:#FFFFFF;
  background-color: transparent;
 }
 
 
/** //////////////////////// CONTENT ////////////////// **/

#main{
position:absolute;
top:171px;
left:30px;
height:410px;
border-left:1px solid #808285;
border-right:1px solid #808285;
background-color:#FFFFFF;
overflow:auto;
}
	.small{
	width:609px;
	}
	.large{
	width:908px;
	}
	
#main .content{
margin:0px 14px 0px 14px;
background-color:#58595B;
height:410px;
}
	#main .allemarken{
	background-image:url(../images/alle-marken-background.gif);
	background-repeat:no-repeat;
	background-position:right;
	}
	
	.gutscheinaktion-osnabrueck #main .content{
	background-image:url(../images/10euro-back.jpg);
	background-repeat:no-repeat;	
	}
	
#main .content .standorte{
margin:0px;
padding:0px;
}

#main .content .mainimage{
padding:30px 20px 0px 155px;
/**height:155px;**/
height:30px;
}
.gutscheinaktion-osnabrueck #main .content .texte{
margin:30px 20px 20px 205px;
width:355px;
}

#main .content .texte {
margin:30px 20px 20px 155px;
width:405px;
}



.mainPage.kontakt #main .content .texte{
margin: 0;
padding:30px 20px 20px 155px;
width:390px;
}
	
#landingpage #main .content .landingpagetexte{
margin:0px 20px 0px 25px;
padding-top:10px;
/*width:405px;*/
}


#markenscroller{
position:absolute;
top:540px;
left:45px;
border-top:1px solid #ACACAD;
height:40px;
width:581px;
}

 
/** //////////////////////// TYPO ////////////////// **/

h1{
font-size:14px;
font-weight:bold;
margin:0px;
padding:0px;
}

h2{
font-size:12px;
font-weight:normal;
margin-bottom:0px;
padding-bottom:0px;
line-height:17px;
}

h3{
font-size:12px;
font-weight:normal;
border-bottom:1px solid #ACACAD;

}
p{
padding:10px 0px 0px 0px;
margin:0px;
line-height:17px;
}

.standorttexte{
padding:20px 0px 0px 0px;
}

.texte a, .texte a:visited,
.landingpagetexte a, .landingpagetexte a:visited{
color:#FFFFFF;
text-decoration:none;
border-bottom:1px solid #ACACAD;
}
.texte a:hover, .landingpagetexte a:hover{
color:#FFFFFF;
text-decoration:none;
border-bottom:1px solid #8B0F04;
}

.texte a.contentlink, .texte a:visited.contentlink{
  font-size:12px;
  line-height:14px;
  text-decoration:none;
  font-weight:bold;
  letter-spacing:2px;
  color:#BCBDBD;
  padding:0px 0px 2px 0px;
  text-transform:lowercase;
  border-bottom-color:#58595B;
  }

.texte a.contentlink:hover {
  color:#FFFFFF;
  border-bottom:2px solid #8B0F04;
  }
 
.texte ul{
list-style-type:square;
}
.texte li{
list-style-type:square;
}

/** //////////////////////// Galerie ////////////////// **/
#fotos{
position:absolute;
top:171px;
left:654px;
width:285px;
height:410px;
text-align:center;
}

.kundenkartei #fotos, .gutscheinaktion-osnabrueck #fotos{
color:#58595B;
}

/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; text-decoration:none; border:1px solid #808285; width:85px; height:75px; float:left; margin:0px; padding:0px; z-index:50;}
a.slidea {background:url(../images/rechts-foto-jacke-klein.jpg);}
a.slideb {background:url(../images/rechts-foto-shirt-klein.jpg);}
a.slidec {background:url(../images/rechts-foto-jacke2-klein.jpg);}
a.gallery em{display:none;}
a.gallery:hover {border:1px solid #fff;}

a.slidea em {background:url(../images/rechts-foto-mittel-1.jpg) 0px 0px  no-repeat;}
a.slideb em {background:url(../images/rechts-foto-mittel-2.jpg) 0px 0px  no-repeat;}
a.slidec em {background:url(../images/rechts-foto-mittel-3.jpg) 0px 0px  no-repeat;}


/* styling for BOTTOM gallery */
#fotos img {border:0;}
#fotos .thumbs {position:absolute; left:0; bottom:2px; height:75px;}
#fotos a.gallery:active, #fotos a.gallery:focus {border:1px solid #000;}
#fotos a.gallery:active em, #fotos a.gallery:focus em, a#kansas em {display:block; position:absolute; width:285px; height:315px; top:-333px; left:0px; z-index:50;}



/** //////////////////////// FORMULAR ////////////////// **/

	form {
		margin: 0;
		padding: 0;
		font-size:12px;
		line-height:19px;
	}
	
	fieldset {
		margin: 1em 0;
		border: none;
	}
	
	legend {
		padding:10px 0px 10px 0px;
		font-size:14px;
		letter-spacing:1px;
		text-transform:uppercase;
	}
	
	label {
		float: left;
		width: 120px;
		padding: 0;
		text-align: left;
	}
	
	
	#form-module{
	margin:35px 0px 0px 0px;
	padding:0px;
	}
	
	#form-module div {
		margin-bottom: .5em;
		padding: 0;
		display: block;
	}
	
	#form-module div input{
		border-top: 1px solid #C0C0C0;
		border-left: 1px solid #C0C0C0;
		border-bottom: 1px solid #C0C0C0;
		border-right: 1px solid #C0C0C0;
		padding: 1px;
		color: #747474;
		background-color:#FFF;
		width:200px;
	}
	#form-module div textarea {
		border-top: 1px solid #C0C0C0;
		border-left: 1px solid #C0C0C0;
		border-bottom: 1px solid #C0C0C0;
		border-right: 1px solid #C0C0C0;
		padding: 1px;
		color: #747474;
		background-color:#FFF;
		width:350px;
	}
	#form-module div select {
		padding: 1px;
	}
	
	div.fm-multi div {
		margin: 5px 0;
	}
	
	div.fm-multi input {
		width: 1em;
	}
	
	div.fm-multi label {
		display: block;
		width: 200px;
		text-align: left;
	}
	
	#fm-submit {
		clear: both;
		padding-top: 1em;
		margin-left:120px;
	}
	
	#fm-submit input {
		border: 1px solid #C0C0C0;
		background: #F2F2F2;
		color: #747474;
		font-size: 100%;
		height:22px;
	}
	
	input:focus, textarea:focus {
		background: #F2F2F2;
		border-color:#514C2C;
		color: #000;
	}
	input, select{
	width:150px;
	}
	textarea{
	width:275px;
	}
		
	/* required fields - does not work in IE */
	#form-module div.fm-req {
		font-weight: bold;
	}
	
	#form-module div.fm-req label:before {
		
	}
/** formular END **/