@charset "utf-8"; 


.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	cursor: url(/js/highslide4/graphics/zoomin.cur), pointer;
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(/js/highslide4/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-overlay {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(/js/highslide4/graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.											   */
/* Remove these if you are not using a gallery							   */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(/js/highslide4/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(/js/highslide4/graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background-image: url(/js/highslide4/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											    */
/* Remove these if you are not using Highslide HTML						  */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html-content {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(/js/highslide4/graphics/resize.gif);
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							*/
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 1em;
	position: absolute;
	left: 0;
	right: 1em;
	top: 0;
	width: auto;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: relative;
	z-index: 2;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(/js/highslide4/graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(/js/highslide4/graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(/js/highslide4/graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}

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,
b, u, i, center,
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;
    vertical-align: baseline;
    background: transparent;
}
body {
    font-size: 13px;
    line-height: 18px;
    font-family:Arial, Helvetica, sans-serif;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}



html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 30px; margin: 15px 0; line-height: 36px; }
h2              { font-size: 20px; margin: 15px 0; line-height: 24px; }
h3              { font-size: 15px; margin: 10px 0; line-height: 20px; }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 15px 0 }
h5              { font-size: 13px; margin: 10px 0; line-height: 18px; }
h6              { font-size: 13px; margin: 10px 0; line-height: 18px; }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 15px; }
small, sub, sup { font-size: 11px; }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
tr      { vertical-align: inherit }
td, th      { vertical-align: top }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: 0 }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

ul, menu, dir {
  list-style-type: disc;
  margin: 20px 0;
  list-style-position:inside;
  padding-left:20px;
}

ol {
  list-style-type: decimal;
  margin: 20px 0;
  list-style-position:inside;
  padding-left:20px;
}

ul ul,   ul ol,   ul dir,   ul menu,   ul dl,
ol ul,   ol ol,   ol dir,   ol menu,   ol dl,
dir ul,  dir ol,  dir dir,  dir menu,  dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul,   dl ol,   dl dir,   dl menu,   dl dl {
  margin-top: 0;
  margin-bottom: 0;
}

ol ul,   ul ul,   menu ul,   dir ul,
ol menu, ul menu, menu menu, dir menu,
ol dir,  ul dir,  menu dir,  dir dir {
  list-style-type: circle;
}

ol ol ul,     ol ul ul,     ol menu ul,     ol dir ul,
ol ol menu,   ol ul menu,   ol menu menu,   ol dir menu,
ol ol dir,    ol ul dir,    ol menu dir,    ol dir dir,
ul ol ul,     ul ul ul,     ul menu ul,     ul dir ul,
ul ol menu,   ul ul menu,   ul menu menu,   ul dir menu,
ul ol dir,    ul ul dir,    ul menu dir,    ul dir dir,
menu ol ul,   menu ul ul,   menu menu ul,   menu dir ul,
menu ol menu, menu ul menu, menu menu menu, menu dir menu,
menu ol dir,  menu ul dir,  menu menu dir,  menu dir dir,
dir ol ul,    dir ul ul,    dir menu ul,    dir dir ul,
dir ol menu,  dir ul menu,  dir menu menu,  dir dir menu,
dir ol dir,   dir ul dir,   dir menu dir,   dir dir dir {
  list-style-type: square;
}

html,body {
height: 100%;
margin: 0;
padding: 0;
}

#me_box, #wait_box, #me_notice{
    width:50%;
    background:#F2F2FF;
    padding:10px;
    border:2px solid #CCCCCC;
    font-size: 0.8em;
    
}

#dialog_box {
    min-width:50%; 
}
.notice_box {
    background-color: #FFFFFF;
    border: 3px solid #CCCCCC;  
    padding:10px; 
}

.close{
    position:absolute;
    top:3px;
    right:3px;
    cursor:pointer;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
/* stop commented backslash hack */

a img {
    border: none;
}

.input {
    margin-bottom: 0px;
    margin-top: 2px;
    padding: 2px;
}
label {
    display: block;
    color: #333333;
    font-weight: bold;
    font-size: 0.8em;
    margin-bottom: 3px;
}
.cms_input {
    width: 98%;
    font-size: 1em;
    font-weight: normal;
    padding-top: 3px;
    padding-left: 2px;
}
.cms_required {
    font-size: 0.9em;
    font-weight: normal;
    color: #FF9900;
    margin-left: 10px;
}
.cms_field_description {
    color: #999999;
    font-size: 8pt;
    margin-top: 2px;
    padding-left: 5px;
}
.cms_invalid_field {
    background-color: #FFE3E0;
    border: 1px solid #CC0000;
}
.cms_error_description, .error-message {
    color: #CC0000;
    font-size: 0.8em;
    margin-top: 2px;
    padding-left: 5px;    
}
form {
    margin: 0px;
    padding: 0px;
}
.cms_checkbox {
    float: left;
    margin: 0px 6px 7px 2px;
    _margin-top:7px;
    width: auto;
} 


.pagination {
    text-align:left;
    margin-bottom:2em;
    font-size: 8pt;
    margin-top: 10px;
}
.pagination_page {
    margin-bottom:1em;
    font-weight: bold;
    color: #999999;
}

.pagination span.pagination_selected {
border:3px solid #DDDDDD;
font-weight:bold;
}
.pagination a.pagination_prevnext {
font-weight:bold;
}
.pagination a:hover {
background-color:#DDDDDD;
border-color:#BBBBBB;
}

.pagination_disabled {
font-weight: bold;
color: #999999;
}

.pagination a, .pagination span {
border:1px solid #DDDDDD;
font-size:100%;
margin-right:0.2em;
padding:0.2em 0.5em;
}
.pagination a {
border:1px solid #DDDDDD;
text-decoration:none;
}

.cms_table table {
    text-align: left;
    vertical-align: top;
    border-spacing: 0;
    border-collapse: collapse;
}
.cms_table thead {
    font-weight: bold;
}
.cms_table .action {
    margin-left: 10px;
}
.cms_table thead tr {
}
.cms_table_head {
}
.cms_table td {
    margin: 0px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 8px;
}

.cms_table_body td {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}
.cms_table_body .cms_table_last_row td {
    border-bottom-width: 0px;
    border-bottom-style: none;
}
.cms_table thead td {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
}
.cms_table_body .row_1, .row_1 {
    background-color: #EDEDED;
}
.cms_table_footer td {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #000000;
}
.cms_table .cms_table_body .green_row_1 {
    background-color: #E0FCE2;
}
.cms_table .cms_table_body .green_row_2 {
    background-color: #F1FDF0;
}

.highslide-caption {
    background-color: #FFFFFF;
}
.cms_ob_loading {
background-color:#0099FF;
background-image:url(/css/agui/loaders/loader_arrows_blue_small.gif);
background-position:5% 50%;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:90%;
opacity:0.8;
padding-left:24px;
position:absolute;
right:0;
top:0;
width:4em;
}
.cms_icon_item {
    margin-bottom: 5px;
}
.cms_icon_large {
    float: left;
}
.cms_icon_body {
    padding-left: 55px;
}
.cms_icon_body .description {
    /*font-size: 8.5pt;*/
    color: #666666;
    margin-bottom: 3px;
}
.cms_icon_body .name {
    margin-bottom: 4px;
    font-weight: bold;
}
.cms_icon_body .cms_action {
    margin-left: 0px;
    margin-right: 10px;
}
.cms_form_fields .checkbox {
margin-bottom:8px;
}

/*PreviousNext*/
.prev_next_object {
    width:100%;
}
.prev_object {
 float:left;   
}
.next_object {
 float:right;   
 text-align:right;
}
.highslide-active-anchor img {
visibility:visible;
}
.highslide img {
border:none;
}
.share_box {
border:1px dotted #CBC8C2;
height:auto;
left:0;
margin:0;
padding:0;
position:fixed;
text-align:left;
top:250px;
width:80px;
}

.share_box ul {
margin:0;
padding:5px 0 10px 5px;
width:55px;    
}
.share_box li {
border-top:1px dotted #CBC8C2;
display:block;
font-size:9px;
margin:0;
padding:5px 10px;  
}

.share_box li.share_item_first {
border-top:none;    
}
.share_box a {
color: #CBC8C2;
text-decoration: none;   
}
.share_box a:hover {
text-decoration:underline;    
}
.share_box span {
display:block;
float:right;
font-size:12px;
margin:10px 0;
width:20px;
}

/*small*/
.share_box_small {
padding:3px;
position:relative;
top:0;
width:auto;
}

.share_box_small ul {
}
.share_box_small li {
display:inline;
padding:0 10px 0 0;  
border-top:medium none;  
}

.share_box_small li.share_item_first {
}
.share_box_small span {
display:inline;
float:none;
vertical-align:top;    
}



        /* SKILL.LIST */
        .list_search_form_hidden{ background-color: #F5F5F5;
    padding: 10px;
    position: absolute;
    width: 300px; 
    z-index:6;
        }
        .list_search_form {margin-bottom: 10px;}
        .list_order_pp_c {margin-bottom: 10px;}
        .cms_list_order {float:left;margin-right: 20px;}
        .cms_list_order label {display:inline;color:#777777;}
        .cms_list_items_pp {float:left;}
        .cms_list_items_pp label {display:inline;color:#777777;}
        .cms_list_item_pp {margin-left: 5px;}
        .cms_list_cmd_selected {font-weight:bold;}
        .cms_order_item {font-weight:normal;margin-left: 5px;}
        .cms_list_order_down {}
        .cms_list_order_up {}
        .cms_list_cmd_selected {font-weight:bold;}
        

        /* COMMENT */
        .comments {width:480px; }
        .comments_list {border-top: 1px solid #CCCCCC;}
        .comment_normal {position:relative;min-height:80px;padding:10px; padding-left:100px;border-bottom: 1px solid #CCCCCC;}
        .comment_normal.comment_important {background-color: #FFFFE5;}
        .comment_normal .comment_thumb{position:absolute;left:10px;top:10px; }
        .comment_normal .comment_time{ color: #BBBBBB;
    font-size: 10px;
    margin-left: 10px;}
        .comment_normal .comment_author{ }
        .comment_normal .comment_parent{display: block;
    margin: 10px 0; }
        .comment_normal .comment_content{ }
        .comment_normal .comment_actions{position:absolute;top:10px;right:10px; }
        .comment_normal .rating_box{position: absolute;
    right: 40px;left:auto;
    top: 5px; }
        .comments .comment_topic {color:#E57B47;}
        
/* Slide */

        /* GUI DANCE */
        .gd_dropbox {height: 96%;
    overflow-y: scroll;}
       .ui-draggable-dragging {z-index:100;}
       .gd_dropbox_item {background-color:#FFFFFF;
border:1px solid #EEEEEE;
margin:10px 0;
overflow:hidden;
padding:8px;
position:relative;}
       .gd_remove_link {background-color:#CCCCCC;
color:#FFFFFF;
display:block;
font-size:12px;
font-weight:bold;
line-height:12px;
padding:0 3px 2px;
position:absolute;
right:0;
text-decoration:none;
top:0;
width:8px;}
       .gd_dropbox_content {min-height:200px;}
       .gd_dropbox_head {}
       .gd_dropbox_head a {background-color:#CCCCCC;
color:#FFFFFF;
display:inline;
font-weight:bold;
padding:2px 8px;
text-decoration:none;}
        .gd_dropbox_empty {
background-image:url("/img/mailbox-in.png");
background-position:center 100px;
background-repeat:no-repeat;       
        }
        .aagd_dropbox_close {color:#CCCCCC;
display:block;
font-size:12px;
font-weight:bold;
height:90%;
left:4px;
line-height:10px;
position:absolute;
text-decoration:none;
top:30px;
width:10px;}
        .cms_drop_hover {
box-shadow:0 0 15px rgba(0, 0, 0, 0.15);
-webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 25px rgba(100, 100, 100, 0.85);
        }
        .cms_drop_active {
box-shadow:0 0 15px rgba(100, 255, 0, 0.8);
-webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 25px rgba(100, 255, 0, 0.8);
        }
        

/*******************************************************************************  
		allgemeine formatierungen für body (abstände, hintergrund, schrift) 
*******************************************************************************/
html { 
  padding:0px; margin:0px;               		/* abstände */
}

body {
background: #0b0a0f;  																					/* hintergrundbild header und hintergrundfarbe */
  font:11px Verdana, Arial, sans-serif;			/* schriftgröße und schriftart */
  color:#fff; 															/* schriftfarbe */ 		
  text-align:center;												/* zentrierung der seite für ie 5.5 */
	margin:0px; padding:0px;									/* abstände */
	height:99%;																/* definierte höhe um dem header-div eine explizite höhe angeben zu können */
}

p, h1, h2, td, li {
	margin:0px 0px 5px 0px;										/* innenabstände oben-rechts-unten-links in pixel */
}
h2 {
font-size:22px;    
}
img { border:0px; }

/*******************************************************************************  
		container, in welchem die seite untergebracht ist
*******************************************************************************/
#container {
	width:900px;															/* breite der seite in pixel */
	margin: 0px auto;													/* zentrierte ausrichtung auf der seite */
	padding:0px;															/* innenabstände */
	text-align:left;													/* text-ausrichtung */
}

/*******************************************************************************  
		header - navigation für sprachen
*******************************************************************************/
#header {
	background-color:transparent;							/* hintergrundfarbe von body */
	height:131px;															/* höhe */
	padding:10px 0px 0px 656px;
    position:relative;
}


#header img {
	padding:0px 5px 0px 0px; 									/* abstand rechts für sprachen-bilder */
	margin:0px;
}

#header .logobanner {
    position:relative;
    top:0px;
    right:660px; 
    display:block;
    
display:block;
left:0;
position:absolute;
top:0;    
}

#header img.banner2 {
        position:relative;
        top:-1px;
        right:546px;
	z-index:-2;
}
#header .logopartner {
display: block;
    left: 180px;
    position: absolute;
    top: 141px;
}


/*******************************************************************************  
		header - navigation kontakt / faq / impressum / agb
*******************************************************************************/
#header .navidiv {}
#header ul { 
	list-style-type:none; 
	margin:10px 0 0 0; padding:0; 
	font:italic 12px Arial, sans-serif; 
	position:relative; left:-46px; top:-190px;
    
font-family:Arial,sans-serif;
font-size:12px;
font-style:italic;
left:-46px;
line-height:normal;
list-style-type:none;
margin:0 0 10px;
padding:0;
position:relative;
top:0;    
}

#header li { 
	background-color:#0a2739; color:#fdd400; width:150px;  
	margin:0 0 2px 0;
}

#header ul a:link, #header ul a:visited, #header ul a:active, #header ul a:hover {
	text-decoration:none; 
	color: #fdd400; 
	padding:1px 3px;
}

/*******************************************************************************  
		erste spalte - allgemeines
*******************************************************************************/
#left {
	width:195px;															/* breite in pixel */
	padding:80px 6px 0px 0px;									/* innenabstände oben-rechts-unten-links */
	float:left;																/* textumfluss links */
    position:relative;
}

/*******************************************************************************  
		erste spalte - label für "suche" / formular / suchfeld / button
*******************************************************************************/
#left .label {
 background-color:#0a2739;									/* hintergrundfarbe */
 color:#fdd400;															/* schriftfarbe */
 text-transform:uppercase;									/* großschreibung */
 font-style:italic;													/* kursiv */
 font-weight:bold;					 	  						/* fett */
 padding:1px 5px;						 	 						  /* innenabstand oben/unten - rechts/links */
 margin:0px 0px 3px 0px;										/* außenabstand oben - rechts - unten - links */
}

#searchform {
	margin:0px 0px 10px 0px;									/* außenabstände formular */
}

#loginform  {
	margin:0px 0px 4px 0px;
}

#searchform .field {
	width:135px;															/* breite des formularfeldes */
	color:#555;																/* schriftfarbe */
	background:#eee;													/* hintergrundfarbe */
	border:1px solid #0a2739;									/* rahmen breite art farbe */
	padding:2px 5px;													/* innenabstände oben/unten - rechts/links */
	margin:0px;																/* außenabstände */
	font-size:11px;														/* schriftgröße des eingabetextes */	
}

#searchform .button {
	font:italic bold 11px Verdana, sans-serif;	/* schriftdefinition */
	color:#fdd400;															/* schriftfarbe */
 	background:transparent;											/* keine hintergrundfarbe */
 	border:0px;																	/* kein rahmen */
 	width:40px;																	/* breite in pixel */	
 	padding-left:20px;													/* innenabstand links */
 	cursor:pointer;															/* mauszeiger händchen */
}

#left #UserLoginFormForm input {
width:75px;															/* breite des formularfeldes */
	color:#555;																/* schriftfarbe */
	background:#eee;													/* hintergrundfarbe */
	border:1px solid #0a2739;									/* rahmen breite art farbe */
	padding:2px 1px 2px 2px;													/* innenabstände oben/unten - rechts/links */
	margin:0px;																/* außenabstände */
	font-size:11px;				
}
#left #UserLoginFormForm .cms_button {
	font:italic bold 11px Verdana, sans-serif;	/* schriftdefinition */
	color:#fdd400;															/* schriftfarbe */
 	background:transparent;											/* keine hintergrundfarbe */
 	border:0px;																	/* kein rahmen */
 	width:25px;																	/* breite in pixel */	
 	padding-left:5px;													/* innenabstand links */
 	cursor:pointer;															/* mauszeiger händchen */
position:relative;
top:-8px;    
}
#left #UserLoginFormForm label {
    display:none;
}
#left #UserLoginFormForm .input {
    float:left;
}


#left a { text-decoration:none;
					font: italic 11px Arial, sans-serif}
#left a:link, #left a:visited, #left a:active { color:#FFD300; }
#left a:hover { color:#ccc; }

/*******************************************************************************  
		erste spalte - div für banner
*******************************************************************************/
#left .banner { margin-top:20px; }
#left .banner img {
	margin:0px 0px 10px 0px;										/* außenabstand nach unten für bilder im banner-div */
}

/*******************************************************************************  
		zweite spalte - inhalte / überschrift 1
*******************************************************************************/
#content {
float: left;
    padding: 53px 12px 0 6px;
    width: 390px;								
}

#content h1 {
	font:italic bold 22px Arial, sans-serif;		
																							/* überschrift 1 schriftdefinition */
}

#content p { line-height:15px; }

a, #content a { text-decoration:none; }
a, #content a:link, #content a:visited, #content a:active { color:#fdd400; }
a:hover, #content a:hover { text-decoration:underline; }

/*******************************************************************************  
		zweite spalte - subnavigation
*******************************************************************************/
#subnav ul { 
	list-style-type:none; 
	margin:0 0 10px 0; padding:0px; 
	font:italic bold 20px Arial, sans-serif; 
}

#subnav li { display: inline; padding:1px 10px; margin:0;  }
#subnav ul a { text-decoration:none; padding:1px 5px; }
#subnav ul a:link, #subnav ul a:visited, #subnav ul a:active { color:#7a6901; }
#subnav ul a:hover { color:#fdd400; background-color:#9d8808; text-decoration:none; }
#subnav ul a.current:link, #subnav ul a.current:visited, #subnav ul a.current:hover, 
#subnav ul a.current:active { color:#fdd400;text-decoration:none; }

/*******************************************************************************  
		dritte spalte - navigation allgemein
*******************************************************************************/
#nav {
	width:155px;																/* breite in pixel */
	padding:0px 6px 0px 0px;										/* innenabstände */		
	float:left;																	/* textumfluss links */
}

#nav ul {
	list-style-type:none;												/* keine aufzählungszeichen */
	margin:0px;	 padding:0px;										/* innen- und außenabstände */
	font:italic bold 20px Arial;
	text-transform:uppercase;
}

#nav ul ul { font-size:14px; margin:7px 0; }

#nav li { margin:0px; }
#nav li li { margin:1px;}
/*******************************************************************************  
		dritte spalte - navigation - formatierung der links
*******************************************************************************/
#nav ul a { text-decoration:none; }

#nav ul a:link, #nav ul a:visited, #nav ul a:active { color:#7a6901; }

#nav ul li.active a:link, #nav ul li.active a:visited, 
#nav ul li.active a:active { color:#fdd400; }

#nav ul li.menu_not_selected a:link, #nav ul li.menu_not_selected a:visited,  
#nav ul li.menu_not_selected a:active { color:#7a6901; }

#nav ul li.menu_not_selected a:hover { 
    color:#fdd400; 
    display:block;     width:150px; 
    background-color:#9d8808; 
}


/*******************************************************************************  
		dritte spalte - blaue box (news und archiv)
*******************************************************************************/
#nav .bluebox, #nav .greenbox, #nav .yellowbox {
	margin:5px 0px 0px 0px;
	padding: 5px;
	border-top: 1px solid #fdd400; 
	border-bottom: 1px solid #fdd400;
	width:140px;
}

#nav .bluebox { background-color:#065478; }
#nav .greenbox { background-color:#3c330c; }
#nav .yellowbox {
background-color: #3C320C;    
border-top: 1px solid #9E8306;
border-bottom: 1px solid #9E8306;
}

#nav h3 {
	font:italic bold 18px Arial, sans-serif;	
	color:#fdd400;;
	letter-spacing:2px;
    margin:0;
}

#nav h4 {
	font:italic bold 12px Verdana, Arial, sans-serif;	
	color:#fdd400;
	padding:3px 0px 2px 0px;
	margin:3px 0px 0px 0px;
}

#nav p {
	margin:0px; padding:0px 0px 2px 0px;
}

#nav .bluebox a:link, #nav .bluebox a:visited, #nav .bluebox a:active { 
	margin:0px; padding:0px 0px 2px 0px; 
	color:#fdd400; 
	text-decoration:none; 
}

#nav .bluebox a:hover { 
	margin:0px; padding:0px 0px 2px 0px; 
	color:#fdd400; 
	text-decoration:underline; 
}

#nav .greenbox a:link, #nav .greenbox a:visited, #nav .greenbox a:active, #nav .greenbox a:hover,
#content a.yellowlink:link, #content a.yellowlink:visited, #content a.yellowlink:active, #content a.yellowlink:hover { 
	font:italic bold 11px Arial, sans-serif;	
	color:#fdd400;
	margin:0px; padding:0px 0px 4px 0px; 
	text-decoration:none; 
	text-transform:uppercase;									/* großschreibung */
}

/*Submenu above content*/
#content #submenu {
margin:0 0 10px;
padding:0;    
}
#content #submenu li {
border:1px solid #000000;
display:inline-block;
margin:0 0 5px;
min-height:22px;
vertical-align:top;
width:190px;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
_height: 22px;  

font-size:20px;
font-size-adjust:none;
font-style:italic;
font-variant:normal;
font-weight:bold;
line-height:22px;

}
#content #submenu a {
color:#7A6901;    
text-decoration: none;
}
#content #submenu a:hover {
background-color:#9D8808;
color:#FDD400;
display:block;
width:198px;    
}
#content #submenu li.active a{
color:#FDD400;    
}
/*******************************************************************************  
		vierte spalte - banner
*******************************************************************************/
#right {
	width:120px;																/* breite in pixel */
	padding:0px 0px 0px 0px;										/* innenabstände */
	float:left;																	/* textumfluss links */
}

/*******************************************************************************  
		klassen für alle divs
*******************************************************************************/
.topline {
	border-top:1px solid #3c330c;							/* grüne rahmenlinie oben */
	padding:5px 0px 0px 0px;
}

.bottomline {
	border-bottom:1px solid #3c330c;					/* grüne rahmenlinie unten */
	padding:0px 0px 5px 0px;
}

.greenbar {
	background-color:#3c330c;									/* grüner balken (z.b. copyright) */
	color:#9d8306;
	padding:1px 3px;
	font-size:11px;
}

img.img_align_left {															/* textumfluss für bild, bild steht links */
	float:left; 
	margin:1px 7px 1px 0px;
}

img.img_align_right {															/* textumfluss für bild, bild steht rechts */
	float:right; 
	margin:1px 0px 1px 7px;
}

/*Quicklinks*/
#quicklinks {

}
#quicklinks strong {
color:#000000;
font-size: 20px;
font-weight: bold;
font-style: italic;    
}
#quicklinks ul {
padding:0;
margin:0;    
}
#quicklinks li {
list-style: none;    
}
#nav #quicklinks ul li a {
color:#FFD300;
font-size: 11px;
font-weight: bold;
font-style: italic;    
}
#nav #quicklinks ul li a:hover {
display:inline;
background-color: transparent;    
}
/*Footer*/
#footer {
background-color:#3C320C;
color:#9D8306;
font-size:11px;
margin-top:8px;
padding:2px 5px;
margin-bottom:50px;
}
/*Highslide*/
.highslide-controls li {
margin:0;
}
/*Breadcrumbs*/
#content #breadcrumbs {
color:#444444;
margin-bottom:8px;    
font-size: 10px;
}
#content #breadcrumbs a {
color:#444444;
text-decoration:underline;    
}
/*News*/
#nav .news_item {
border-bottom:1px solid #fdd400;
padding:5px 0;
}
/*Image gallery*/
.gallery {
margin-bottom:0;
margin-left:-4px;
margin-top:-8px;
}
.gallery .cms_o_image {
display:block;
float:left;
margin:4px 0 0 4px;    
}
.gallery .cms_first {
    
}
.show_all_link {
text-transform:uppercase;
margin:5px 0;    
}
/*Forms*/
#content label {
color:#FFD300;
}
.cms_error_description, .error-message {
color:#DD0000;
font-size:12px;
padding:0;
}
#content fieldset {
border:none;
margin:0;
padding:0;
}
#content fieldset .textarea{
margin:0;
padding:0;
}
/*ShareBox*/
.share_box_wrap {
background-color:#3C320C;
border:1px dotted #9E8306;
color:#FFD300;
padding:4px;
}
.share_box {
border:medium none;
margin-top:4px;
}
.share_box a {
color:#FFD300;    
}
.share_box a:hover {
}
.share_box span {
color:#FFD300;
}
/*Accommodation booking form*/
#booking_form {
    
}
#booking_form table {
margin-top:20px;
width:380px;    
}
#booking_form tr {
    
}
#booking_form td {
padding:4px 5px;    
vertical-align:top;
}
#booking_form tr.bold {
background-color:#3C320C;
color:#FFD300;    
}
.cms_user_form .cms_input {
background-color:#333333;
border:0 solid #FFD300;
color:#FFFFFF;
font-size:12px;    
}
.cms_user_form h3 {
color:#FFD300;
}
.cms_user_form {
margin-bottom:50px;    
}
/*Partner Table*/
table.partner_table {
*margin-left:-6px;
border-collapse:separate;
border-spacing:15px;
margin-left:-12px;
table-layout:fixed;
width:396px;
}
table.partner_table tr {
    
}
table.partner_table td{
*border:6px solid #000;
background-color:#FFFFFF;
font-size:0;
height:100px;
line-height:0;
overflow:hidden;
padding:10px;
text-align:center;
vertical-align:middle;
width:164px;
}
#content table.partner_table td p {
font-size:0;
line-height:0;
margin:0;    
}
#content table.partner_table td img {
    
}
.event_date {
color:#CCCCCC;
font-size:10px;
margin-bottom:5px;    
}
#nav .event_date {
display:none;
}

#nav .bluebox a.cms_action {
color:#4444FF;
}
#header li.language_item {
opacity:0.6;    
}
#header li.current_language_item {
opacity:1;  
*font-weight: bold;  
}
hr {
border:none;    
border-top:1px solid #3C330C;
margin:5px 5px;
height: 1px;
}
.subtitle {
font-size:14px;
font-weight:bold;
line-height:20px;
margin:10px 0;    
}
.banner_top {
margin-bottom: 20px;
}
.partlist {
    margin: 40px 0;
}
.partlist table {
border-collapse: collapse;
    width: 680px;
}
.partlist table thead td {
    background-color: #3C320C;
    border-bottom: 1px solid #FDD400;
}
.partlist table tbody td {
    border-bottom: 1px solid #555555;
}
.ac_booking_control {
    background-color: #F8F9FA;
    margin: 10px 0;
    padding: 10px;
    width: 920px;
}
.userainfo .ac_booking_control {
    background-color: #444444;
    width: 500px;
}
.ac_etappe {
     background-color: #FFED00;
    font-size: 14px;
    font-weight: bold;
}
.userainfo .ac_etappe {
    color:#000000;
}
.ac_booked .ac_etappe {
     background-color: #b4e94e;
}

.ac_notice_ok {
}
.ac_needs {
}
.ac_hotel_info {
    border-top: 1px solid #CCCCCC;
    width: 100%;
}
.ac_hotel_id {
    float: left;
    width: 300px;
}
.ac_new_hotel {
    float: left;
    margin-left: 40px;
    width: 300px;
}
.ac_new_hotel input {
    width: 100%;
}
.ac_new_hotel textarea {
    height: 100px;
    width: 100%;
}
.ac_booking_info {
    border-top: 1px solid #CCCCCC;
}
.ac_booking_info textarea {
    width: 400px;
}
.ac_hotel_info .objectid {
float: left;
    width: 300px;    
}
.ac_new_hotel_link {
    float: left;
    margin-left: 40px;
    position: relative;
    top: 20px;
}
.cms_o_accomodation {
     background-color: #E4E5E6;
    margin: 20px 0;
    padding: 1px 10px;
    width: 940px;
}
.userainfo .cms_o_accomodation {
    width: 520px;
    background-color: #333333;
}

.cms_o_accomodation h3 {
 background-color: #DE4B17;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px;
}
#msb .cms_o_accomodation h3 a {
       color: #FFFFFF;
        text-decoration: none;
}
#cms a {
    color:#DE4B17;
}
#cms {
    text-align: left;
}
#shop-cart-container {
    position:fixed;
    right:0px;
    top:200px;
    width:100px;
    background-color:#545556;
    padding:10px;
}
.pphoto {
width: 100px;
min-height: 100px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 5px;
zoom: 1;
*display: inline;
_height: 100px;    
}