/*------------------------------------------------------------------------------------
          Reset Styles
        ------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
                margin: 0;
                padding: 0;
                border: 0;
                outline: 0;
                font-weight: inherit;
                font-style: inherit;
                font-size: 100%;
                font-family: inherit;
                vertical-align: baseline;
}
:focus {
                outline: 0;
}
body {
                line-height: 1.2;
                color: #000;
                background: url(../images/background.jpg) #FFF repeat-x;
                overflow: none;
}
ins {
                text-decoration: underline;
}
del {
                text-decoration: line-through;
}
ol, ul {
                list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
                border-collapse: separate;
                border-spacing: 0;
}
caption, th, td {
                text-align: left;
                font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
                content: "";
}
blockquote, q {
                quotes: "" "";
}

/*------------------------------------------------------------------------------------
          Typography Styles
        ------------------------------------------------------------------------------------*/

body, input, select, textarea {font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:10px}
h1, h2, h3 {font-family:Tahoma, Arial, Helvetica, sans-serif;font-weight:normal}
h1 {font-size:14px}
h2 {font-size:12px;font-weight:bold}
h3 {font-size:12px}
strong {font-weight:bold}
em {font-style:italic}

/*------------------------------------------------------------------------------------
          Floating Styles
        ------------------------------------------------------------------------------------*/

.left {float:left}
.right {float:right}    
.clear {clear:both;width:0;height:0;font-size:0;overflow:hidden}

/*------------------------------------------------------------------------------------
          Site Styles
        ------------------------------------------------------------------------------------*/
a {color:#000;text-decoration:none}  
a:hover {color:#5e5e5e}

#header, #wrap, #footline, #footer {width:1006px;padding:0 15px;max-width:976px;margin:0 auto}

#header {height:65px;position:relative;z-index:2}
#header #logo, #header #slogan, #header #quicknav, #header #langs {position:absolute}
#header #logo {top:10px;left:50px}
#header #slogan {top:35px;left:220px}
#header #quicknav {top:5px;right:30px}
#header #langs {bottom:-8px;right:40px}
#header #langs a img {border:1px solid #676767}
#header #quicknav li, #header #langs li {float:left;margin-right:3px;}
#header #slogan {width:275px;height:17px;text-indent:9999px;overflow:hidden;background:url() no-repeat;color:#cbe5f4;font:bold 19px Impact, Arial, Helvetica, sans-serif;}
#logo {display:block;width:96px;height:87px;background:url(../images/logo.png) no-repeat}

#wrap, #footline {background:url(../images/wrap_background.png) repeat-y}

#wrap {position:relative;padding:10px 15px 20px;margin-top:8px}
#wrap .top {position:absolute;top:-8px;left:0;width:1006px;height:8px;background:url(../images/wrap_top.png) no-repeat}

#left {width:179px;padding:0 0 0 1px}
#left #mainnav {width:179px;overflow:hidden;padding:40px 0 0;background:url(../images/mainnav_top.gif) #33394B no-repeat top left}
#left #mainnav ul {padding:0 0 35px;background:url(../images/mainnav_bottom.gif) #33394B no-repeat bottom left}
#left #mainnav ul li.first {background:url(../images/mainnav_li_background.gif) repeat-x top}
#left #mainnav ul li a {display:block;width:179px;padding-left:15px;max-width:164px;height:19px;line-height:15px;background:url(../images/mainnav_li_background.gif) repeat-x bottom}
#left .panel {padding:0 0 10px;position:relative;margin:10px 0;background:url(../images/panel_bottom.gif) #EDFBFF no-repeat bottom}
#left .panel .top {position:absolute;top:-4px;left:0;width:179px;height:4px;background:url(../images/panel_top.gif) no-repeat}
#left .panel .box {clear:both;padding:5px 10px;max-width:159px;overflow:hidden}
#left .panel .box .button {margin:0 4px}
#left .panel .underline {border-bottom:1px solid #baeafe}
#left .panel .box strong.title {display:block;color:#004670;margin:0 0 5px}
#left .panel .box .img {float:left;margin-right:5px;}
#left .panel .box p.text {padding:4px 0}
#left .panel .box form .left {margin-right:2px}
#left .panel .box form input.text {height:15px}


#content {width:780px;padding:0 0 10px;margin-left:15px;background:url(../images/content_background.gif) #FFF no-repeat bottom}

#content .content_left {width:590px;padding:10px 7px;max-width:576px;background:url(../images/content_left_background.gif) no-repeat top}
#content .content_left .thumb {width:187px;float:left;margin:0 7px 5px 0px}
#content .content_left .thumb.last { margin-right: 0px; margin-left: 1px }
#content .content_left .thumb .bar {color:#FFF;width:187px;padding:0 10px;max-width:167px;height:16px;background:#282e3e;margin:-2px 0 0}
#content .content_left .result {float:left;color:#1287cc}

#content .content_left .box {width:576px;margin:5px 0;padding:5px;max-width:566px;background:#baeafe}
#content .content_left .box .description {width:566px;background:#FFF}
#content .content_left .box .description .image {display:block;overflow:hidden;width:114px;padding:4px;max-width:106px}
#content .content_left .box .description .title {padding:0 15px}
#content .content_left .box .description .text {padding:12px 15px}
#content .content_left .box .description .title,
#content .content_left .box .description .text {width:450px;max-width:420px}
#content .content_left .box .description .image,
#content .content_left .box .description .title,
#content .content_left .box .description .text {float:left}
#content .content_left .box .description .params {width:564px}
#content .content_left .box .description .title,
#content .content_left .box .description .params {margin:1px;background:#e0f8ff}
#content .content_left .box .description .title, 
#content .content_left .box .description .params td {font-weight:bold;padding-top:4px;padding-bottom:4px}
#content .content_left .box .description .params td {text-align:center;border-right:1px solid #FFF}
a.image img { max-width: 106px }
a.image2 img { max-width: 150px }


#content .content_left .box .description .image2 {overflow:hidden;width:150px;padding:4px;max-width:150px; float: left;}
#content .content_left .box .description .title2 { width: 371px; min-width: 371px; background: #e0f8ff; float: left; margin: 1px 0px 5px 5px}
#content .content_left .box .description .text2 { float:left; width: 356px; max-width: 356px; margin-left: 20px; margin-top: 5px; margin-bottom: 25px; min-height: 60px;   }
#content .content_left .box .description .params2 { float: right; width: 339px; margin-top: 5px;  margin-top: -21px}
#content .content_left .box .description .params2 td { background: white; height: 20px; vertical-align: middle; text-align: center; width: 99px; font-weight: bold; background: #e0f8ff; border-right: 1px solid white; margin: 0px}
#content .content_left .box .description2 { padding: 0px; margin: 0px}
#content .content_left .box .description .params2 td.midlle { width: 133px; min-width: 133px }

#content .content_left .steps {height:20px;border-bottom:1px solid #def2fb;margin:0 -7px 5px}
#content .content_left .steps ul {float:right;margin:0 10px}
#content .content_left .steps li {float:left;margin:0 4px 0 0;color:#adadad}
#content .content_left .steps strong {display:block;float:left;margin:0 4px 0 0;font-size:8px;color:#FFF;width:14px;height:14px;line-height:14px;text-align:center;background:#cbf1ff}
#content .content_left .steps .active strong {background:#07b2e7}

#content .content_left .nav {float:right}
#content .content_left .nav li {float:left;margin-right:4px}

#content .content_left .preview {width:280px;float:left;margin:5px 3px}

#content .content_left .description {margin:0 0 15px 0}

#content .content_left .news {}
#content .content_left .news .title {padding:4px 10px;font-size:11px;color:#004273;background:#CEF7FF}
#content .content_left .news .black {color:#000}
#content .content_left .highlight {background:#EEFAFE;padding:10px;margin:0 0 15px 0}
#content .content_left .highlight dt {clear:left;width:80px;font-weight:bold}
#content .content_left .highlight dt, #content .content_left .highlight dd {float:left;margin:5px 0} 
#content .content_left .highlight .price {color:#004172;margin:0 0 5px}
#content .content_left .highlight .price .left {width:220px}
#content .content_left .highlight .price .double_underline {display:block;padding:5px 0 10px;border-bottom:2px solid #D2F6FE}
#content .content_left .highlight .underline {padding:5px 0;border-bottom:1px solid #D2F6FE}

#content .content_left .form td {padding:3px 5px;font-weight:normal}
#content .content_left .form td.up {vertical-align:top}
#content .content_left .form td a.info {margin-left:120px}
#content .content_left .form td a.cal {margin-left:150px}
#content .content_left .form td a.info,
#content .content_left .form td a.cal {height:20px;line-height:20px;padding:0 25px 0 0}
#content .content_left .form td a.info {display:block;background:url(../images/info.gif) no-repeat right 50%}
#content .content_left .form td a.cal {background:url(../images/calendar.gif) no-repeat right 50%}
#content .content_left .form input.text,
#content .content_left .form select,
#content .content_left .form textarea {border:1px solid #cdf4ff;color:#1287CC}

#content .content_left .news .list {float:left;margin:5px 15px;font-size:11px}
#content .content_left .news .list ul {margin:3px 0 5px}
#content .content_left .news .list li {padding:0 0 0 8px;background:url(../images/disc.gif) no-repeat left 50%}

#content .content_left .calendar {padding:2px;background:#FFF;border:1px solid #e4f1f5;float:left;margin:10px 15px}
#content .content_left .calendar td a {display:block}
#content .content_left .calendar td,
#content .content_left .calendar td a {width:18px;height:18px;line-height:18px;text-align:center}
#content .content_left .calendar .month {text-align:center;font-weight:bold;background:#cdf4ff;padding:4px 0}
#content .content_left .calendar .days {}
#content .content_left .calendar .sat {color:#fed100}
#content .content_left .calendar .sun {color:#ff0000}
#content .content_left .calendar .day {background:#ebebeb;border:1px solid #FFF}
#content .content_left .calendar .day a:hover {background:#dadada}
#content .content_left .fields {text-align:center}
#content .content_left .fields label {font-weight:bold}
#content .content_left .fields .text {text-align:center}
#content .content_left .fields p {margin:5px 0}

#content .content_right {width:190px}
#content .content_right .search {padding:0 0 20px 10px;max-width:180px;background:url(../images/search_background.gif) #bfeaff no-repeat bottom}
#content .content_right .search .title {padding:5px 10px 3px;max-width:160px;font-weight:bold;color:#FFF;font-size:12px;background:url(../images/title_top.gif) #1287cc no-repeat top left}
#content .content_right .search form fieldset {padding:10px 10px;max-width:160px;text-align:center;background:url(../images/fieldset_bottom.gif) #e0f8ff no-repeat bottom left}
#content .content_right .search form .send {display:block;margin:0 auto}
#content .content_right .search form input, select, textarea {margin: 0 0 4px}
#content .content_right .search form select, input.text {width:147px;height:19px}
#content .content_right .info {padding:7px;max-width:176px}
#content .content_right .info .box {clear:both;width:176px;overflow:hidden}
#content .content_right .info .box p {margin:4px 0 0}
#content .content_right .info .box .button {margin:0 4px 10px}
#content .content_left, #content .content_right {float:left}
html>body #left, html>body #content {float:left}

#footline {padding:10px 15px 10px 205px;max-width:786px}
#footline li {float:left;width:150px}
#footer {position:relative;height:28px;line-height:28px;margin:0 auto 30px;background:url(../images/footer_background.png) no-repeat}
#footer li {float:left;margin-right:4px}
#footer li a {font-weight:bold}
#footer #animals {position:absolute;top:-56px;left:30px;width:165px;height:57px;background:url(../images/animals.png) no-repeat}
#footer .copyright {position:absolute;bottom:-35px;right:15px}

/* uls */
#quicknav, #mainnav, #footline, #footer {text-transform:uppercase}
#header #quicknav, #header #quicknav a,
#left #mainnav, #left #mainnav a,
#footer, #footer a {color:#FFF}
#header #quicknav a:hover,
#left #mainnav a:hover,
#footer a:hover {color:#dedede}
.breadcrumb li {float:left;margin:0 4px 0 0;font-weight:bold}

input.text, textarea, select {border:1px solid #1287cc;color:#004172;font-weight:bold}
input.text, select {width:120px;height:17px}
input.send {cursor:pointer;width:103px;height:18px;color:#FFF;border:0;background:url(../images/form/send.gif) transparent no-repeat;text-align:center;overflow:hidden}
input.btn {background:#cdf4ff;border:1px solid #FFF;padding:3px 8px;color:#004670;font-weight:bold}
input.small {width:40px}
input.medium {width:195px}
input.long {width:240px}
textarea {width:300px;height:100px}

.button {display:block;height:13px;line-height:12px;background:url(../images/button_right.gif) no-repeat right;padding:0 8px 0 0}
.button:hover {color:#5e5e5e}
.button span {display:block;height:13px;background:url(../images/button_left.gif) no-repeat left;padding:0 4px 0 12px}

.more {color:#baeafe;font-weight:bold}
.more:hover {color:#efefef}

.blue {color:#004670}
.black {color:#000}
.red {color:#F22A32}

.center {text-align:center}
.rght {text-align:right}



/*------------------------------------------------------------------------------------
          Additional Styles
        ------------------------------------------------------------------------------------*/


				

/*------------------------------------------------------------------------------------
          Pepe Styles
        ------------------------------------------------------------------------------------*/    

.template1, .template2, .template3, .template4, .template5, .template6, .template7, .template8 { color: #282e3e; }
a { color: #0066cc; cursor: pointer }
a:hover { text-decoration: underline; cursor: pointer }

.template1 
{ 
background: #ffffff none repeat scroll 0 0;
margin: 5px 0px 5px 0px;
max-width:567px;
padding:0px;
width:567px;
height: auto; 
border: 5px solid #baeafe;
height: auto;
min-height: 94px;
}

.template1 img { border: none; margin: 0px; padding: 0px; width: 112px; height: 84px; }
.template1 h4  { float: left; font-weight: bold; background: #e0f8ff; padding: 5px 5px 5px 10px; margin: 1px 1px 0px 0px; width: 429px}
.template1 div { float: left; width: 400px; min-width: 410px; margin: 10px 0px 0px 10px; min-height: 40px  }
.template1 a   { float: right; width: 368px; text-align: right; padding: 4px 32px 4px 5px; margin: 0px 1px 1px 0px; background: url(../images/weiter.png) no-repeat right; font-weight: bold}  
.template1 p.clear { float: none; clear: both;}
.template1 a.image2 { padding: 0px; margin: 5px; float: left; width: 112px; height: 84px; overflow: hidden }
.template1 p { text-align:justify }   
   
#template2 
{ 
background: #ffffff none repeat scroll 0 0;
margin: 5px 0px 10px 0px;
max-width:566px;
padding:0px;
width:566px;
height: auto;

}

.template2 h4  { float: left; font-weight: bold; background: #e0f8ff; padding: 5px 5px 5px 10px; margin: 1px 1px 0px 0px; width:561px; border-top: 5px solid #baeafe}
.template2 div { float: left; width: 546px;  min-width: 546px; margin: 10px 0px 0px 10px;   }
.template2 p {  text-align:justify }
.template2 p.clear { float: none; clear: both;}


.template3 
{ 
background:  #edfbff url('../images/r_corner.png') no-repeat top right ;
margin: 5px 0px 5px 0px;
max-width:576px;
padding:0px;
width:576px;
height: auto; 
height: auto;
min-height: 94px;
}

.template3 img { border: none; margin: 0px; padding: 0px; width: 150px; height: 110px; }
.template3 ul {  padding-left: 10px; list-style: square url(../images/arrow.png) inside;   }
.template3 li {  min-width: 340px; width: 340px; border-bottom: 1px solid #baeafe; min-height: 20px; }
.template3 p.clear { float: none; clear: both;}
.template3 a { margin-left: 10px; padding-left: 10px; line-height: 20px}
.template3 a:hover { color: #0194eb; margin-left: 10px; padding-left: 10px }
.template3 a.image2 { padding: 0px; margin: 5px 5px 5px 5px; float: left; width: 150px; height: 110px; overflow: hidden; border: 5px solid white }
.template3 div { margin-top: 10px; margin-left: 0px; float: left }

        
.template4 
{ 
background: #ffffff none repeat scroll 0 0;
margin: 5px 0px 5px -5px;
max-width:571px;
padding:0px;
width:571x;
height: auto; 
border: 5px solid #ffffff;
height: auto;
min-height: 94px;
}

.template4 img { border: none; margin: 0px; padding: 0px; width: 161px; height: 121px; }
.template4 h4  { color: #1287cc; float: left; font-weight: bold; background: #e0f8ff; padding: 5px 5px 5px 10px; margin: 1px 1px 10px 0px; width:561px;}
.template4 p { text-align:justify }
.template4 p.clear { float: none; clear: both; }
.template4 a.image2 { padding: 0px; margin: 0px 15px 5px 10px; float: left; width: 161px; height: 121px; overflow: hidden }    
    
    
.template5 
{ 
background: #ffffff none repeat scroll 0 0;
margin: 5px 0px 5px -5px;
max-width:571px;
padding:0px;
width:571px;
height: auto; 
border: 5px solid #ffffff;
height: auto;
min-height: 94px;
}

.template5 img { border: none; margin: 0px; padding: 0px; width: 161px; height: 120px; }
.template5 h4  { color: #1287cc; float: left; font-weight: bold; background: #e0f8ff; padding: 5px 5px 5px 10px; margin: 1px 1px 10px 0px; width:561px;}
.template5 p { margin: 0px 5px 0px 10px;text-align:justify}
.template5 p.clear { float: none; clear: both;}
.template5 a.image2 { padding: 0px; margin: 10px 10px 5px 0px; float: left; width: 161px; height: 120px; overflow: hidden }    
    
    
.template6
{ 
background: #ffffff none repeat scroll 0 0;
margin: 5px 0px 5px -5px;
max-width:571px;
padding:0px;
width:571px;
height: auto; 
border: 5px solid #ffffff;
height: auto;
min-height: 94px;
}


.template6 h4  { color: #1287cc; float: left; font-weight: bold; background: #e0f8ff; padding: 5px 5px 5px 10px; margin: 1px 1px 0px 0px; width:561px;}
.template6 ul  { float: left; margin: 10px 0px 0px 10px; list-style-type:square; padding-left: 20px }
.template6 li  { }

.template7
{ 
background: #ffffff none repeat scroll 0 0;
margin: 5px 0px 5px 0px;
max-width:566px;
padding:0px;
width:566px;
height: auto; 
}
.template7 img { border: none; margin: 0px; padding: 0px; width: 170px;; height:121px; overflow: hidden }
.template7 a.image2 { padding: 0px; margin: 8px 0px 0px 15px; float: left; width: 170px; height: 121px; overflow: hidden } 
    
   
p.template8 { margin: 10px}




input.like_select { font-weight: bold; padding: 2px; width: 141px; border: 1px solid #1287cc; color: #004172}

input.like_select_normal { font-weight: bold; padding: 2px; width: 141px; border: 1px solid #1287cc; color: #004172}


#suchen_weiter { margin-top: 10px;  height: 10px; padding-top: 10px; float: none; display: block; }


h2 { text-align: center; color: #004172}
.suchen_weiter { padding: 10px; margin: 10px 5px 5px 5px; text-align: center; background: #eefafe; border: 1px solid #004172}
.suchen_weiter fieldset { float: left; min-width: 180px; max-width: 350px; }
.suchen_weiter legend { display: block; width: 180px; min-width: 180px; text-align: left; }
.suchen_weiter p { float: left ; text-align: left; min-width: 147px; width: 147px; height: 35px; color: #004172; font-size: 11px; padding-top: 1px  }
.suchen_weiter select {display: block;  padding: 2px; width: 141px; height: 19px; margin: 2px 0px 6px 0px;   }
.suchen_weiter .input_date {display: block;  padding: 0px; width: 141px; height: 15px; margin: 2px 0px 6px 0px;   }
.suchen_weiter input { min-width: 20px; float: left; cursor: pointer}
.suchen_weiter .send  { margin: 30px auto 5px auto; float: none; display: block;  }


#adv_search_form fieldset.left { width: 190px; text-align: left;  }
#adv_search_form fieldset.left input { width: 147px; margin-left: 0px; padding: 2px 0 0 2px; float: left; display: inline }
#adv_search_form fieldset.left legend { width: 160px;   margin-left: 0px; height: 17px; float: left; display: inline }
#adv_search_form fieldset.left label { width: 160px;   margin-left: 0px;  float: left; display: inline }
#adv_search_form fieldset.left select { width: 150px; padding: 0px; height: 18px; margin-left: 0px;  float: left; display: inline  }

.button.right.larrow { background: transparent url(../images/button_right2.gif) no-repeat scroll left center; padding: 0 0 0 8px }
.button.right.larrow span { padding: 0 12px 0 4px }

/*------------------------------------------------------------------------------------
          PePe Styles
     ------------------------------------------------------------------------------------*/				
				
				
				
				/* Hides from IE-mac \*/
body {}
/* End hide from IE-mac */


/* Hides from lte IE6 */
html>body {}
/* End hide from lte IE6 */