/*
Theme Name: Blista brailletec
Author: E.K.
Version: 1.0
*/

/* HTML5 elemet display
============================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* Basic Reset
============================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del,
dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio, video
{margin:0;padding:0;border:0;outline:0;font-size:100%;font-style:normal;text-decoration:none;vertical-align:baseline;background:transparent;}

/* Style Reset
============================================================== */
html { overflow-y:scroll; }
body {line-height:1.23; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
big { font-size: 115%; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
nav ul, nav ol { list-style: none; }
#content ul, #content ol { list-style-position: outside; margin: 1em 0; padding: 0 0 0 40px; }
img { border: none; -ms-interpolation-mode: bicubic; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
textarea { overflow: auto; vertical-align: top; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f08888; }
table { border-collapse: collapse; border-spacing: 0; }

h1, h1 a{ margin:0 0 8px 0; padding:0;}
h2, h2 a{ margin:24px 0 5px 0; padding:0;}
h3, h3 a{ margin:20px 0 5px 0; padding:0;}
h4, h4 a{ margin:10px 0 5px 0; padding:0;}
h5, h5 a{ margin:10px 0 5px 0; padding:0;}

a:active, a:focus {text-decoration: none; outline: 0;}

/* Images
============================================================== */
/* Image Caption */
#content .wp-caption { margin: 0; padding: 0; background: #eee; border: 1px solid #555; border-radius: 3px; }
#content .wp-caption img { margin: 5px; border-radius: 3px; display: block;}
#content .wp-caption-text { color: #555; margin: 5px; padding: 0; font-size: 12px; line-height: 14px; text-align: center;}

/* Image size */
#content .size-thumbnail {  }
#content .size-medium {  }
#content .size-large {  }
#content .size-full {  }

/* Image alignment */
#content .alignnone { clear: both; display: block; margin: 20px 0 20px 0; }
#content .alignleft { display: inline; float: left; margin: 4px 20px 10px 0; }
#content .aligncenter { clear: both; display: block; margin: 20px auto 20px auto; }
#content .alignright { display: inline; float: right; margin: 4px 0 10px 20px; }

/* Gallery
============================================================== */
.gallery { clear: both; display: block; margin: 20px 0 20px 0; }
.gallery-item { float: left; margin: 10px 0 10px 0; overflow: hidden; }
.gallery-icon a img { display: block; }
.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16%; }
.gallery-columns-7 .gallery-item { width: 14%; }
.gallery-columns-8 .gallery-item { width: 12%; }
.gallery-columns-9 .gallery-item { width: 11%; }

/* Comments
============================================================== */
#comments{float:left;width:100%;overflow:hidden;}
.comments_respond{float:left;width:100%;}
.comment_form table tbody tr td{padding:0 10px 5px 0;}
.comments_list{float:left;margin:0;padding:0;width:100%;list-style:none;}
.comment{float:left;margin:0;padding:0 0 25px 0;width:100%;}
.comment p{margin:0 0 7px 0;}
.comment_meta{float:left;padding:0 0 5px 0;width:100%;}
.comment_text{float:left;padding:0 0 0 3%;width:97%;}

/* Helper classes
============================================================== */
.zentrierer{margin:auto;text-align:left;width:1000px;}

/* Design definition
============================================================== */

#bg {
	float: left;
	background: url('images/hauptbild.jpg') center top no-repeat;
	width: 100%;
	min-height: 551px;
}

.lang-en #bg {
	background-image: url('images/hauptbild-en.jpg');
}

.logo {
	float: left;
	width: 295px;
	height: 148px;
}

.logo a {
	float: left;
	width: 295px;
	height: 148px;
	text-indent: -9999px;
}

.servicenavi {
	float: left;
	width: 550px;
	height: 25px;
	padding: 105px 0 0 5px;
}

.servicenavi ul {
	float: left;
	list-style-type: none;
}

.servicenavi ul li {
	float: left;
	height: 25px;
	padding: 0 0 0 7px;
}

.servicenavi ul li a {
	float: left;
	font-size: 17px;
	color: #ffffff;
       font-weight: bold;
}

.flag-wrap {
	float: left;
	width: 115px;
	padding-top: 10px;
}

.flag-wrap ul {
	float: left;
	list-style-type: none;
}

.flag-wrap ul li {
	float: left;
	width: 46px;
	height: 33px!important;
}

.flag-wrap ul li a {
	float: left;
	width: 46px;
	line-height: 33px;
	text-align: center;
}



.flag-wrap ul li a:hover {
	background-position: 0 -33px;
}

.center {
	float: left;
	width: 1000px;
	height: 270px;
}

/*--------------------------bildwechsel---------------------------*/

#bildwechsel {
	float: left;
	height: 242px;
	width: 514px;
	margin: 27px 0 0 124px;
}

.bildwechsel_wrap {
 float: right; 
 height: 242px; 
 overflow: hidden; 
 padding: 0 20px 0 0; 
 position: relative; 
 width: 514px; 
 }


#bildwechsel_box { 
float: left; 
height: 242px; 
width: 514px; 
}


.bildwechsel { 
float: right; 
height: 242px; 
position: absolute; 
}


.bildwechsel div { 
height: 186px; 
position: absolute; 
width: 451px; 
left: 0; 
top: 0; 
margin: 33px 0 0 32px;
}

#first_slideimg { background: url("images/bw1.jpg") no-repeat scroll 0 0 transparent; }
#second_slideimg { background: url("images/bw2.jpg") no-repeat scroll 0 0 transparent; }
#third_slideimg { background: url("images/bw3.jpg") no-repeat scroll 0 0 transparent; }
#fourth_slideimg { background: url("images/bw4.jpg") no-repeat scroll 0 0 transparent; }
#fifth_slideimg { background: url("images/bw5.jpg") no-repeat scroll 0 0 transparent; }
#sixth_slideimg { background: url("images/bw6.jpg") no-repeat scroll 0 0 transparent; }

.sliderechts { 
	background: url("images/bw-arrow_r.png") no-repeat scroll 0 0 transparent; 
	float: right;
	height: 26px; 
	overflow: hidden; 
	text-indent: -9999px; 
	width: 26px; 
	z-index: 3; 
	margin: 113px 2px 0 0; 
}

.slidelinks { 
	background: url("images/bw-arrow_l.png") no-repeat scroll 0 0 transparent; 
	height: 26px;
	overflow: hidden; 
	text-indent: -9999px; 
	width: 26px; 
	z-index: 3; 
	position: absolute;
	margin: 113px 0 0 3px; 
}	





/*------------------------------kompetenznavi----------------------------*/

.kompetenznavi {
	float: left;
	width: 270px;
	height: 242px;
	margin: 26px 0 0 0;
}

.kompetenznavi ul{
	float: left;
	list-style-type: none;
	margin: 29px 0 0 0;
}

.kompetenznavi ul li {
	float: left;
	height: 26px;
	width: 241px;
	padding: 15px 0 0 15px;
}

.kompetenznavi ul li a{
	float: left;
	text-indent: -9999px;
	height: 26px;
}

#menu-item-25 a{background: url('images/kp_sprite.png') 0 0 no-repeat; width: 87px;}
#menu-item-24 a{background: url('images/kp_sprite.png') 0 -41px no-repeat; width: 205px;}
#menu-item-23 a{background: url('images/kp_sprite.png') 0 -82px no-repeat; width: 247px;}
#menu-item-22 a{background: url('images/kp_sprite.png') 0 -123px no-repeat; width: 210px;}

#menu-item-25 a:hover {background-position: 0 -152px;}
#menu-item-24 a:hover {background-position: 0 -193px;}
#menu-item-23 a:hover {background-position: 0 -234px;}
#menu-item-22 a:hover {background-position: 0 -275px;}



#menu-item-215 a{background: url('images/kp_sprite-en.png') 0 0 no-repeat; width: 87px;}
#menu-item-214 a{background: url('images/kp_sprite-en.png') 0 -41px no-repeat; width: 205px;}
#menu-item-217 a{background: url('images/kp_sprite-en.png') 0 -82px no-repeat; width: 247px;}
#menu-item-216 a{background: url('images/kp_sprite-en.png') 0 -123px no-repeat; width: 210px;}

#menu-item-215 a:hover {background-position: 0 -152px;}
#menu-item-214 a:hover {background-position: 0 -193px;}
#menu-item-217 a:hover {background-position: 0 -234px;}
#menu-item-216 a:hover {background-position: 0 -275px;}

/*-----------------------hauptnavi--------------------------*/

.hauptnavi {
	float: left;
	width: 1000px;
	height: 59px;
}

.hauptnavi > ul {
	float: left;
	list-style-type: none;
	width: 1000px;
	height: 59px;
}

.hauptnavi > ul > li {
	float: left;
	height: 59px;
	display: block;
	position: relative;
}

#menu-item-28 {width: 314px;}
#menu-item-651 {width: 399px;}
#menu-item-26 {width: 286px;}

.hauptnavi > ul > li > a {
	float: left;
	height: 59px;
	display: block;
	text-indent: -9999px;
}

#menu-item-28 > a{background: url('images/hp1_new.png') 0 20px no-repeat; width: 198px; margin-left: 56px;}
#menu-item-651 > a{background: url('images/hp2_new.png') 0 20px no-repeat; width: 269px; margin-left: 66px;}
#menu-item-26 > a{background: url('images/hp3_new.png') 0 20px no-repeat; width: 164px; margin-left: 54px;}

#menu-item-232 > a {background: url('images/hp1-en.png') 0 20px no-repeat; width: 198px; margin-left: 56px;}
#menu-item-237 > a {background: url('images/hp2-en.png') 0 20px no-repeat; width: 269px; margin-left: 110px;}
#menu-item-238 > a {background: url('images/hp3-en.png') 0 20px no-repeat; width: 200px; margin-left: 130px;}

#menu-item-28 a:hover,
#menu-item-232 a:hover
{ background-position: 0 -156px; }

#menu-item-651 a:hover, #menu-item-26 a:hover,
#menu-item-237 a:hover, #menu-item-238 a:hover
{ background-position: 0 -106px; }

.sub-menu {
	display: none;
	list-style-type: none;
	position: absolute;
	top: 59px;
	left: 0;
	background: #256AE9;
	width: 313px;
	padding-bottom: 15px;
}
.sub-menu li a {
	color: #fff;
	display: block;
	height: 25px;
	line-height: 25px;
	background: none;
	margin-left: 0;
	text-align: center;
	font-size: 19px;
        font-weight: bold;
}

/*--------------------------contentbereich------------------------*/

.contentbereich {
	float: left;
	width: 700px;
	min-height: 480px;
	margin: 30px 0 0 0;
}

#content {
	float: left;
	width: 666px;
	background: url('images/dots.jpg') center bottom no-repeat;
	padding-bottom: 16px;
}

#content h1 {
	background: url('images/dots.jpg') center bottom no-repeat;
	padding-bottom: 8px;
}

/*--------------------------left-------------------------------*/

.left {
	float: left;
	min-height: 625px;
	width: 274px;
	background: url('images/a-s_repeat.jpg') 0 0 repeat-y;
	margin: 77px 0 0 26px;
}

/*------------------------------artikelausgabe-------------------------*/

#aktuelles {
	float: left;
	width: 152px;
}

#messetermine {
	float: right;
	width: 122px;
}

.artikelbox {
	width: auto;
	height: auto;
	padding: 5px 5px 15px 5px;
}

.artikelbox * {
	font-size: 12px;
}

.artikelbox h1 a {
	font-size: 18px;
}

/*--------------------------footer---------------------------*/

.footer {
	float: left;
	background: url('images/Footer.jpg') 0 0 repeat-x;
	width: 100%;
	height: 127px;
}

.layout_content1 {
	float: left;
	width: 290px;
	line-height: 117px;
	font-size: 28px;
	color: #ffffff;
	padding-left: 25px;
}

.layout_content2  {
	float: left;
	height: 87px;
	width: 150px;
	font-size: 16px;
	color: #ffffff;
	padding: 30px 0 0 18px;
}

.layout_content3 {
	float: left;
	height: 87px;
	width: 210px;
	font-size: 16px;
	color: #ffffff;
	padding: 30px 0 0 22px;
}

.footer .mlp_quicklinks.br, .footer .mlp_quicklinks.tr {display: none;}






/*Font definitions
============================================================== */
body {color: #000000; font-size: 16px; font-family: 'Times New Roman'; background: url('images/bg.jpg') 0 0 repeat-x; font-weight: normal;}

h1 {color: #000000; font-size: 24px; font-weight: bold; font-family: 'Times New Roman';}
h2 {color: #000000; font-size: 22px; font-weight: bold; font-family: 'Times New Roman';}
h3 {color: #000000; font-size: 20px; font-weight: bold; font-family: 'Times New Roman';}
h4 {color: #000000; font-size: 18px; font-weight: bold; font-family: 'Times New Roman';}
h5 {color: #000000; font-size: 16px; font-weight: bold; font-family: 'Times New Roman';}


h1 a {color: #256ae9; font-size: 24px; font-weight: normal; font-family: 'Times New Roman';}
h2 a {color: #256ae9; font-size: 22px; font-weight: normal; font-family: 'Times New Roman';}
h3 a {color: #256ae9; font-size: 20px; font-weight: normal; font-family: 'Times New Roman';}
h4 a {color: #256ae9; font-size: 18px; font-weight: normal; font-family: 'Times New Roman';}
h5 a {color: #256ae9; font-size: 16px; font-weight: normal; font-family: 'Times New Roman';}

p {margin:0 0 10px 0;}
a {font-family: 'Times New Roman'; text-decoration: none; font-weight: normal; font-style: normal; font-size: 14px; color: #256ae9;}
a:hover {font-family: 'Times New Roman'; color: #256ae9; text-decoration: underline;}

.table_preise {width:100%; border:2px solid #666; border-spacing:2px; border-collapse: separate;}
.table_preise td {border:2px solid #666; padding:10px;}

.table_produkt {width:100%; margin-bottom:20px;}
.table_produkt td {vertical-align:middle; width:50%; white-space:wrap; }