body { margin: 0px 0px 50px 0px; font-family: Verdana, Helvetica, sans-serif; color: #333; background: url(../img/bg-1.gif) repeat-x #6f9db8; }

div#side { position: relative; width: 780px; margin: 15px auto 15px auto; background: url( ../img/bg_side-1.gif) repeat-y #fff; }

.container1 { background: url( ../img/bg_side-2.gif) repeat-y #fff !important; }

a { display: block; text-decoration: none; }

img         { border: none; }
img#logo    { position: absolute; top: 8px; left: 46px; }  /*BILD LOGO*/
img#logo-01 { position: absolute; top: 14px; left: 10px; }  /*BILD LOGO*/
img#world   { position: absolute; top: 1px; left: 0px; }  /*BILD WORLD*/
/*
	header
*/
div#headerxx { position: relative; height: 60px; background: url(../img/bg_header-1.jpg) no-repeat; }
div#header   { position: relative; height: 83px; background: url(../img/bg_header-1.gif) repeat-x; }  /*BILD BANNER*/
img#ani1     { position: absolute; top: 0px; left: 143px; z-index: 8; }
div#basket   { position: absolute; top: 1px; right: 140px; width: 130px; z-index:3; font-size: 10px; padding: 5px 0px 0px 60px; color: #fff; height: 60px; }
/*
	legal
*/
div#legal         { position: absolute; top: 12px; right: 160px; z-index: 3; font-size: 10px; color: #fff; }
div#legal a       { color: #fff; display: inline; }
div#legal a:hover { text-decoration: underline; }
/*
	metanav
*/
div#metanav_org   { position: absolute; background: url(../img/_bg_metanav.gif); top: 1px; right: 0px; width: 130px; z-index: 2; font-size: 10px; padding: 20px 0px 0px 60px; color: #fff; height: 45px; }
div#metanav       { position: absolute; background: url(../img/karteireiter.gif); top: 1px; right: 0px; width: 116px; z-index: 0; font-size: 10px; padding: 20px 0px 0px 35px; color: #fff; height: 40px;}
div#metanav2      { position: absolute; top: 2px; right: 0px; width: 110px; z-index: 0; font-size: 10px; padding: 20px 0px 0px 35px; color: #fff; height: 42px;}
div#metanav_org a { background: url(../img/_button_0.gif); color: #fff; width: 99px; height: 17px; text-align: left; margin-top: 5px; }
div#metanav a     { color: #333366;  text-align: left; margin-top: 0px; }
div#metanav2 a    { background: url(../img/_button_1.gif); color: #fff;  text-align: center; margin-top: 0px; height: 16px;margin-right: 6px; }
div#animation_    { position: absolute; background: url(../img/karteireiter.gif); top: 10px; left: 0px;  z-index: 2; font-size: 10px; padding: 0px 0px 0px 0px; height: 15px; }
div#animationcc   { position: absolute; background: url(../img/_bg_topnav_1.gif); top: 60px; left: 0px; width: 780px; z-index: 2; font-size: 10px; padding: 0px 0px 0px 0px; color: #fff; height: 16px;}
div#animation2    { position: absolute; top: 0px; left: 250px; z-index: 9; font-size: 10px; padding: 0px 0px 0px 0px; color: #fff; }

/*
	topnav
*/
div#topnav { position: absolute; top: 60px; left: 10px; width: 798px; color: #fff; z-index: 1114; }
/*
.lvl1, .lvl1a { float: left;  padding: 2px 5px 3px 5px; margin: 1px 5px 0px 5px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #fff; }
102 2 5 3 5

.lvl1, .lvl1a  { float: left; width: 85px;  padding: 2px 4px 2px 4px; margin: 0px 0px 0px 0px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #fff; text-align: center;}
.lvl1a         { color: #0cf; }
.lvl1xx:hover  {  background: #FFFFCC; color: #000;  }
.lvl1:hover    {  background: #3300FF; color: #FFF;  }
.lvl1a:hover   { color: #ff0; }
*/
.lvl1, .lvl1a  { float: left; width: 85px;  padding: 2px 4px 2px 4px; margin: 0px 0px 0px 0px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #fff; text-align: center;}
.lvl1a         { background: url(../img/_bg_topnav_1gxx.gif);background: #30C; }
.lvl1:hover    { background: url(../img/_bg_topnav_1xx.gif); background: #30C; }
.lvl1a:hover   { color: #9ff; }

/*
	quicklinks
*/
div#quicklinks         { position: absolute; top: 83px; left: 220px; width: 560px; height: 28px; background-color: #ddd; color: #fff; }
div#quicklinks a       { display: inline; color: #333; margin-left: 15px; background-color: transparent; font-size: 11px; line-height: 24px; }
div#quicklinks a:hover { color: #039; background-color: #fff; }
/*
	subnav

div#subnav         { float: left; width: 220px; padding-top: 10px; background: #eee; margin-bottom: 25px; border-top: 28px solid #eee; }
div#leftbox        { float: left; width: 220px; padding-top: 10px;  margin-bottom: 25px; border-top: 28px solid #eee; }
div#subnav *       { font-size: 70%; color: #444; background: url( ../img/_nav0.gif) no-repeat 6px 0.45em; }
div#subnav *:hover { color: #c00; background-color: #fff !important; }
.lvl2, .lvl2a, .lvl2l, .lvl2al, .lvl2el, .lvl2ep, .lvl2p,.lvl2lp,.lvl2elp { width: 195px; padding: 3px 5px 3px 20px; text-transform: uppercase; }
.lvl2p, .lvl2lp                                                           { background-image: url( ../img/_nav0p.gif)  !important; }
.lvl3, .lvl3a, .lvl3l, .lvl3al, .lvl3el, .lvl3ep, .lvl3p,.lvl3lp,.lvl3elp { width: 185px; padding: 3px 5px 3px 30px; background-position: 16px 0.45em !important; }
.lvl3p, .lvl3lp                                                           { background-image: url( ../img/_nav0p.gif)  !important; }
.lvl4, .lvl4a, .lvl4l, .lvl4al, .lvl4el, .lvl4ep, .lvl4p,.lvl4lp,.lvl4elp { width: 175px; padding: 3px 5px 3px 40px; background-position: 26px 0.45em !important; }
.lvl4p, .lvl4lp                                                           { background-image: url( ../img/_nav0p.gif)  !important; }
.lvl5, .lvl5a, .lvl5l, .lvl5al, .lvl5el, .lvl5ep, .lvl5p,.lvl5lp,.lvl5elp { width: 170px; padding: 3px 0px 3px 50px; background-position: 36px 0.45em !important; }
.lvl5p, .lvl5lp                                                           { background-image: url( ../img/_nav0p.gif)  !important; }
.lvl2a, .lvl3a, .lvl4a, .lvl5a, .lvl2al, .lvl3al, .lvl4al, .lvl5al        { color: #900; background-color: #fff !important; background-image: url( ../img/_nav0a.gif)  !important; }
.lvl2ap, .lvl3ap, .lvl4ap, .lvl5ap                                        { color: #900; background-color: #fff !important; background-image: url( ../img/_nav0a.gif)  !important; }
*/
/*
	subnav
*/
div#subnav, div#leftbox                    { float: left; width: 220px; padding-top: 10px; background: #eee; margin-bottom: 25px; border-top: 28px solid #ccc; }
div#subnav *                               { font-size: 70%; color: #444; background: url( ../img/_nav_bullet.gif) no-repeat 6px 0.45em; margin: 0px 7px 0px 7px; }
div#subnav *:hover                         { color: #00c; background-color: #fff !important; }
.lvl2,.lvl2a,.lvl2e,.lvl2p,.lvl2ap,.lvl2ep { color: #336 !important; width: 187px; margin: 5px 7px 5px 7px !important; background-color: #ddd !important; padding: 2px 2px 2px 15px; border: 1px solid #fff; background-image: none !important;  }
/*
.lvl2e,.lvl2a,.lvl2ep,.lvl2ep,.lvl2:hover,.lvl2a:hover,.lvl2e:hover,.lvl2p:hover,.lvl2ap:hover,.lvl2ep:hover{ background: url(../img/_bg_subnav_1.gif) repeat-x 6px 0em !important; color:#fff !important;  border: 1px outset #f00;  }
*/
.lvl2e,.lvl2a,.lvl2ep,.lvl2ep,.lvl2:hover,.lvl2a:hover,.lvl2e:hover,.lvl2p:hover,.lvl2ap:hover,.lvl2ep:hover{ background: url(../img/_bg_subnav_1.gif) repeat-x 6px 0em !important;  border: 1px #00c;  }
.lvl3,.lvl3a,.lvl3e,.lvl3p,.lvl3ap,.lvl3ep   { width: 172px; padding: 3px 5px 3px 27px; background-position: 13px 0.45em !important; }
.lvl3p                                       { background-image: url( ../img/_nav_left.gif)  !important; }
.lvl3ap,.lvl3ep                              { background-image: url( ../img/_nav_down.gif)  !important; }

.lvl4,.lvl4a,.lvl4e,.lvl4p,.lvl4ap,.lvl4ep   { width: 158px; padding: 3px 5px 3px 41px; background-color: #ddd !important; background-position: 27px 0.45em !important; }
.lvl4p                                       { background-image: url( ../img/_nav_left.gif)  !important; }
.lvl4ap,.lvl4ep                              { background-image: url( ../img/_nav_down.gif)  !important; }

.lvl5,.lvl5a,.lvl5e,.lvl5p,.lvl5ap,.lvl5ep   { width: 149px; padding: 3px 0px 3px 55px; background-color: #ddd !important; background-position: 41px 0.45em !important; }
.lvl5p, .lvl5lp                              { background-image: url( ../img/_nav_left.gif)  !important; }
.lvl5ap, .lvl5ep                             { background-image: url( ../img/_nav_down.gif)  !important; }
.lvl3a,.lvl4a,.lvl5a,.lvl3ap,.lvl4ap,.lvl5ap { color: #c00; background-color: #fff !important; }

/*
	search
*/
div#search              { position: absolute; top:83px; left: 0px; padding: 3px 3px 3px 10px;}
div#search input.text   { width: 160px; float: left; border: 1px inset #eee; font-size: 13px; margin-left: 3px;}
div#search input.submit { border: none; float: left; margin: 1px 0px 0px 3px; }

/*
	google-search-logo
*/
div#google-search-logo              { position: absolute; top:103px; left: 4px; padding: 3px 3px 3px 10px;}
div#google-search-logo input.text   { width: 160px; float: left; border: 1px inset #eee; font-size: 13px; margin-left: 3px;}
div#google-search-logo input.submit { border: none; float: left; margin: 1px 0px 0px 3px; }

/*
	footer
*/
div#footer         { position: relative; text-align: center; height: 27px; clear: both; background: #ccc; font-size: 11px;  }
div#footer a       { display: inline; color: #333366; line-height: 23px; }
div#footer a:hover { color: #333366; }

/*
	validator
*/
div#validator      { position: relative; text-align: left; height: 18px; clear: both; font-size: 11px;  }
div#footer a       { display: inline; color: #333366; line-height: 23px; }
div#footer a:hover { color: #333366; }

img#tidy { position: absolute; top: 1px; right: 0px; }  /*BILD WORLD*/

/*
	solger
*/
div#solger { position: relative; text-align: left; height: 0px; clear: both; font-size: 4px; color: #6F9DB8;  }


/*
	content
*/
div#content                 { position: relative; float: left; width: 420px; margin: 40px 0px 25px 65px; }
div#left_space              { float: left; width: 110px; padding-top: 25px; border-bottom: 0px solid #ccc; }
div.fullpagex, div.inc_page { width: 595px !important; }
div.fullpage, div.inc_page  { width: 665px !important; margin: 40px 0px 0px 20px !important; }
/*
	block formats
*/
div h1   { margin: 0px; padding: 2px 2px 2px 5px; border-bottom: 1px solid #fff; font-size: 65%; font-weight: bold; line-height: 100%; text-transform: uppercase; background: url(../img/_bg_topnav_1.gif) repeat-x #666; color: #fff; }
h2       { margin: 15px 0px 0px 0px; font-size: 110%; font-weight: bold; line-height: 110%; color: #006; }
h3, h4   { margin: 10px 0px 0px 0px; font-size: 80%; font-weight: bold; line-height: 110%; color: #006; }
h4       { color: #006; }
p        { margin: 5px 0px 10px 0px; font-size: 70%; font-weight: normal; line-height: 125%; color: #333; }
p.inline { margin: 5px 0px 10px 0px; font-size: 70%; font-weight: normal; line-height: 125%; color: #333; }
p.center { text-align: center; }
p.left   { text-align: left; }
p.right  { text-align: right; }
p.block  { text-align: justify; }
p.error  { font-weight: bold; color: #f00; }
.php     { display: none; }

div#subnav p { margin: 2px 0px 5px 0px; padding: 3px; font-size: 65%; font-weight: normal; line-height: 125%; color: #333; }
p.download   { margin: 5px 0px 10px 0px; border: 1px solid #ddd; font-size: 70%; font-weight: normal; line-height: 125%; color: #333; background: #eee; }

/* Inline Links */
a.inlinex            { display: inline; text-transform: none; color: #006; background-color: #eee;   }
a.inline             { display: inline; text-transform: none; color: #006; background-image: url("../img/bg-2.jpg")  }
div#leftbox a.inline { background: #eee; }
a.inline:hover       { color: #336; background-image: url("../img/bg-ho-1.jpg") }
a.download           { display: inline; font-size: 100%; font-weight: normal; text-transform: none; color: #006; }
a.download:hover     { color: #336; }
a.target             { display: inline; text-transform: none; cursor: default; }
/*
	image styles
*/
img.left  { float: left; margin-right: 8px; }
img.right { float: right; margin-left: 8px; }
img.block { float: none; }
.navlogo  { width: 150px; height: 55px; margin-bottom: 5px; }
/*
	list styles
*/
ol   { margin: 4px 0px 4px 30px; }
ul   { margin: 4px 0px 4px 18px; padding: 0px; list-style-image: url(../img/_nav_bullet.gif); }
li   { margin: 0px 0px 2px 0px; padding: 0px; font-size: 70%; line-height: 125%; }
p.hr { height: 1px; width: 100%; margin: 15px 0px 15px 0px; border-bottom: 1px solid #333; font-size: 2px; }
/* ul li ul li { margin-left: 0px; margin-bottom: 2px; font-size: 100%; line-height: 125%; } */
/*
	leftbox
*/
div#leftbox    { float: left; width: 200px; margin-left:5px; margin-right:5px; padding-top: 10px;  margin-bottom: 25px; border-top: 24px solid #eee; }
div#leftbox p  { margin: 8px 10px 0px 10px; }
div#leftbox h1 { margin: 15px 10px 0px 10px; }
div#leftbox ul { margin: 4px 10px 4px 18px; padding: 0px; list-style-image: url(../img/li-blue.gif); }
div#leftbox li { margin: 0px 0px 2px 10px; padding: 0px; font-size: 70%; line-height: 125%; }
/*
	form styles
*/
form.inline      { display: block; width: 470px; border: 1px solid #093a7f; font-size: 70%; font-weight: bold; }
form.download    { display: block; border: 1px solid #093a7f; }
input.search     { width: 100px; border: 1px inset #093a7f; font-size: 70%; color: #333; background: #fff; }
input.text       { width: 270px; border: 1px solid #ccc; font-size: 100%; }
input.text3      { width: 15px; border: 1px solid #ccc; font-size: 100%; }
input.text_shop  { width: 210px; border: 1px solid #ccc; font-size: 100%; }
input.submit     { border: 1px outset buttonface; font-size: 100%; background: buttonface; }
input.sub_no     { border: 1px outset buttonface; font-size: 70%; background: buttonface; }
input.sub2       { width: 100px; border: 1px inset #093a7f; font-size: 100%; color: #333; background: #fff; }
textarea.text    { width: 270px; height: 50px; border: 1px inset #093a7f; }
select.text_270  { border: 1px outset menu; width: 270px; font-size: 100%; }
select.text_240  { border: 1px outset menu; width: 240px; font-size: 100%; }
select.text      { border: 1px outset menu; font-size: 100%; width: 180px; }
select.text2     { border: 1px outset menu; font-size: 70%; width: 180px; }
select.text3     { width: 60px; font-size: 100%; }
select.text_shop { width: 210px; font-size: 100%; }
form.basket      {margin: 20px 10px 4px 0px;}
form.country     {margin: 0px 0px 5px 0px; }
select.shop      { border: 1px outset buttonface; font-size: 100%; width: 180px; }
/*
	tables
*/
table          { border-collapse: collapse; }
table.list     {}
table.standard {}
table.content  {}
table.border   { border: 1px;}
table.download { width: 100%;border: none;}
table.shop     { width: 100%; border: none; }
table.basket   { width: 100%; border: none; center; font-size:70%; background: #eee;}

table.standard td       { padding: 5px; border: none; vertical-align: middle; font-size: 70%; background: #eee; }
table.list td           { padding: 5px; vertical-align: top; border-bottom: 1px solid #fff; font-size: 70%; background: #eee; }
table.content td        { padding: 5px 5px 5px 0px; border: none; }
table.gallery td        { padding: 5px 5px 5px 0px; border: none; vertical-align: top; }
table.gallery td.review { width: 150px; padding: 10px 5px 5px 0px; border: none; }
table.simple td         { padding: 0px 0px 0px 0px; border: none; }
table.border td         { padding: 5px; vertical-align: top; border: 1px solid #fff; font-size: 70%; background: #eee; }
table.shop td           { padding: 5px !important; background: #eee; vertical-align: middle; white-space:nowrap; width: 50%; }

table.form               { border-left: 1px solid #ddd; font-size: 80%; }
table.form td            { padding: 3px; border-bottom: 1px solid #fff; background: #eee; }
table.form td.s          { font-weight: bold; color: #fff; background: #039; }
table.form td.form_error { font-weight: bold; color: #f00; }
table.form td.panel      { border-bottom: 0px; background: #eee; }

table.download td        { padding: 3px; vertical-align: middle; font-size: 70%; background: #eee; width: 100%; border: none; }
table.download td.radio  { text-align: left; width:5%; }
table.download td.down2a { padding: 1px 1px 1px 5px; vertical-align: bottom; text-align:center; width: 33%; }

table.normal        {}
table.normal td     { padding: 1px 1px 1px 1px; font-size: 70%;  }
table.normal td.ten { padding: 1px 10px 1px 0px; font-size: 70%; vertical-align: top;}

/* for shop */
table.basket td         { padding: 5px 2px 0px 2px; }
table.basket th         { padding: 5px 0px 5px 3px; text-align:center;  border-bottom: 1px solid #fff; }
table.basket td.c1      { text-align:center;  }
table.basket td.c2      { text-align:right; }
table.basket td.c2_1    {}
table.basket td.c2_p    { text-align:right; color: #039; font-style:italic; }
table.basket td.c2_1p   { color: #039; font-style:italic; }
table.basket td.bl      {  padding: 1px; border-bottom: 1px solid #fff; }
table.basket td.serial  { padding: 0px 2px 0px 2px; text-align: left; vertical-align: top; }
table.basket td.serial1 { padding: 0px 2px 0px 2px; text-align: center; vertical-align: top; color: #039; font-style:italic; }



/* Links */
a.metanav       { display: inline; color: #fff; }
a.metanav:hover { color: #600; background: #fff; }

/*
right
-old-
div#right                    { float: left; width: 190px; margin-left: 75px; padding-top: 40px; }
div#content .include-dynamic { width: 200px !important; float: left; margin: 15px 15px 15px 0px; border: 1px solid #ccc; padding: 0px 0px 0px 0px;}
div#content .include-right   { display: none; }
div#right .include-right, div#right .include-dynamic { border: 1px solid #ccc; margin-right: 9px; margin-left: 9px; margin-bottom: 15px; background: #ddd;  }

div#content .include-dynamic { width: 200px !important; float: left; margin: 15px 15px 15px 0px; }
div#content .include-right   { display: none; }
div#content .include-inline  {}
div#right .include-right, div#right .include-dynamic { border: 1px solid #ccc; margin-right: 9px; margin-left: 9px; margin-bottom: 15px; background: #ddd;  }
.include-right p, .include-dynamic p, .include-right h2, .include-dynamic h2, .include-right h3, .include-dynamic h3 { margin-left: 3px; margin-right: 3px; }
*/
/* old
div#right                    { float: left; width: 190px; margin-left: 75px; padding-top: 40px; }
div#content .include-dynamic { width: 200px !important; float: left; margin: 15px 15px 15px 0px; }
div#content .include-right   { display: none; }
div#content .include-inline  {}
div#right .include-right, div#right .include-dynamic { border: 1px solid #ccc; margin-right: 9px; margin-left: 9px; margin-bottom: 15px; background: #ddd;  }
.include-right p, .include-dynamic p, .include-right h2, .include-dynamic h2, .include-right h3, .include-dynamic h3 { margin-left: 3px; margin-right: 3px; }
*/
div#right                    { float: left; width: 190px; margin-left: 75px; padding-top: 40px; }
div#content .include-dynamic { width: 200px !important; float: left; margin: 15px 15px 15px 0px; }
div#content .include-right   { display: none; }
div#content .include-inline  {}
div#right .include-right, div#right .include-dynamic { border: 0px solid #ccc; margin-right: 12px; margin-left: 12px; margin-bottom: 15px; background: #ddd;  }
.include-right p, .include-dynamic p, .include-right h2, .include-dynamic h2, .include-right h3, .include-dynamic h3 { margin-left: 0px; margin-right: 0px; }