/*****************************************************
Reset :: some basic style
*****************************************************/
*               { margin: 0; padding: 0; border: 0; }
A               { cursor: pointer; text-decoration: none; list-style-type: none; color: #729CD6; }
A:Hover         { text-decoration: none; }
A:Focus         { outline: none; }
IMG A:Hover     { text-decoration: none; }
IMG A:Focus     { outline: none; }
INPUT:Hover     { text-decoration: none; }
INPUT:Focus     { outline: none; }
TABLE           { border-spacing: 0; }
TD              { vertical-align: top; border-spacing: 0; }
LEGEND          { display: none; }
TEXTAREA:Hover  { text-decoration: none; }
TEXTAREA:Focus  { outline: none; }
SELECT:Hover    { text-decoration: none; }
SELECT:Focus    { outline: none; }
DROPDOWN:Hover  { text-decoration: none; }
DROPDOWN:Focus  { outline: none; }
UL, UL LI       { text-decoration: none; list-style-type: none; }
P               { line-height: normal; }

/*****************************************************
basics
*****************************************************/
body {
	font-family : Arial, Verdana, Helvetica, Geneva, Futura, non-serif;
	background : #FFFFFF;
	color : #666666;
	font-size : 11px;
	font-style : italic;
}
#website {
	position : relative;
	display : block;
	margin : 100px auto 0 auto;
	padding : 0;
	width : 990px;
	visibility : visible;
	z-index : auto;
}

/* floats
*****************************************************/
.floatLeft {
	float : left;
}
.floatRight {
	float : right
}
.clear {
	clear : both;
}
BR.clear {
	line-height : 0;
}
HR.clear {
	line-height : 0;
	height : 1px;
	border : 0;
	border-bottom : 1px solid #E4E4E4;
}

/* Sprite
*****************************************************/
ul#mainMenu li a,
ul#metaMenu li a,
ul#subMenu li a,
.bgimg { 
	background: url('img/default.gif') no-repeat; 
}

/* Content
************************************************/

#contentWrap {
   float : left;
	width : 690px;
	height : 470px;
	background : #FFF;
}

   /* Content :: Image
************************************************/

#contentImage {
   float : left;
	width : 690px;
	height : 470px;
	background : #FFFFFF;
	overflow: auto;
}
#contentImage img,
#contentImage img a {
	margin : 0;
	padding : 0;
	border : none;
}
   /* Content :: Text
************************************************/

#contentText {
   	float : left;
   	margin: 39px 0 0 30px;
	width : 645px;
	height : 411px;
}
#contentText p {
	font-size: 12px;
   	font-style: normal;
   	line-height: 18px;
}

   /* Content :: Contact
************************************************/

.contact p {
	padding: 0 0 10px 0;
	font-size: 12px;
   	font-style: normal;
   	line-height: 18px;
}
.contact p.small {
	color: #999;
	font-size: 10px !important;
	line-height: 12px !important;
}
.contact p span {
	display: inline-block;
	width: 60px;
}
.contact a:hover {
	text-decoration: underline;
}

/* Logo
************************************************/

#logoWrap
{
	margin: 0 0 20px 0;
	width : 245px;
	height : 19px;
	background-position: left -240px;
	text-indent : -4000px;
}
#logoWrap a 
{
	display : block;
	width : 245px;
	height : 19px;
	text-indent : -4000px;
}

/* Menu
************************************************/

#menuWrap {
   	float : left;
   	position: relative;
   	margin-left: 36px;
	width : 264px;
	height: 450px;
}

#topWrap {
	height : 310px;
}

#buWrap {
   	position: relative;
	height : 55px;
}
#buWrap p {
	margin: 10px 0 0 0;
}
#buWrap A {
	color : #729cd6;
	text-decoration : none;
}
#buWrap A:Hover {
/*	color : #ead01f; */
	text-decoration : underline;
}
#buWrap em {
	float: left;
	width: 50px;
	color : #C4C48C;
	clear: both;
}
#buWrap SPAN {
	float: left;
}
.slash {
	float: none !important;
	font-size : 9px;
}
.oneLine {
	float: none !important;
	width: auto;
}

	/* Menu :: mainMenu
************************************************/

#mainWrap
{
	float: left;
}
ul#mainMenu 
{
	float: left;
	width: 200px;
}

ul#mainMenu li 
{ 
	display : block; 
	float: left;
	height : 29px; 
}

ul#mainMenu li a 
{ 
	display : block; 
	height : 20px; 
	text-decoration : none; 
	text-indent : -4040px;
}
    
ul#mainMenu a.aktiv 
{ 
	cursor : default; 
}
    
ul#mainMenu li { height : 20px; width: 146px; }

ul#mainMenu li.navi_01,
ul#mainMenu li.navi_01 a       	{ background-position: 0  0; }
ul#mainMenu li.navi_01 a:hover,
ul#mainMenu li.navi_01 a.aktiv 	{ background-position: -300px 0; }

ul#mainMenu li.navi_02,
ul#mainMenu li.navi_02 a       	{ background-position: 0  -20px; }
ul#mainMenu li.navi_02 a:hover,
ul#mainMenu li.navi_02 a.aktiv 	{ background-position: -300px -20px; }

ul#mainMenu li.navi_03,
ul#mainMenu li.navi_03 a       	{ background-position: 0  -40px; }
ul#mainMenu li.navi_03 a:hover,
ul#mainMenu li.navi_03 a.aktiv 	{ background-position: -300px -40px; }

ul#mainMenu li.navi_04,
ul#mainMenu li.navi_04 a       	{ background-position: 0  -60px; }
ul#mainMenu li.navi_04 a:hover,
ul#mainMenu li.navi_04 a.aktiv 	{ background-position: -300px -60px; }

ul#mainMenu li.navi_05,
ul#mainMenu li.navi_05 a       	{ background-position: 0  -80px; }
ul#mainMenu li.navi_05 a:hover,
ul#mainMenu li.navi_05 a.aktiv 	{ background-position: -300px -80px; }

ul#mainMenu li.navi_06,			
ul#mainMenu li.navi_06 a       	{ background-position: 0  -100px; }
ul#mainMenu li.navi_06 a:hover,
ul#mainMenu li.navi_06 a.aktiv 	{ background-position: -300px -100px; }

/*ul#mainMenu li.navi_07			{ margin-left: -36px; }*/
ul#mainMenu li.navi_07 a       	{ background-position: -36px  -120px; }
ul#mainMenu li.navi_07 a:hover,
ul#mainMenu li.navi_07 a.aktiv 	{ background-position: -336px -120px; }

/*ul#mainMenu li.navi_08			{ margin-left: -36px; }*/
ul#mainMenu li.navi_08 a       	{ background-position: -36px  -140px; }
ul#mainMenu li.navi_08 a:hover,
ul#mainMenu li.navi_08 a.aktiv 	{ background-position: -336px -140px; }

/*ul#mainMenu li.navi_09			{ margin-left: -36px; }*/
ul#mainMenu li.navi_09 a       	{ background-position: -36px  -160px; }
ul#mainMenu li.navi_09 a:hover,
ul#mainMenu li.navi_09 a.aktiv 	{ background-position: -336px -160px; }

ul#mainMenu li.navi_10			{ margin-left: -36px;}
ul#mainMenu li.navi_10 a       	{ background-position: 0  -180px; }
ul#mainMenu li.navi_10 a:hover,
ul#mainMenu li.navi_10 a.aktiv 	{ background-position: -300px -180px; }

	/* Menu :: subMenu
************************************************/
#subWrap {
   	position : relative;
	height : 45px;
}
ul#subMenu {
	margin : 0;
	padding : 0;
	width : 150px; 
	list-style-type : none; 
}
ul#subMenu li {
	display : block; 
	float: left;
}
ul#subMenu li a { 
	display : block; 
	height : 25px;
	width : 25px;
	text-decoration : none; 
	text-indent : -4040px;
	background-position: 0 -260px;
}    
ul#subMenu a.aktiv { 
	cursor : default; 
}
ul#subMenu li a:hover,
ul#subMenu li a.aktiv {
	background-position: -300px -260px;
}

	/* Menu :: metaMenu
************************************************/
#metaWrap {
   	position: absolute;
   	bottom: 0;
	height : 13px;
}
ul#metaMenu {
	width : 200px; 
	list-style-type : none; 
}
ul#metaMenu li {
	display : block; 
	float: left;
}
ul#metaMenu li a { 
	display : block; 
	height : 13px;     
	text-decoration : none; 
	text-indent : -4040px;
}    
ul#metaMenu a.aktiv { 
	cursor : default; 
}

ul#metaMenu li#metanavi_01          { width: 44px; }
ul#metaMenu li#metanavi_01 a        { background-position: 0 -200px; }
ul#metaMenu li#metanavi_01 a:hover,
ul#metaMenu li#metanavi_01 a.aktiv	{ background-position: -300px -200px; }

ul#metaMenu li#metanavi_02       	{ width: 105px; }
ul#metaMenu li#metanavi_02 a      	{ background-position: 0 -220px; }
ul#metaMenu li#metanavi_02 a:hover,
ul#metaMenu li#metanavi_02 a.aktiv 	{ background-position: -300px -220px; }

/* Forms
*****************************************************/


/* anker
*****************************************************/


/* Headline
*****************************************************/

h1,
h2 {
	margin : 3px 0 10px 0;
   color : #666;
	font-size : 14px;
	font-weight : normal;
	font-style: normal;
}
h2 {
	margin : 20px 0 10px 0;
}
h3 {
	color : #C50532;
	font-family : Verdana, Arial, Helvetica, Geneva, Futura, non-serif;
	font-size : 11px;
	font-weight : normal;
}
h4 {
   margin : 11px 0 18px 14px;
   _margin : 12px 0 17px 14px;  /* IE 6 */
   font-family : Georgia, serif, Arial, Verdana, Helvetica, Geneva, Futura, non-serif;
	font-size : 14px;
	font-weight : normal;
	color : #333;
}
h5 {
	margin : 0 0 0 14px;
	font-family : Arial, Verdana, Helvetica, Geneva, Futura, non-serif;
	font-size : 11px;
	font-weight : bold;
	color : #333;
}
h6 {
	font-size : 10px;
}

/* jScrollPane
*****************************************************/

a.jScrollArrowUp {
	height : 15px !important;
	background: url(../shared/btn_arrow_up.gif) repeat-x 0 0;
}
/*
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
*/
a.jScrollArrowDown {
	height : 15px !important;
	background: url(../shared/btn_arrow_down.gif) repeat-x 0 0;
}
/*
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
*/
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.orange-bar .jScrollPaneTrack {
	background: url(../shared/bg_track.gif) repeat;
}
.orange-bar .jScrollPaneDrag {
	height : 44px !important;
	background: url(../shared/drag_grab0.gif) 0 0 no-repeat;
}
/*
	.orange-bar .jScrollPaneDrag:Hover {
	background:  #f4e78f url(../shared/drag_grab1.gif)  0 1px no-repeat;
}
*/

.orange-bar .scroll-pane {
	background: #FFF;
}

.left .jScrollPaneTrack {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowUp {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowDown {
				left: 0;
				right: auto;
			}
			
.holder {
	float: left;
	margin: 100px;
}

.scroll-pane {
	width: 690px;
	height: 450px;
	overflow: auto;
	background: #FFF;
	float: left;
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}

#pane1 {
}
#pane2 {
	height: 470px;
}
#pane3 {
	height: 190px;
}
#pane4 {
	height: 450px;
}

   /* jScrollPane :: Container
*****************************************************/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 98%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}