﻿/*---------------------------------------------------
/*  site-general
/*---------------------------------------------------*/

body
{
    font-family: Verdana, Arial;
    font-size: 11px;
}

h1
{
    font-family:Georgia;
    font-style:italic;
    font-weight:bold;
    font-size:16px;
    margin-bottom:24px;
}

h2
{
    font-family:Georgia;
    font-style:italic;
    font-weight:normal;
    font-size:14px;
}

a
{
    text-decoration:none;    
}

a img
{
    border:0;
}

.clear
{
    clear:both;
    line-height:0;
    font-size:0;
    height:0;
}

.hidden
{
    display:none;
    visibility:hidden;
}

.body-popup
{
    height:95%;
    background:none repeat scroll 0 0 transparent;
}

/*---------------------------------------------------
/*  Container
/*---------------------------------------------------*/
#container
{
    width:995px;
    text-align:left;
    margin:auto;
    margin-bottom:50px;
    position:relative;    
}

/*---------------------------------------------------
/*  Left
/*---------------------------------------------------*/
#left
{
    float:left;  
    width:796px;  
}

#banner
{
    position:relative;  
}

.de
{
    background-image:url(../media/banner_de.jpg);
    background-repeat:no-repeat;
}

.it
{
    background-image:url(../media/banner_it.jpg); 
    background-repeat:no-repeat;
}

#banner-top
{
    position:absolute;
    left:15px;
    bottom:5px;
    font-family:Myriad Pro;
    font-weight:bold;
    font-size:32px;
}

#menu-top
{
    padding:6px 0 6px 0;
    font-weight:bold;    
    text-align:right;
}

#menu-top
{
    background-image:url(../media/line.gif);    
    background-position:185px bottom;
    background-repeat:no-repeat;
}

#banner-top .spaceleft
{
    margin-left:70px;    
}

#menu-top img
{
    margin-right:10px;
}

#middle-left
{
    float:left;    
    width:185px;
}

#logo
{
    position:absolute;
    height:53px;
    width:246px;
    top:0px;
    right:-1px;
}

#text
{
    float:left; 
    width:560px;    
    margin:30px 0 0 30px;
    line-height:18px;
}

#text a
{
    text-decoration:underline;
}

#menu-left
{
    float:left; 
}

#menu-left a
{
    padding:5px 0 5px 6px;
    display:block;
}

#menu-left .item
{
    border-bottom:solid 1px;
    border-left:solid 1px;
    border-right:solid 1px;
    width:185px;
}

#menu-left .active
{
    font-weight:bold;
}

#menu-left .menu-0 
{
    border-left:solid 6px;
}

#menu-left .menu-1
{
    border-left:solid 6px;
    margin-left:6px;
}

#menu-left .menu-2
{
    border-left:solid 6px;
    margin-left:12px;
}

/*---------------------------------------------------
/*  Right
/*---------------------------------------------------*/
#right
{
    float:right;
    width:185px;
}

.box
{
    position:relative;
    border:solid 1px;
    margin-bottom:15px;
}

.news, 
.partner
{
    padding:17px 8px 8px 8px;
}

.events
{
    padding:17px 0 0 0;
}

.special
{
    height:auto!important;
    height:31px;
    min-height:31px;
}

.special-edge
{
    position:absolute;
    left:0px;
    top:0px;
    z-index:15;
}

.box .title
{
    margin-bottom:10px;
    font-family:Georgia;
    font-style:italic;
    font-size:14px;
}

.partner img
{
    margin:5px 0 5px 0;
}

.box .item, 
.link-news
{
    margin-top:10px;
    padding-top:5px;
}

.box .seperator-item
{
    border-bottom:solid 1px;   
}

.link-events a, 
.link-news a
{
    text-decoration:underline;
    text-align:right;
    padding:2px 0 0 10px;
}

.special-top
{
    position:absolute;    
    width:167px;
    padding:7px 8px;
    bottom:0px;
    left:0px;
    text-align:left;
}

#address
{
    margin-top:20px;
    font-size:10px;
}

/*---------------------------------------------------
/*  route-planner
/*---------------------------------------------------*/
#route-planner .container
{
	margin-bottom: 20px;
}


#route-planner .title
{
	font-weight: bold;
	padding: 20px 0px 10px 0px;
}

#route-planner .row
{
	clear: both;
	line-height:25px;
}

#route-planner .row .label
{
	float: left;
	width: 120px;
	text-align:right;
	margin-right:20px;
}

#route-planner .row .value
{
	margin-left: 140px;
}

#route-planner  input 
{
    width:300px;
    border: solid 1px #3A8A35;  
    font-size:11px;
    padding:2px 2px 2px 2px;
}

#route-planner .address
{
	width: 410px;
}

#route-planner .country
{
	width: 30px;
}

#route-planner .zipcode
{
	width: 150px;
}

#route-planner .place
{
	width: 210px;
}

#google-map
{
	width: 550px;
	height: 320px;
	margin: 5px;
}
#google-route
{
}

.form-error
{
	padding-right: 0px;
	background-repeat: no-repeat;
	background-position: right top;
}

.error-message
{
	border: 2px solid #8B1713;
	padding: 5px;
	color: #8B1713;
}

/*---------------------------------------------------*/

.commands
{
    margin-top:20px;    
}

/*---------------------------------------------------
/*  events
/*---------------------------------------------------*/
#events .item, 
#events .item-detail
{
    margin-bottom:20px;
}

#events .item
{
    padding:10px 0 10px 0;
    border-bottom:solid 1px #F8CF39;
}

#events .link
{
    font-weight:bold;
    padding:0px 0 0 10px;
}

#events .item-detail .container
{
    margin:15px 0 15px 0;
}

#events .item-detail .description
{
    margin:15px 0 5px 0;
}

/*---------------------------------------------------
/*  videos
/*---------------------------------------------------*/
#videos .item
{
    padding:10px 0 10px 0;
    border-bottom:solid 1px #F8CF39;
}

#videos .image
{
    float:left;
}

#videos .title-module
{
    float:left;
    font-weight:bold;
}

#videos .description
{
    
    margin-left:260px;
}

/*---------------------------------------------------
/*  catalogs
/*---------------------------------------------------*/
#catalogs .item
{
    padding:10px 0 10px 0;
    border-bottom:solid 1px #F8CF39;
}

#catalogs .image
{
    float:left;
}

#catalogs .title-module
{
    float:left;
    font-weight:bold;
}

#catalogs .description
{
    
    margin-left:180px;
}

/*---------------------------------------------------
/*  references
/*---------------------------------------------------*/
#references .item
{
    padding:10px 0 10px 0;
    border-bottom:solid 1px #F8CF39;
}

#references .image
{
    float:left;
    margin-right:10px;
}

#references .title-module
{
    font-weight:bold;
}

#references .description
{
    float:left;
    margin-left:10px;
}

/*---------------------------------------------------
/*  specials
/*---------------------------------------------------*/
#specials .item
{
    padding:0 0 20px 0;
    border-bottom:solid 1px #F8CF39;
}

#specials .title
{
    
    font-weight:bold;
}

#specials .description
{
    float:left;
}

/*---------------------------------------------------
/*  products
/*---------------------------------------------------*/
#products .input-row
{
    margin-bottom:20px;
}

#products .input-row .inputfield,
#lexicon .inputfield
{
    font-size:11px;
    padding:2px 2px 2px 2px;
    width:150px;
}

#products .input-row a
{
    text-decoration:none;
}

#searchresults
{
    margin: 0px 0 30px 0;
}


#products .item-category
{
    float:left;
    width:280px;
    padding:10px 0 10px 0;
}

#products .item-category .image
{
    float:left;
}

#products .item-category .title-module
{
    float:left;
    font-weight:bold;
    margin-left:10px;
}


#products .item-overview
{
    border-bottom:solid 1px #F8CF39;
}

#products .item-overview .image img
{
    width:50px;
    height:50px;
    margin-right:10px;
}

#products .item-overview .producer img
{
    margin:10px 10px 0 0;
    height:25px;
}

#products .item-overview .image
{
    float:left;
}

#products .item-overview .title-module
{
    float:left;
    font-weight:bold;
    margin-top:15px;
}

#products .item-overview .producer
{
    float:right;
    margin-right:15px;
}


#products .item
{
    padding:10px 0 10px 0;
}

#products .item .title-module
{
    float:left;
    width:100%;
    font-weight:bold;
    margin-bottom:10px;
}

#products .item .image
{
    float:left;
    width:268px;
}

#products .item .description1
{
    float:left;
    width:264px;
    padding-left:10px;
    margin-left:10px;
}

#products .item .description2
{
    float:left;
    width:100%;
    padding:20px 0 20px 0;
}
#products .item .image-reference
{
    margin:0 10px 10px 0;
    float:left;
}
#products .item .link
{
    float:left;
    width:100%;
    margin-top:15px;
}

#products .item .link a
{
    background-image:url("../media/arrow-green.png");
    background-position:left 5px;
    background-repeat:no-repeat;
    padding-left:10px;
}

#products .item .downloads
{
    float:left;
    padding:20px 0 10px 0;    
}

#products .file-list
{
    padding:3px 0 3px 0;
}

#products .file-list .description
{
    padding:3px 0 3px 18px;
}

#products .item .region-row
{
    margin-top:15px;
}
/*---------------------------------------------------
/*  downloads
/*---------------------------------------------------*/
#downloads .item
{
    
}

#downloads .item
{
    padding:10px 0 10px 0;
    border-bottom:solid 1px #F8CF39;
}

#downloads .link
{
    font-weight:bold;
    padding:0px 0 0 10px;
}

/*---------------------------------------------------
/*  faq
/*---------------------------------------------------*/
#faq a
{
    text-decoration:none;
}

#faq .item .question, 
#faq .item .answer
{
    padding:10px 0 10px 0;
    border-bottom:solid 1px #F8CF39;
}

#faq .item .question
{
    font-weight:bold;
}

/*---------------------------------------------------
/*  lexicon
/*---------------------------------------------------*/
#lexicon .input-row
{
    margin-bottom:20px;
}

#lexicon .input-row .inputfield
{
    font-size:11px;
    padding:2px 2px 2px 2px;
    width:150px;
}

#lexicon .input-row a
{
    text-decoration:none;
}

#lexicon .item-category
{
    float:left;
    width:280px;
    padding:10px 0 10px 0;
}


#lexicon .item-category .title-module
{
    float:left;
    font-weight:bold;
    margin-left:10px;
}


#lexicon .item-overview
{
    width:263px;
    border-bottom:solid 1px #F8CF39;
}

#lexicon .item-overview img
{
    width:50px;
    height:50px;
    margin-right:10px;
}

#lexicon .item-overview .title-module
{
    float:left;
    font-weight:bold;
    margin:5px;
}

#lexicon-detail
{
    width:270px;
    float:right;    
    height:394px;
    overflow:auto;
}

#lexicon-detail .title-module
{
    padding-bottom:10px;
    font-weight:bold;
}

#lexicon-overview
{
    width:280px;
    height:394px;
    overflow:auto;
    float:left;    
}

/*---------------------------------------------------
/*  newsletter
/*---------------------------------------------------*/

#newsletter .button
{
	padding: 5px 15px 5px 15px;
	margin:10px 0 5px 400px;
}

/*---------------------------------------------------
/*  registrations
/*---------------------------------------------------*/
#registrations
{
    margin-bottom:20px;
}


/*---------------------------------------------------
/*  contact-form
/*---------------------------------------------------*/
.contact-form .input-row
{
    margin-bottom:5px;
}
.contact-form .summary
{
    margin-bottom:10px;
}
.contact-form .summary ul
{
    margin:5px;
    padding:5px;
    list-style:none;
}
.contact-form .summary ul li
{
    background-repeat:no-repeat;
    padding-left:10px;
    background-position: left 5px;
}
.contact-form .separator
{
    height:1px;
    margin:10px 0;
    clear:both;
}
.contact-form .input-row span.name
{
    float:left;
    display:inline-table;
    width: 120px;
    text-align:right;
    margin-right:20px;
}

.contact-form .input-row span.required
{
    font-weight:bold;
    color:#A12802;
}

.contact-form .input-row .size
{
    width:100px;
}
.contact-form .input-row span.second
{
    width:60px;
    text-align:right;
    margin-right:10px;
    margin-left:20px;
}

.contact-form .input-row  input 
{
    width:300px;
    border: solid 1px #3A8A35;  
    font-size:11px;
    padding:2px 2px 2px 2px;
}

.contact-form .input-row  .input
{
    border: solid 1px #3A8A35;  
    font-size:11px;
    padding:2px 2px 2px 2px;
}

.contact-form .input-row input.calendar,
.contact-form .input-row .textinput-date
{
     width:100px;
}
.contact-form .input-row  input.small,
.contact-form .input-row.small  input
{
     width: 30px;
}


.contact-form .calendar-row img
{
    margin-left:5px;
    cursor:pointer;
    padding: 1px;
}

.contact-form .input-row textarea 
{
    width:378px;
    height:160px;
    float:left;
    
    border: solid 1px #3A8A35;  
    font-size:11px;
    padding:2px 2px 2px 2px;
}

.contact-form .input-row .textarea span
{
    display:inline-block;
    float:left;
}

.contact-form .privacy span.name
{
    display:block;
    width:100px;
    float:left;
}
.contact-form .privacy div
{
    float:left;
    width:378px;
}
.contact-form .privacy .privacy-box input
{
    width:15px;
}
.contact-form .privacy a
{
    text-decoration:underline;
    cursor:pointer;
}
.contact-form .missingPrivacy
{
    margin:5px 0;
    display:block;
}

.contact-form .link
{
	padding: 40px 0px 60px 0px;
}
	
.contact-form .button
{
	padding: 5px 20px 5px 20px;
	margin: 20px 0px 10px 560px;
}

.contact-form .request-button
{
	padding: 10px 25px 10px 25px;
	margin: 20px 0px 10px 430px;
	font-size:15px;
}

.contact-form .padding
{
	padding: 10px 10px 10px 20px;
}

.contact-form .checkbox-additional
{
    float:left; 
    width: 100px; 
    padding-left: 3px;
}

.contact-form .privacy .missing-privacy
{
    display:block;
    padding:5px;
    margin:5px 0;
    width:100%;
}
.contact-form .checkboxes input
{
    width:20px;
}
.contact-form .input-row .checkbox-additional input
{
    width:20px;
}
.contact-form .input-row .checkbox-additional-input input
{
    width:300px;
}

.contact-form .header-text
{
    margin-bottom:10px;
}

.contact-form .form-error
{
	padding-right: 20px;
	background-image: url(/media/error.png);
	background-repeat: no-repeat;
	background-position: right top;
	border: 2px solid #8B1713;
}
.contact-form .privacy .form-error
{
    background-color:#8B1713;
}
.contact-form .error-message
{
    border: 2px solid #8B1713;
    background-color:White;
    padding:4px;
    margin-bottom:10px;
}
.contact-form .rooms input
{
    width:20px;
}

.print-body .padding
{
	padding: 20px 10px 5px 20px:
}


.contact-form .bookplus .input-row span.name
{
	text-align: left;
	float: left;
	width: 160px;
}

.contact-form .bookplus-rooms span.count select
{
	width: 40px;
}

.contact-form .bookplus-rooms
{
	width: 650px;
	float: left;
	padding-right: 20px;
}

.contact-form .bookplus-rooms a.request-button
{
	float: none;
}

.contact-form .bookplus-rooms div.row-spacer
{
	margin-bottom: 10px;
}

.contact-form .bookplus-rooms span.name
{
	width: 200px;
	float: left;
	padding-right: 10px;
	text-align: left;
}

.contact-form .bookplus-rooms span.count
{
	width: 40px;
	float: left;
	padding-right: 10px;
}

.contact-form .bookplus-rooms span.group
{
	width: 250px;
	float: left;
	padding-right: 10px;
}

.contact-form .bookplus-rooms span.days
{
	width: 30px;
	float: left;
	padding-right: 10px;
}

.contact-form .bookplus-rooms span.per-piece
{
	width: 80px;
	float: left;
	padding-right: 10px;
	text-align: right;
}

.contact-form .bookplus-rooms span.per-day
{
	width: 80px;
	float: left;
	padding-right: 10px;
	text-align: right;
}

.contact-form .bookplus-rooms span.per-room
{
	width: 80px;
	float: left;
	padding-right: 10px;
	text-align: right;
}

.contact-form .bookplus-rooms span.amount
{
	width: 80px;
	float: left;
	text-align: right;
}

.contact-form .bookplus-rooms span.sum-spacer
{
	width: 390px;
	float: left;
}

.contact-form .bookplus-rooms span.sum
{
	width: 180px;
	float: left;
	font-weight: bold;
	text-align: right;
}
.contact-form .newsletter-row
{
	position:relative;
}
.contact-form .newsletter-row .interests-box
{
	position:absolute;
	right:0;
	top:0;	
	background-color:White;
	
}
.contact-form .newsletter-row .interests-box .header
{
	background-repeat:no-repeat;
	background-position:right 7px;
	padding:2px 12px 2px;
	font-weight:bold;
	text-align:right;
	cursor:pointer;
	
}
.contact-form .newsletter-row .interests-box .interests
{
	display:none;
}

.contact-form .row-interests input
{
	width:20px;
}



/*remove flash borders at ff 3.6*/
object { outline:none; }
/*---------------------------------------------------
/*  sitemap
/*---------------------------------------------------*/
.sitemap a
{
    display:block;
    padding:2px 0;
}
.sitemap ul
{
    padding-left:30px;
}
.sitemap ul a
{
    font-weight:bold;
}
.sitemap ul ul a
{
    font-weight:normal;
}
.sitemap ul ul ul  ul a
{
    font-style:italic;
}
/*---------------------------------------------------
/*  jquery popup
/*---------------------------------------------------*/

.ui-widget-overlay
{
    position:absolute;
    top:0;
    left:0;
    opacity:0.3;
    filter:Alpha(Opacity=30); 
}

.cjq-popup
{
    overflow: hidden;
}

body.popup
{
	 padding:10px 0 10px 10px;
}
.print-body
{
    overflow:auto;
    padding:10px 0 10px 10px;
}

.cjq-popup .ui-dialog-titlebar
{
    height:30px;
    line-height:30px;
    font-weight:bold;
    padding-left:10px;
}

.cjq-popup .ui-dialog-titlebar a
{
    position:absolute;
    top:5px;
    right:5px;
    text-decoration:none;
    font-weight:bold;
    padding:2px 5px;
    line-height:15px;
    width:16px;
    height:16px;
}
.cjq-popup .ui-dialog-titlebar a span
{
    width:16px;
    height:16px;
    font-size:0;
    line-height:0;
    display:block;
}
