/* CSS Document Vista Point Verlag 2009*/

/* Grundaufbau, Container */

* { margin: 0px; padding: 0px; }

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #3e3e3e;
  margin: 0px;
  padding: 0px;
  text-align: center;
  background: url(pics/karte2000px_c.jpg) top left no-repeat;
}


td { 
  font-size: 12px;
  color: #3e3e3e;
}

#wrap {
  margin: 0px auto;
  width: 990px;
  background: url(pics/shadow.gif) repeat;
}

#middle {
  margin: 0px auto;
  width: 976px;
  background: #fff;
}

#header {
  
}

#content { 
  margin: 0px auto;
  margin-top:0px;
  margin-bottom:18px;
  width: 964px;
}

#contLeft {
  float:left; 
  width: 204px;
}

#contMain {
  float:left; 
  text-align:left;
  width: 574px;
}

#contRight {
  float:left; 
  width: 186px;
}

#menue {
  text-align:left;
}

#footer {
  border-bottom: 1px solid #c4c4c4;
}

.contPadd {
padding:24px;
}

.contPaddB2B {
padding-top:24px;
padding-left:24px;
padding-bottom:24px;
}

/* LINKS */

a.mehr {
  color: #306CB0;
  font-weight: bold;
  text-decoration: none;
}

a.mehr:hover {
  color: #306CB0;
  font-weight: bold;
  text-decoration: underline;
}

a.light {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

a.light:hover {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}


/* KLASSEN */

.breaker {
  clear:both;
}

.floater {
  float:left;
}

.infobar {
  background: url(/bilder/infobar.gif) no-repeat;
  width: 526px;
  height: 55px;
}

.infobarInside {
  padding-left: 57px;
  padding-top: 19px;
}

/* KLASSEN BOXEN rechts*/

.rbox {
  text-align: left;
  margin-bottom: 12px;
}

.rboxTop {
  background: url(pics/rbox_top.gif) no-repeat;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
  width: 186px;
  color: #fff;
  height:27px;
  padding-left: 11px;
}

.rboxBG {
  background: url(pics/rbox_bg.gif) repeat;
  font-size: 11px;
  width: 186px;
}

.rboxBottom {
  background: url(pics/rbox_bottom.gif) repeat;
  height:14px;
}

.rboxPaddVert {
  padding-top: 11px;
  padding-bottom: 11px;
}

.rboxPaddHori {
  padding-left: 11px;
  padding-right: 11px;
}

.rboxWK {
  background: url(pics/rbox_wk_bg.gif) no-repeat;
  font-size: 11px;
  color: #fff;
  width: 186px;
  height: 62px;
}


/* KLASSEN NAVIGATION*/
.menTop {
  float:left;
  height: 29px;
  text-align:center;
  font-size: 15px;
  font-weight: bold;
  line-height: 29px;
}

.menTop a {
  display: block;  
  text-decoration: none;
  color: #fff;
}

.menTop a:hover {
  color: #575757;
  text-decoration: none;
}
 
.menTopBG a {
  background: url(pics/bg_topmen.gif) top right no-repeat;
}

.menTopBG a:hover {
  background: url(pics/bg_topmen_ho.gif) top right no-repeat;
}

.menTopBGSelect a {
  background: url(pics/bg_topmen_ho.gif) top right no-repeat;
  color: #575757;
}

.menTopBG_END a {
  background: url(pics/bg_topmen.gif) top left no-repeat;
}

.menTopBG_END a:hover {
  background: url(pics/bg_topmen_ho.gif) top left no-repeat;
}

.menTopBGSelect_END a {
  background: url(pics/bg_topmen_ho.gif) top left no-repeat;
  color: #575757;
}

.menSub {
  height: 23px;
  text-align:center;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  background: url(pics/submenu_bg.gif) top right no-repeat;
}

.menSub a { 
  display: block;
  text-decoration: none;
  color: #3F3F3F;
  padding-left: 8px;
  padding-right: 8px;
}

.menSub a:hover { 
  color: #306CB0;
  text-decoration: none;
}
  
.submenBGHover a {
  color: #306CB0;
}

  
/* KLASSEN TITEL NAVIGATION*/

.tmen {
  border-top: 1px solid #E9EBED;
  border-bottom: 1px solid #AAB9CD;
  width: 174px;
  cursor: pointer;
}  

.tmenPadd {
  padding: 5px;
  padding-left: 10px;
}  

.tmen01 {
  background: #D4D7DC;
  color: #464646;
}  

.tmen02 {
  background: #A9B8CB;
  color: #464646;
  font-weight: bold;
}  

.tmen03 {
  background: #C8CFD9;
  color: #464646;
  font-weight: bold;
}  

.tmen04 {
  background: #E4E6E9;
  color: #464646;
} 

.tmen05 {
  background: #E4E6E9;
  color: #608DBF;
  font-weight: bold;
} 

/* FOOTER */

.footerLogos {
  padding: 15px;
} 

.footerMenu {
  padding: 15px;
} 


/* Alte Klassen */

.small { font-size: 11px; }

a { text-decoration: none; color: #306cb0; }
a:hover { text-decoration: underline; }

h1 { 
  font-size: 19px;
  color: #333333;
  font-weight: normal;
}

h2 { 
  font-size: 15px;
  color: #333333;
  font-weight: normal;
}

.copyright { font-size: 9px; color:#333333; }

.error { font-size: 11px; color:#E60003; font-weight: bold; }

/* Alte Klassen 
form input,select,textarea {
  border: 1px solid #B0C4DE;
  font-size: 11px;
}
*/

.fw160 {
  width: 160px;}
  
.fw350 {
  width: 350px;}

.themenend {
  padding: 3px;
}


/* Boxen mit runden Ecken  */

.ro {
	background:url(/pics/roundedbox_ro.gif) top right no-repeat;
}

.lo {
	background:url(/pics/roundedbox_lo.gif) top left no-repeat;
}

.ru {
	background:url(/pics/roundedbox_ru.gif) bottom right no-repeat;
}

.lu {
	background:url(/pics/roundedbox_lu.gif) bottom left no-repeat;
}

.eckinhalt {
	margin:0;
	padding:15px;
}

.eckinhalt p {
	margin:0;
	padding:0;
}


/* > Shop und Warenkorb generell____________________________________________________________________________________________________ */

.listbox_fett {
  padding: 6px;
  border-bottom: 1px #fff solid;
  border-left: 1px #fff solid;
  background-color: #eaeaea;
}

.listbox_start {
  padding: 6px;
  border-bottom: 1px #fff solid;
  border-left: 1px #eaeaea solid;
  background-color: #eaeaea;
}

.listbox {
  padding: 6px;
  border-bottom: 1px #eaeaea solid;
  border-left: 1px #eaeaea solid;
}

.listbox_end {
  padding: 6px;
  border-bottom: 1px #eaeaea solid;
  border-left: 1px #eaeaea solid;
  border-right: 1px #eaeaea solid;
}


.searchcloud4 {
  font-size : 14px;
  font-weight: bold;
}

.searchcloud3 {
  font-size : 12px;
  font-weight: bold;
}

.searchcloud2 {
  font-size : 11px;
}

.searchcloud1 {
  font-size : 9px;
}

.b2bl { 
  vertical-align: top;
}

.b2blt { 
  vertical-align: top;
}

.liste {
width:100%;
}


.listalt1 {
  background: url(/bilder/linie.gif) no-repeat bottom left;
}

.listalt2 {
  background: url(/bilder/linie.gif) no-repeat bottom left;
}


/* > B2B____________________________________________________________________________________________________ */


.b2blt {
  padding: 2px;
  border-bottom: 1px #cacfd6 solid;
  border-left: 1px #cacfd6 solid;
  background-color: #cacfd6;
  font-size: 10px;
  font-weight: bold;
}

.b2bl {
  padding: 2px;
  border-bottom: 1px #eaeaea solid;
  border-left: 1px #eaeaea solid;
  font-size: 10px;
}

.b2bst {
  width:40px;
  height: 17px;
  border: 1px solid #000K;
  font-size: 9px;
}

.b2bbox1 {
  padding: 5px;
  border: 1px solid #cacfd6;
  background-color: #eaeaea;
}

.b2bbox2 {
  padding: 5px;
  border: 1px solid #cacfd6;
}

