@charset "iso-8859-2";
body {margin:5px 0px; background:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 10px;}

.imgio {float:left; padding-right:14px; border-right: dotted 1px #CCCCCC ;  margin-right:4px; }
#headbar{width:1000px; margin:auto; }
#b_logo{width:749px; float:left; border-left: dotted 1px #CCCCCC; display:inline;}
#b_logo .img {border:0px;}
#b_contact{ width:246px; height: 85px; color:#43626A; text-align:right; float:left; border-left: dotted 1px #CCCCCC; padding-right:2px; border-right: dotted 1px #CCCCCC; padding-top:2px;}
.red {color: #E20202;}
.black {color: #333333;}
#b_contact a {text-decoration:none; color:#43626A;}
#b_contact a:hover {text-decoration:underline}
#middlebar {width:1000px; height:255px; margin:auto; clear:both; margin-bottom:2px;}
#middlebar-h {width:199px; height:445px; margin:auto;  margin-bottom:2px; float:left;}
#menu{width:199px; height:255px; background-image:url(img/mmenu_grid.jpg);  background-repeat:repeat-y; margin:0px; overflow: hidden; float:left; }
#menu li { font-size:11px; overflow: hidden; color:#CC0033; margin-top:2px; margin-bottom:2px;}
#menu li a {font-size:10px; width:170px; height:16px; display:block; color:#43626A; padding-left: 8px; text-indent:4px;  background: url(img/idle.gif) no-repeat 0% 50%; 	text-decoration: none; overflow: hidden;	}
#menu li a:hover {color:#CC0033; padding-left: 10px; 	background: url(img/hover.gif) no-repeat 0% 50%; 	text-decoration: none; 	}
#menu ul {list-style-type:none;	padding-left:4px;	margin-left:4px;	padding-right: 2px;}

#temper {width:1000px; height:380px; margin:auto; clear:both; display:block; }

#banner{width:799px; height:255px; background-color:#000000; float:left; margin-left:2px; background-image:url(img/banner01.jpg); background-repeat:no-repeat;}
#texio{width:788px; height:253px;  float:left; margin-left:3px; padding:0px 4px; display:inline; border:#E8F0F4 solid 1px; margin-bottom:2px;}
#texio #onas {height:500px;}
#texio2, #kontakt{width:788px; height:430px;  float:left; margin-left:3px; padding:0px 4px; display:inline; border:#E8F0F4 solid 1px; margin-bottom:2px;}
#texio .headline, #offer .headline, #texio2 .headline, #kontakt .headline{font-size:16px; text-transform:uppercase; color:#CC0033;}
#texio a, #texio2 a {width:185px; height:16px; display:block; color:#FFFFFF; padding-left: 8px; padding-right:0px; padding-top:2px; text-indent:4px; margin-top:25px; margin-left:600px; background: url(img/idlew.gif) no-repeat 0% 50%; 	text-decoration: none; overflow: hidden; background-color:#CC0033; font-size:9px; position:absolute; top:275px;}
#texio2 a {top:440px; position:absolute;}
#texio a:hover, #texio2 a:hover{color:#CC0033; padding-left: 8px; 	background: url(img/hover.gif) no-repeat 0% 50%; background-position:175px;	text-decoration: none; background-color:#AFCBE0; font-weight:bold; }
#texio ul, #texio2 ul, #kontakt ul {list-style-type: disc; list-style-position: inside;	padding-left:0px;	margin-left:0px;	padding-right: 0px;}
#texio li, #texio2 li, #kontakt li {list-style-image:url(img/dot.gif); text-indent:3px;}
#kontakt a{color:#336699; text-decoration:underline;}
#kontakt a:hover{text-decoration:underline; color:#CC3366;}
/*#kontakt {height: 420px;}*/

#kontakt {height: 690px;}

.komunikat-red {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #E20202; font-weight:bold;}
.komunikat-green {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color:#339900; font-weight:bold;}

#offer {width:788px; height:450px;  float:left; margin-left:3px; padding:0px 4px; display:inline; border:#E8F0F4 solid 1px; margin-bottom:2px;}
#offer ul {list-style-type:none; list-style:square;	padding-left:3px;	margin-left:0px;	padding-right: 0px;}
#offer li { font-size:11px; overflow: hidden; color:#CC0033; margin:2px; width:190px; height:150px; float:left; display:inline-block; }
#offer li a {display:block;  width:190px; height:120px;  text-decoration: none; overflow: hidden; ; font-size:12px; padding-left:5px; padding-top:3px; background-color:#AFCBE0;background-image:url(img/mmenu_grid.jpg);color:#CC0033; }
#offer li a:hover{  text-decoration: none;  background-color:#CC0033; color:#FFFFFF;}
#offer a:hover {background: url(img/hover.gif) no-repeat 0% 90%;}
#offer .imgio { margin:8px auto;border:none;}
#offer .imgio a {border:dotted 1px #CCCCCC;}
#offer .imgio a:hover {border:dotted 1px #CCCCCC;}

#peanuts{width:1000px; height:310px; margin:auto; padding:0px; position: relative; overflow:hidden; clear:both; }
#peanuts li { display:block; width: 192px; height:300px;  background-image:url(img/menu_grid.jpg);  background-repeat: no-repeat; float:left; margin:1px; padding:3px; overflow: hidden; text-align:left; font-size:1em;}
#peanuts li a {}
#peanuts .img {margin:10px auto; display:block;}
#peanuts ul {list-style-type: disc; list-style-position: inside;	padding-left:0px;	margin-left:0px;	padding-right: 0px;}
#peanuts li {list-style-image:url(img/dot1.gif);}
#peanuts ol {list-style-type: upper-roman;	list-style-position: outside;}
#peanuts .title {font-size:12px; text-transform:uppercase; color:#CC0033;}
#peanuts a {width:80px; height:16px; display:block; color:#FFFFFF; padding-left: 8px; padding-right:0px; padding-top:2px; text-indent:4px; margin-top:15px; margin-left:110px; background: url(img/idlew.gif) no-repeat 0% 50%; 	text-decoration: none; overflow: hidden; background-color:#CC0033; font-size:9px; position:static;}
#peanuts a:hover{color:#CC0033; padding-left: 24px; 	background: url(img/hover.gif) no-repeat 0% 50%; background-position:65px;	text-decoration: none; background-color:#AFCBE0; font-weight:bold; }

#peanut{width:199px; height:310px; margin:auto; padding:0px; position: relative; overflow:hidden; float:left;}
#peanut2{width:199px; margin:auto; padding:0px; position: relative; overflow:hidden; float:left;}
#peanut li { display:block; width: 192px; height:300px;  background-image:url(img/menu_grid.jpg);  background-repeat: no-repeat; float:left; margin:1px; padding:3px; overflow: hidden; }
#peanut2 li { display:block; width: 192px; height:200px;  float:left; margin:1px; padding:3px; overflow: hidden; }
#peanut li a { }
#peanut .img {margin:10px auto; display:block;}
#peanut ul, #peanut2 ul {list-style-type: disc; list-style-position: inside;	padding-left:0px;	margin-left:0px;	padding-right: 0px;}
#peanut li, #peanut2 li {list-style-image:url(img/dot1.gif);}
#peanut ol, #peanut2 ol  {list-style-type: upper-roman;	list-style-position: outside;}
#peanut .title, #peanut2 .title {font-size:12px; text-transform:uppercase; color:#CC0033;}
#peanut a, #peanut2 a {width:80px; height:16px; display:block; color:#FFFFFF; padding-left: 8px; padding-right:0px; padding-top:2px; text-indent:4px; margin-top:3px; margin-left:110px; background: url(img/idlew.gif) no-repeat 0% 50%; 	text-decoration: none; overflow: hidden; background-color:#CC0033; font-size:9px; position:static;}
#peanut a:hover, #peanut2 a:hover{color:#CC0033; padding-left: 24px; 	background: url(img/hover.gif) no-repeat 0% 50%; background-position:65px;	text-decoration: none; background-color:#AFCBE0; font-weight:bold; }

#bottombar {width:1000px; height:14px; background:url(img/menu_grid.jpg); color:#BBBBBB; text-align:center; margin:2px auto; margin-top:5px; clear:both;}
#bottombar a {color:#CCCCCC; text-align:center; text-decoration:none;}
#bottombar a:hover {text-decoration:underline; color:#999999;}