@charset "utf-8";

/**
 * @author 
 * @copyright Copyright 2007 DynaGroup Information Technologies GmbH
 * 
 * @package resources
 * @subpackage styles
 *
 * @version document version 1.0
 */




/**
 * @see Basic page styles
 */

*
{
	margin: 0;
	padding: 0;
}

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

body
{ 
	font: 90% "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: rgb(105,105,105);
	
	background: rgb(51,51,51);
}

.clear
{
	border: none;
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

img,
img:link,
img:visited
{
	border: 0;
	behavior: url(../scripts/iepngfix.htc);
}

/**
 * @see Layout & structur styles
 */

div#container {
	position: relative;
	margin: 0 auto;
	width: 980px;
	background: rgb(255,255,255);
	
	height: auto !important;
	height: 100%;
	/*min-height:100%;*/
	
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}

div#container  a,
div#container  a:link,
div#container  a:visited,
div#container  a:focus,
div#container  a:hover,
div#container  a:active
{
	color: rgb(115,150,191);
	/*vertical-align: middle;*/
	text-decoration: none;
}

div#container a:hover
{
	text-decoration: underline;
}


div#header
{
	background: rgb(126,156,207) url(../images/template/header/background-header.png) repeat-x left top;
	height: 100px !important;
	border-bottom: 3px solid rgb(255,195,67);
}

div#header a, 
div#header a img
{
	color: #5A86BC;
	text-decoration: none;
	border: none;
}

div#header #accountBox
{
	height: 60px;
	background: transparent url(../images/template/header/trans-line.png) bottom left no-repeat;
}

/*
 *
div#header #accountBox #logo
{
	height: 59px;
	background: transparent url(../images/logos/logo-header.png) top left no-repeat;
	float: left;
}
 */

div#header #accountBox #topNav
{
	float: right;
	padding: 10px 10px 0 0;
	height: 40px;
}

div#header #accountBox #topNav dd
{
	margin: 0;
	bottom: 0;
}

div#header #accountBox #topNav dd li
{
	float: left;
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0 0 0 6px;
	height: 15px;
	line-height: 15px;
	background: transparent url(../images/template/header/navigation-vert-trans.png) center left no-repeat;
}

div#header #accountBox #topNav dd li:first-child
{
	background: transparent none;
	padding: 0;
}

div#header #accountBox #topNav dd li a,
div#header #accountBox #topNav dd li a:link,
div#header #accountBox #topNav dd li a:visited,
div#header #accountBox #topNav dd li a:focus,
div#header #accountBox #topNav dd li a:hover,
div#header #accountBox #topNav dd li a:active
{
	color: rgb(235,235,235);
	/*vertical-align: middle;*/
	text-decoration: none;
	display: block;
}

div#header #accountBox #topNav dd li a:hover
{
	text-decoration: underline;
}

div#header #navBox
{
	height: 40px;
	color: rgb(255,255,255);
}

div#header #navBox #accountInfo
{
	float: left;
	width: 300px;
}

div#header #navBox #accountInfo .userName,
div#header #navBox #accountInfo .userCredits
{
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	background: transparent url(../images/template/header/navigation-vert-trans.png) center left no-repeat;
}

div#header #navBox #accountInfo .userName
{
	background: transparent none;
	padding: 0;
}

div#header #navBox #accountInfo label
{
	font-weight: normal;
}

div#header #navBox #navItems
{
	float: right;
	padding: 0 10px 0 0;
}

div#header #navBox #navItems dd
{
	margin: 0;
	bottom: 0;
}

div#header #navBox #navItems dd li
{
	float: left;
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	height: 40px;
	line-height: 40px;
	background: transparent url(../images/template/header/navigation-vert-trans.png) center left no-repeat;
}

div#header #navBox #navItems dd li:first-child
{
	background: transparent none;
	padding: 0;
}

div#header #navBox #navItems dd li a,
div#header #navBox #navItems dd li a:link,
div#header #navBox #navItems dd li a:visited,
div#header #navBox #navItems dd li a:focus,
div#header #navBox #navItems dd li a:hover,
div#header #navBox #navItems dd li a:active
{
	color: rgb(255,255,255);
	/*vertical-align: middle;*/
	text-decoration: none;
	display: block;
}

div#header #navBox #navItems dd li a:hover
{
	text-decoration: underline;
}


/*
 *
div#teaser
{
	background: #333333 url(../images/teaser/teaser_bikes_climber.jpg) no-repeat left top;
	height: 190px;
 */



	/*background: rgb(126,156,207) url(../images/teaser/teaser-bikes.png) no-repeat left top;
	background: rgb(126,156,207) url(../images/teaser/teaser-ski_small.png) no-repeat left top;*/

	/*border-top: 10px solid rgb(51,51,51);
	border-bottom: 10px solid rgb(51,51,51);
	height: 260px;*/
/*
 *
}
 */


div#root
{
	border-top: 3px solid rgb(255,195,67);
}

div#root #sidebar
{
	float: left;
	width: 280px;
	height: 500px;
	margin-top:20px;
}

div#root #content
{
	/*float: left;*/
	/*width: 680px;*/
	padding: 10px;
	margin-bottom: 30px;
}

div#root #content h1,
div#root #content h2,
div#root #content h3
{
	margin: 0;
	padding: 0;
}

div#root #content h1
{
	font-size: 1.5em;
	line-height: 1.9em;
	letter-spacing: 0em;
	color: rgb(115,150,190);
}

div#root #content h2
{
	font-size: 1.2em;
	line-height: 1.7em;
	letter-spacing: 0em;
	color: rgb(115,150,190);
}

div#root #content h3
{
	font-size: 1.0em;
	line-height: 1.5em;
	letter-spacing: 0em;
}

div#root #content p
{
	margin: 0 0 10px 0;
	text-align: justify;
}

div#root #content  a,
div#root #content  a:link,
div#root #content  a:visited,
div#root #content  a:focus,
div#root #content  a:hover,
div#root #content  a:active
{
	color: rgb(115,150,191);
	/*vertical-align: middle;*/
	text-decoration: none;
}

div#root #content a:hover
{
	text-decoration: underline;
}

div#footer
{
	position: relative;
	width: 100%;
	bottom: 0px;
	color: rgb(153,153,153);
	font-size: 0.9em;
}


div#footer #copyright
{
	float: left;
	padding: 0 0 0 10px;
}

div#footer #footNav
{
	float: right;
	padding: 0 10px 0 0;
}

div#footer #footNav dd
{
	margin: 0;
	bottom: 0;
}

div#footer #footNav dd li
{
	float: left;
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0 0 0 6px;
	height: 15px;
	line-height: 15px;
	background: transparent url(../images/template/footer/navigation-vert-trans.png) center left no-repeat;
}

div#footer #footNav dd li:first-child
{
	background: transparent none;
	padding: 0;
}

div#footer #footNav dd li a,
div#footer #footNav dd li a:link,
div#footer #footNav dd li a:visited,
div#footer #footNav dd li a:focus,
div#footer #footNav dd li a:hover,
div#footer #footNav dd li a:active
{
	color: rgb(115,150,191);
	/*vertical-align: middle;*/
	text-decoration: none;
	display: block;
}

div#footer #footNav dd li a:hover
{
	text-decoration: underline;
}

/**
 * @see Special layer
 */
 
div#container div#modal
{
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height:100%;
	left: 0;
	top: 0;
	background: transparent url(../images/template/misc/modal.png);
	z-index: 7777777;
}

div#container div#modal .msgbox
{
    width: 500px;
    height: auto !important;
    background: white;
	position: relative;
	margin: 50px auto;
    padding: 20px 0;
    border: 3px solid rgb(255,195,67);
}

/**
 * @see Styles for the content box
 */

div#container #modal .contentBox,
div#root #content .contentBox,
div#root #sidebar .contentBox
{
	/*margin: 30px 0 0 0;*/
	margin: 30px auto;
	float: left;
}

div#container #modal .contentBox .header,
div#root #content .contentBox .header,
div#root #sidebar .contentBox .header
{
	background: url(../images/contentbox/topleft.gif) left top no-repeat;
	height: 10px;
	line-height: 0px; 
	font-size: 0px;
}

div#container #modal .contentBox .header .title,
div#root #content .contentBox .header .title,
div#root #sidebar .contentBox .header .title
{
	padding: 0px 5px;
	float: left;
	position: relative;
	top: -8px;
	margin-left: 10px;
	background-color: rgb(255, 255, 255);
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	z-index: 0;
}

div#container #modal .contentBox .header .title-button,
div#root #content .contentBox .header .title-button,
div#root #sidebar .contentBox .header .title-button
{
	float:left;
	height:20px;
	width:20px;
	top:-6px;
	position: relative;
}


div#container #modal .contentBox .header .corner,
div#root #content .contentBox .header .corner,
div#root #sidebar .contentBox .header .corner
{
	float: right;
	background: url(../images/contentbox/topright.gif) right top no-repeat !important;
	width: 10px;
	height: 10px;
}

div#container #modal .contentBox .body,
div#root #content .contentBox .body,
div#root #sidebar .contentBox .body
{
	background: url(../images/contentbox/middleleft.gif) left top repeat-y #FFF;
	padding: 10px 10px 0px 10px;
	border-right: 1px solid #e0e0e0;
}
	
div#container #modal .contentBox .body .corner,
div#root #content .contentBox .body .corner,
div#root #sidebar .contentBox .body .corner
{
	position: relative;
	float: right;
	width: 11px;
	background: url(../images/contentbox/middleright.gif) right top repeat-y;
}

div#container #modal .contentBox .body p,
div#root #content .contentBox .body p,
div#root #sidebar .contentBox .body p
{
	clear: both;
}
	
div#container #modal .contentBox .footer,
div#root #content .contentBox .footer,
div#root #sidebar .contentBox .footer
{
	height: 10px;
	background: url(../images/contentbox/bottomleft.gif) left top no-repeat;
	font-size: 0px;
	line-height: 0px;
	margin-bottom: 15px;
	
}

div#container #modal .contentBox .footer .corner,
div#root #content .contentBox .footer .corner,
div#root #sidebar .contentBox .footer .corner
{
	float: right;
	background: url(../images/contentbox/bottomright.gif) right top no-repeat;
	width: 10px;
	height: 10px;
}

/**
 * @see Form styles
 */

div#container #modal .basicForm,
div#root #content .basicForm,
div#root #sidebar .basicForm
{
	margin: 0;
	padding: 0;
}

div#container #modal .basicForm fieldset,
div#root #content .basicForm fieldset,
div#root #sidebar .basicForm fieldset
{
	border: none;
	margin: 0px 0 0 0;
}

div#container #modal .basicForm legend,
div#root #content .basicForm legend,
div#root #sidebar .basicForm legend
{
	display: none;
}
	
div#container #modal .basicForm label,
div#root #content .basicForm label,
div#root #sidebar .basicForm label
{
	display: block;
	line-height: 1.8;
	vertical-align: top;
	width: 150px;
}

div#container #modal .basicForm label,
div#root #content .basicForm label
{
	float: left;
}

div#root #sidebar .basicForm label
{
	float: left;
	clear: both;
}
	
div#container #modal .basicForm fieldset ol,
div#root #content .basicForm fieldset ol,
div#root #sidebar .basicForm fieldset ol
{
	margin: 0;
	padding: 0;
}
	
div#container #modal .basicForm fieldset li,
div#root #content .basicForm fieldset li,
div#root #sidebar .basicForm fieldset li
{
	list-style: none;
	padding: 5px 0 3px 0;
	margin: 0;
	border-top: 1px solid rgb(224, 224, 224);
}

div#container #modal .basicForm fieldset li:empty,
div#root #content .basicForm fieldset li:empty,
div#root #sidebar .basicForm fieldset li:empty
{
	height: 20px;
}

div#container #modal .basicForm fieldset li:first-child,
div#root #content .basicForm fieldset li:first-child,
div#root #sidebar .basicForm fieldset li:first-child
{
	border-top: none;
}
	
div#container #modal .basicForm fieldset li input,
div#root #content .basicForm fieldset li input,
div#root #content .basicForm fieldset li textarea,
div#root #sidebar .basicForm fieldset li input,
div#root #sidebar .basicForm fieldset li span,

{
	margin: 0;
	width: 225px;
}

div#root #content .basicForm fieldset li input.propertyname
{
	margin: 0;
	width: 143px;
}

div#root #content .basicForm fieldset li input.propertyvalue
{
	margin: 0;
	width: 202px;
	margin-right:3px;
}

div#container #modal .basicForm fieldset li input.small,
div#root #content .basicForm fieldset li input.small,
div#root #sidebar .basicForm fieldset li input.small,
div#root #sidebar .basicForm fieldset li select.small
{
	width: 70px;
}

div#container #modal .basicForm fieldset li input.x-small,
div#root #content .basicForm fieldset li input.x-small,
div#root #sidebar .basicForm fieldset li input.x-small,
div#root #sidebar .basicForm fieldset li select.x-small
{
	width: 35px;
}

div#root #content .basicForm fieldset li input.cvc
{
	width: 67px;
}

div#container #modal .basicForm fieldset li input.small + div#container #modal .basicForm fieldset li input.small,
div#root #content .basicForm fieldset li input.small + div#root #content .basicForm fieldset li input.small,
div#root #sidebar .basicForm fieldset li input.small + div#root #sidebar .basicForm fieldset li input.small
{
	width: 71px;	
}

div#container #modal .basicForm fieldset li input.medium,
div#root #content .basicForm fieldset li input.medium,
div#root #sidebar .basicForm fieldset li input.medium
{
	width: 148px;
}

div#container #modal .basicForm fieldset li input.large,
div#root #content .basicForm fieldset li input.large,
div#root #sidebar .basicForm fieldset li input.large
{
	width: 225px;
}

div#container #modal .basicForm fieldset li input.error,
div#root #content .basicForm fieldset li input.error,
div#root #sidebar .basicForm fieldset li input.error
{
	background: url(../images/form/input/error.gif) left bottom repeat-x;
}

div#container #modal .basicForm fieldset li input[type=checkbox],
div#root #content .basicForm fieldset li input[type=checkbox],
div#root #sidebar .basicForm fieldset li input[type=checkbox]
{
	width: 15px;
	margin: 0;
}

div#container #modal .basicForm fieldset li input[type=checkbox].error,
div#container #modal .basicForm fieldset li .checkbox-group.error,
div#root #content .basicForm fieldset li input[type=checkbox].error,
div#root #content .basicForm fieldset li .checkbox-group.error,
div#root #sidebar .basicForm fieldset li input[type=checkbox].error,
div#root #sidebar .basicForm fieldset li .checkbox-group.error
{
	background: url(../images/form/input/error.gif) left bottom repeat-x;
}


div#container #modal .basicForm fieldset li input[type=radio],
div#root #content .basicForm fieldset li input[type=radio],
div#root #sidebar .basicForm fieldset li input[type=radio]
{
	width: 15px;
	margin: 0;
}

div#container #modal .basicForm fieldset li input[type=radio].error,
div#container #modal .basicForm fieldset li .radio-group.error,
div#root #content .basicForm fieldset li input[type=radio].error,
div#root #content .basicForm fieldset li .radio-group.error,
div#root #sidebar .basicForm fieldset li input[type=radio].error,
div#root #sidebar .basicForm fieldset li .radio-group.error
{
	background: url(../images/form/input/error.gif) left bottom repeat-x;
}

div#container #modal .basicForm fieldset li select,
div#root #content .basicForm fieldset li select,
div#root #sidebar .basicForm fieldset li select
{
	margin: 0;
	width: 229px;
}

div#container #modal .basicForm fieldset li select.small,
div#root #content .basicForm fieldset li select.small,
div#root #sidebar .basicForm fieldset li select.small
{
	width: 76px;
}

div#container #modal .basicForm fieldset li select.small + div#container #modal .basicForm fieldset li select.small,
div#root #content .basicForm fieldset li select.small + div#root #content .basicForm fieldset li select.small,
div#root #sidebar .basicForm fieldset li select.small + div#root #sidebar .basicForm fieldset li select.small
{
	width: 77px;
}

div#container #modal .basicForm fieldset li select.medium,
div#root #content .basicForm fieldset li select.medium,
div#root #sidebar .basicForm fieldset li select.medium
{
	width: 148px;
}

div#container #modal .basicForm fieldset li select.error,
div#root #content .basicForm fieldset li select.error,
div#root #sidebar .basicForm fieldset li select.error
{
	background: url(../images/form/input/error.gif) left bottom repeat-x;
}

div#container #modal .basicForm .buttonContainer,
div#root #content .basicForm .buttonContainer,
div#root #sidebar .basicForm .buttonContainer,
div#container #modal .basicForm .buttonContainer.right,
div#root #content .basicForm .buttonContainer.right,
div#root #sidebar .basicForm .buttonContainer.right
{
	float: right;
	margin: 20px 0 0 5px;
}

div#container #modal .basicForm .buttonContainer.left,
div#root #content .basicForm .buttonContainer.left,
div#root #sidebar .basicForm .buttonContainer.left
{
	float: left;
	margin: 20px 5px 0 0;
}

div#container #modal .basicForm input[type=button],
div#container #modal .basicForm input[type=submit],
div#container #modal .basicForm input[type=reset],
div#root #content .basicForm input[type=submit],
div#root #content .basicForm input[type=button],
div#root #content .basicForm input[type=reset],
div#root #sidebar .basicForm input[type=button],
div#root #sidebar .basicForm input[type=submit],
div#root #sidebar .basicForm input[type=reset]
{
	background: rgb(243, 243, 243) none repeat scroll 0% !important;
	border: none;
	cursor: pointer;
	float: left;
	font-weight: bold;
	color: #888;
	height: 18px;
	font-size: 12px;
	line-height: 10px;
	vertical-align: top;
	margin: 2px;
	padding: 0px;
	overflow: visible;
    width: auto; 
}

div#container #modal .basicForm input[type=button]:hover,
div#container #modal .basicForm input[type=submit]:hover,
div#container #modal .basicForm input[type=reset]:hover,
div#root #content .basicForm input[type=submit]:hover,
div#root #content .basicForm input[type=button]:hover,
div#root #content .basicForm input[type=reset]:hover,
div#root #sidebar .basicForm input[type=button]:hover,
div#root #sidebar .basicForm input[type=submit]:hover,
div#root #sidebar .basicForm input[type=reset]:hover
{
	color: rgb(149,149,149);
}

div#container #modal .basicForm .tl,
div#root #content .basicForm .tl,
div#root #sidebar .basicForm .tl
{
	background: transparent url(../images/form/button/topleft.gif) no-repeat scroll left top;
	float: left;
	height: 22px;
}

div#container #modal .basicForm .br,
div#root #content .basicForm .br,
div#root #sidebar .basicForm .br
{
	background: transparent url(../images/form/button/bottomright.gif) no-repeat scroll right bottom;
	float: left;
	height: 22px;
}

div#container #modal .basicForm .bl,
div#root #content .basicForm .bl,
div#root #sidebar .basicForm .bl
{
	background: transparent url(../images/form/button/bottomleft.gif) no-repeat scroll left bottom;
	float: left;
	height: 22px;
}

div#container #modal .basicForm .tr,
div#root #content .basicForm .tr,
div#root #sidebar .basicForm .tr
{
	background: transparent url(../images/form/button/topright.gif) no-repeat scroll right top;
	float: left;
	height: 22px;
}

div#container #modal .basicForm p.message,
div#root #content .basicForm p.message,
div#root #sidebar .basicForm p.message
{
	display: none;
}

div#container #modal .basicForm p.message.error,
div#root #content .basicForm p.message.error,
div#root #sidebar .basicForm p.message.error,
p.message.error
{
	background: rgb(255,175,175) url(../images/form/messages/error.png) no-repeat 1px 1px;
	border: 1px solid rgb(180,0,0);
	padding: 5px 5px 5px 36px;
	display: block;
}

div#container #modal .basicForm p.message.warning,
div#root #content .basicForm p.message.warning,
div#root #sidebar .basicForm p.message.warning,
p.message.warning
{
	background: rgb(253,253,0) url(../images/form/messages/warning.png) no-repeat 1px 1px;
	border: 1px solid rgb(0,180,0);
	padding: 5px 5px 5px 36px;
	display: block;
}

div#container #modal .basicForm p.message.success,
div#root #content .basicForm p.message.success,
div#root #sidebar .basicForm p.message.success,
p.message.success
{
	background: rgb(175,255,175) url(../images/form/messages/success.png) no-repeat 1px 1px;
	border: 1px solid rgb(0,180,0);
	padding: 5px 5px 5px 36px;
	display: block;
}


div#container #modal .basicForm em,
div#root #content .basicForm em,
div#root #sidebar .basicForm em
{
	font-weight: bold;
	font-style: normal;
	color: rgb(255,195,67);
	padding: 0 0 0 3px;
}


/**
 * @see Table Styles
 */

div#container #modaltable.grid,
div#root #content table.grid
{
    border: 1px solid rgb(224, 224, 224);
    width: 100%;
}

div#container #modaltable.grid td,
div#root #content table.grid td
{
    padding: 5px;
    border-top: 1px solid rgb(224, 224, 224);
    text-align: left;
}

div#container #modaltable.grid tbody tr:hover,
div#root #content table.grid tbody tr:hover
{
    background-color: rgb(255, 237, 200);
    cursor:pointer;
}

div#container #modaltable.grid thead tr,
div#root #content table.grid thead tr
{
		color: rgb(115,150,190);
    font-style: bold;
    background-color: rgb(243, 243, 243);
}

/**
 * @see Table Styles
 
 Grid without tr hovering
 */

div#container #modaltable.NoHoverGrid,
div#root #content table.NoHoverGrid
{
    border: 1px solid rgb(224, 224, 224);
    width: 100%;
}

div#container #modaltable.NoHoverGrid td,
div#root #content table.NoHoverGrid td
{
    padding: 5px;
    border-top: 1px solid rgb(224, 224, 224);
    text-align: left;
}

div#container #modaltable.NoHoverGrid thead tr,
div#root #content table.NoHoverGrid thead tr
{
		color: rgb(115,150,190);
    font-style: bold;
    background-color: rgb(243, 243, 243);
}

/**
 * @see checkbox-tree (poi categories)
 */
 
div.checkbox-tree 
{
	float:left;
}

div.checkbox-tree div 
{
	
}

div.checkbox-tree span
{
	margin-left:5px;
}


/**
 * ajax suggest list
 */
 
div.auto_complete
{
  width: 350px;
  background: #fff;
  z-index: 1;
}

ul.auto_complete
{
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: 1px solid #bbb;
}

ul.auto_complete li
{
  margin: 0;
  padding: 3px;
  border-bottom: 1px solid #eee;
  list-style-type: none;
}

ul.auto_complete li.selected
{
  background-color:  #9CF;
	cursor: pointer;
}

ul.auto_complete strong.highlight
{
  margin: 0;
  padding: 0;
  color: #800;
}

div#root #content .basicForm fieldset tr:first-child td
{
	border-top: none;
}

div#root #content .basicForm fieldset td
{
	/*border-top: 1px solid rgb(224, 224, 224);*/
}

div#root #content .basicForm fieldset td:first-child
{
	line-height: 1.8;
	vertical-align: top;
	width: 150px;
}


/* Klapptext */
.hidelink
{
	background: url(/images/form/button/plus.png) no-repeat 0 1px;
	outline: 0;
	padding-left: 16px;
	background-position: 0 4px;
}

.hidelink_active
{
	background: url(/images/form/button/minus.png) no-repeat 0 1px;
	padding-left: 16px;
	background-position: 0 4px;
}
.hidelink_dummy
{
	background: url(/images/misc/dummy.png) no-repeat 0 1px;
	padding-left: 16px;
	background-position: 0 4px;
}
/* Klapptext Ende*/

/*
Sidebar
*/
.sidebar_header
{
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 0em;
	line-height: 0.7em;
	color: rgb(115,150,190);
	margin-bottom: 3px;
}

.sidebar_table
{
	cursor: pointer;
}

.sidebar_table .picTD
{
	width:50px;
	text-align:center;
}

.sidebar_table .Span
{
	line-height: 1.2em;
}

/*
Container for grid table
*/
.gridContainer
{
  float: right;
	width: 690px;
}
/*
Größe der Box mit den runden Ecken
*/
.contentBox
{
	width: 600px;
}

/*
Fix für check/radiobox problem bei ie6
*/

td.checklabel {
	padding-top: 4px;
	width:150px;
}

table.checklabel {
	border-spacing: 0px;
	width:100%;
	border-top: 1px solid #e0e0e0;
	
}

ul.toc  li {
	margin-left: 15px;
	padding: 1px;
}

ul.toc  li li {
	margin-left: 20px;
	padding-left: 5px;
}

#pagination #selected {
	font-size: 1.6em;
	font-weight: bold;
}

#pagination {
	font-weight: bold;
}

/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */
#ui-datepicker-div, .ui-datepicker-div, .ui-datepicker-inline {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 0.8; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Trebuchet MS, Arial, sans-serif;
	background-color: #3e3d3d;
	font-size: 1em;
	border: 1px solid #777777;
	width: 15.9em;
	padding: 2.3em .3em .3em .3em;
	position: relative;
}
#ui-datepicker-div,
.ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
	background: #3e3d3d;
}
.ui-datepicker-inline {
	float: left;
	display: block;	
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: #444444 url(images/444444_40x100_textures_02_glass_25.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #333333 url(images/333333_40x100_textures_02_glass_25.png) 0 50% repeat-x;
}
.ui-datepicker-next a,
.ui-datepicker-next label,
.ui-datepicker-prev label,
.ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(images/eeeeee_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #777777;
	cursor: pointer;
}
.ui-datepicker-next label,
.ui-datepicker-next a {
	background: url(images/eeeeee_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
	background: url(images/ffd40f_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(images/ffd40f_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(images/ffffff_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(images/ffffff_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
	border: 1px solid #777777;
	color: #cfcfcf;
	background: #444444;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
	
}
.ui-datepicker-header select.ui-datepicker-new-month {
width: 7em;
left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
width: 5em;
left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td.ui-datepicker-unselectable
{
	padding: .1em .3em .1em 0;
	border: 1px solid transparent;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #cfcfcf;
	background: #444444 url(images/444444_40x100_textures_02_glass_25.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #3e3d3d;
}
table.ui-datepicker td a:hover {
	border: 1px solid #444444;
	color: #ffffff;
	background: #333333 url(images/333333_40x100_textures_02_glass_25.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
	border: 1px solid #841515;
	color: #ffffff;
	background: #841515 url(images/841515_40x100_textures_02_glass_35.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #cfcfcf;
	text-transform: uppercase;
	/*border-bottom: 1px solid #777777;*/
}

table.ui-datepicker .ui-datepicker-title-row td a {
	color: #cfcfcf;
}

table.ui-datepicker td.ui-datepicker-current-day a,
table.ui-datepicker td.selected a
{
	color: black;
	background: #999999 url(images/999999_40x100_textures_02_glass_25.png) 0 50% repeat-x;
}

table.ui-datepicker td.ui-datepicker-today a
{
	color: black;
	background: #a21111 url(images/a21111_40x100_textures_02_glass_35.png) 0 50% repeat-x;
}










/*
Generic ThemeRoller Classes
>> Make your jQuery Components ThemeRoller-Compatible!
*/

/*component global class*/
.ui-component {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 1.1em;
}
/*component content styles*/
.ui-component-content {
	border: 1px solid #777777;
	background: #3e3d3d;
	color: #cfcfcf;
}
.ui-component-content a {
	color: #cfcfcf;
	text-decoration: underline;
}
/*component states*/
.ui-default-state {
	border: 1px solid #777777;
	background: #444444 url(images/444444_40x100_textures_02_glass_25.png) 0 50% repeat-x;
	font-weight: bold;
	color: #cfcfcf !important;
}
.ui-default-state a {
	color: #cfcfcf;
}
.ui-default-state:hover, .ui-hover-state {
	border: 1px solid #444444;
	background: #333333 url(images/333333_40x100_textures_02_glass_25.png) 0 50% repeat-x;
	font-weight: bold;
	color: #ffffff !important;
}
.ui-hover-state a {
	color: #ffffff;
}
.ui-default-state:active, .ui-active-state {
	border: 1px solid #841515;
	background: #841515 url(images/841515_40x100_textures_02_glass_35.png) 0 50% repeat-x;
	font-weight: bold;
	color: #ffffff !important;
	outline: none;
}
.ui-active-state a {
	color: #ffffff;
	outline: none;
}
/*icons*/
.ui-arrow-right-default {background: url(images/eeeeee_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(images/ffd40f_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(images/ffffff_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-left-default {background: url(images/eeeeee_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(images/ffd40f_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(images/ffffff_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-down-default {background: url(images/eeeeee_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(images/ffd40f_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(images/ffffff_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-up-default {background: url(images/eeeeee_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(images/ffd40f_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(images/ffffff_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-close-default {background: url(images/eeeeee_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:hover, .ui-close-hover {background: url(images/ffd40f_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:active, .ui-close-active {background: url(images/ffffff_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-folder-closed-default {background: url(images/eeeeee_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(images/ffd40f_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(images/ffffff_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-open-default {background: url(images/eeeeee_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(images/ffd40f_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:active, .ui-folder-open-active {background: url(images/ffffff_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-doc-default {background: url(images/eeeeee_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:hover, .ui-doc-hover {background: url(images/ffd40f_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:active, .ui-doc-active {background: url(images/ffffff_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default {background: url(images/eeeeee_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(images/ffd40f_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(images/ffffff_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default {background: url(images/eeeeee_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(images/ffd40f_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(images/ffffff_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-minus-default {background: url(images/eeeeee_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:hover, .ui-minus-hover {background: url(images/ffd40f_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:active, .ui-minus-active {background: url(images/ffffff_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-plus-default {background: url(images/eeeeee_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:hover, .ui-plus-hover {background: url(images/ffd40f_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:active, .ui-plus-active {background: url(images/ffffff_11x11_icon_plus.gif) no-repeat 50% 50%;}
/*hidden elements*/
.ui-hidden {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/
}
.ui-accessible-hidden {
	 position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
/*clearfix class*/
.ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */

/* Note: for resizable styles, use the styles listed above in the dialog section */

.vehicleDetail > td:first-child
{
	border-left: solid 1px black;
	border-bottom: solid 1px black;
}

.vehicleDetail > td:last-child 
{
	border-right: solid 1px black;
	border-bottom: solid 1px black;
}

.vehicleDetail > td:last-child > table > tbody > tr > td:last-child
{
	color: White;
}

.showWhenSelected
{	
	visibility: hidden;
}