/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; background:#11100f}
html, input, textarea	{	font-family: Arial;
		color:#706564;	}	

		
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#932307; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#932307; background:url(images/marker1.gif) top left no-repeat; padding-left:12px; background-position:0 5px;  }
.link1{color:#706564; text-decoration:none}
.link1:hover{color:#706564; text-decoration: underline}

.button{color:#f8f7f3; background:url(images/button.gif) top left no-repeat; font-weight:bold;  padding:0 11px 0 9px; text-decoration:none; line-height:33px; display:block; float:left;  }
.button:hover{text-decoration:none; color:#932307;  }

#content ul{margin:0; padding:0;}
#content ul li{top left no-repeat; background-position:0 15px; margin:0; padding-left:0px; }
#content ul li a{color:#322420; font-style:italic; text-decoration: underline; line-height:1.93em; font-size:1.15em} 
#content .ul li a{color:#322420; font-style:italic; text-decoration: underline; line-height:1.73em; font-size:1.15em} 
#content ul li a:hover { text-decoration:none; }

.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top; font-size:.92em}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:8px 13px 11px 24px; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}


/*header*/
#header {font-size:0.75em; color:#FFFFFF }
#header .logo{ padding:21px 0 0 23px }
#header .slogan{ margin:161px 0 0 55px; position:absolute; }
#header .menu{ margin:322px 0 0 23px; position:absolute; }
#header .indent{margin:337px 0 0 744px; position:absolute; width:213px}
#header .indent1{padding:0 0 0 0}
#header a{color:#000000; text-decoration:none; } 
#header a:hover{text-decoration:underline}

#header h1{color:#646362; font-size:1em; margin-bottom:13px; line-height:1.2em; background:url(images/logo.gif) no-repeat top left; padding:3px 0 3px 58px; font-weight:normal}
#header h1 b{color:#ffffff; text-transform:uppercase; font-size:3.16em; line-height:1.2em; }
#header h1 a{color:#646362; text-decoration:none;  }
#header h1 a:hover{text-decoration:none  }
#header h1 span{letter-spacing:3px; display:block; margin-top:-9px}


#header ul{margin:0; padding:0; list-style:none;}
#header ul li{ margin:0; display:inline; font-size:1.4em}
#header ul .last{background:none}
#header ul li a{ background:url(images/bg_menu.gif) top left no-repeat; color:#fff; text-decoration:none; width:82px; text-align:center; display:block; float:left; padding:17px 0 23px 0} 
#header ul li a:hover { text-decoration:none; background:url(images/bg_menu-act.gif) top left no-repeat}
#header ul li .current{ text-decoration:none; background:url(images/bg_menu-act.gif) top left no-repeat;  }

#header ul .first a{ background:url(images/bg_menu-first.jpg) top left no-repeat; width:95px; } 
#header ul .first a:hover { background:url(images/bg_menu-first-act.gif) top left no-repeat}
#header ul .first .current{background:url(images/bg_menu-first-act.gif) top left no-repeat;  }
#header ul .last a{ background:url(images/bg_menu-last.gif) top left no-repeat; width:118px; } 
#header ul .last a:hover { background:url(images/bg_menu-last-act.gif) top left no-repeat}
#header ul .last .current{background:url(images/bg_menu-last-act.gif) top left no-repeat;  }


/*content*/
#content{ font-size:0.8125em; width:100%; text-align:left;}
#content .indent-main{padding:0 25px 0 23px}
#content .indent-col{padding:10px 0 10px 0}
#content .title{  margin-bottom:16px}
#content .banner{  margin:35px 0 4px 0}
#content .banner1{  margin:4px 0 35px 0}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-left1{ float:left; margin:0 20px 0 0}
#content .img-left2{ float:left; margin:0 28px 0 0}
#content .img-left3{ float:left; margin:0 28px 16px 0}
#content .img-right{ float:right; margin:0 0 16px 20px}
#content .img-right1{ float:right; margin:0 0 0 20px}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 17px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 17px 0}
#content h4{color:#8b870e; font-size:1em; margin-bottom:13px;  }
#content h3{color:#322420; font-size:1.15em; font-weight:normal; font-style:italic; margin-bottom:19px;  }
#content h2{color:#322420; font-size:2.07em; margin-bottom:13px; background:url(images/icon1.gif) no-repeat top left; padding:3px 0 3px 40px  }
#content .h2-1{background:url(images/icon2.gif) no-repeat top left; padding:3px 0 3px 35px  }
#content .h2-2{background:url(images/icon3.gif) no-repeat top left; padding:3px 0 3px 35px  }
#content .tail{ background:url(images/tail1.gif) repeat-x bottom; padding-bottom:28px; margin-bottom:32px}
.txt{ font-size:1.15em; color:#932307; font-weight:bold}
.txt a{color:#322420; font-weight: normal; font-style:italic}
.txt1{ font-size:.92em;}

.txt2{ font-size:.92em;}
.txt2 a{color:#322420; font-weight: normal; font-style:italic; font-size:1.25em}

#content .indent{padding:0 0 0 0}

/*box*/
.box{ background:#f7f5ef; width:100%;}
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(images/border_left.gif) repeat-y left;}
.box .border-right {background:url(images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:1px 27px 42px 29px; }


/*footer*/
#footer { color:#4c4b4b; font-size:0.6875em}
#footer .indent-footer{ padding:17px 55px 0 53px;}
#footer b {color:#c6c4c2;}  
#footer a {color:#4c4b4b; text-decoration:underline}  
#footer a:hover {  text-decoration:none}

#footer ul{margin:0; padding:0; list-style:none; font-size:1.09em}
#footer ul li{ margin:0; display:inline; background:url(images/bg_li.gif) center left no-repeat; float:left}
#footer ul li a{color:#4c4b4b; text-decoration:none; display:block; float:left; padding:2px 5px 2px 5px} 
#footer ul li a:hover { color:#c6c4c2; text-decoration:none; }
#footer ul .first{background:none;}
#footer ul .first a{ padding-left:0}
#footer ul li .current{ color:#c6c4c2; text-decoration:none;  }

.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px;	font-family:Tahoma;}

.indent-2{ position:relative; padding-right:20px; float:left}
.h{ height:30px}
.h1{ height:30px; background:url(images/bg_input.gif) no-repeat top left}
.block-contact span{ float:right; margin-right:100px}
.input{
   	border:none; 
	background:none;
	width:168px; height:19px;
	font-size:11px;
	color:#fff;
	margin-right:12px; vertical-align:middle;
	padding-left:5px;
	padding-top:2px;
}input{
   	border:1px solid #a4a4a4; 
	background:#f7f6f0;
	font-size:1em;
	padding-left:5px;
	padding-top:2px
}

textarea{
   	border:1px solid #a4a4a4; 
	background:#f7f6f0;
	width:282px; height:111px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:25px;
	overflow:auto}

textarea.wideArea {
	width: 500px;
	height: 150px;
}
	
	
input{ font-size:1em; background-color: #EEEEEE; color:#333333; border:1px; border-style:solid; border-color:#333333;}
select{ font-size:1em; background-color: #EEEEEE; color:#333333; border:1px; border-style:solid; border-color:#333333;}
table.tablesorter {
	font-size: 0.8em;
	background-color: #FFF;
	border: 1px solid #999;
}
table.tablesorter th {
	cursor:pointer;
	text-align: left;
	color: #FFF;
	padding: 5px;
	background-color: #FFFFFF;
	white-space:nowrap;
	
}
table.tablesorter td {
	color: #333;
	padding: 5px;
}
table.tablesorter .even {
	background-color: #CCCCCC;
}
table.tablesorter .odd {
	background-color: #AAAAAA;
}
table.tablesorter .header {
	background-image: url(images/tbg.png);
	background-repeat: no-repeat;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	padding-left: 30px;
	padding-top: 8px;
	height: auto;
}
table.tablesorter .headerSortUp {
	background-image: url(images/asc.png);
	background-repeat:  right;
}
table.tablesorter .headerSortDown {
	background-image: url(images/desc.png);
	background-repeat:  right;
}





table {
	font-size: 10px;
	background-color: #FFF;
	border: 1px solid #999;
}
table th {
	text-align: left;
	color: #000;
	padding: 5px;
	background-color: #BBB;
	white-space:nowrap;
	
}
table td {
	color: #333;
	background-color: #CCC;
	padding: 5px;
}
table .hilight td,
table .hilight td.dark {
	background-color: #DDDDDD;
}
table td.dark {
	color: #333;
	background-color: #CCC;
	padding: 5px;
}
table.aktien {
	font-size: 1em;
	background-color: #FFF;
	border: 0px solid #999;
}

table.aktien td {
	color: #333;
	border: 1px solid #999;
	background-color: #BBB;
	padding: 5px;
	
}
table.none {
	border: 0px;
	background-color: #BBB;
}
table.none td{
	border: 0px solid #999;
	background-color: #BBB;
	padding: 0px;
}

h1{}
span.red{color: #990000; }
span.greeng{color: #8c250b;}
span.greeng{color: #009900;}
span.big{font-size:1.5em; color: #8c250b;}
span.bigr{font-size:1.5em; color: #990000;}


/**
 * Slider css
 */
.jslider_blue .jslider-bg i, .jslider_blue .jslider-pointer { background-image: url(images/jslider.blue.png); }
.jslider .jslider-bg i, .jslider .jslider-pointer { background: url(images/jslider.png) no-repeat 0 0; }
.jslider { display: block; width: 100%; height: 1em; position: relative; top: 0.6em; font-family: Arial, sans-serif; }
.jslider table { width: 100%; border-collapse: collapse; border: 0; }
.jslider td, .jslider th { padding: 0; vertical-align: top; text-align: left; border: 0; }
.jslider table, .jslider table tr, .jslider table tr td { width: 100%; vertical-align: top; }
.jslider .jslider-bg { position: relative; }
.jslider .jslider-bg i { height: 5px; position: absolute; top: 0; }
.jslider .jslider-bg .l { width: 50%; background-position: 0 0; left: 0; }
.jslider .jslider-bg .r { width: 50%; left: 50%; background-position: right 0; }
.jslider .jslider-bg .v { position: absolute; width: 60%; left: 20%; top: 0; height: 5px; background-position: 0 -20px; }
.jslider .jslider-pointer { width: 13px; height: 15px; background-position: 0 -40px; position: absolute; left: 20%; top: -4px; margin-left: -6px; cursor: pointer; cursor: hand; cursor: move; }
.jslider .jslider-pointer-hover { background-position: -20px -40px; }
.jslider .jslider-pointer-to { left: 80%; }
.jslider .jslider-label { line-height: 12px; color: black; opacity: 0.4; white-space: nowrap; padding: 0px 2px; position: absolute; top: -18px; left: 0px; }
.jslider .jslider-label-to { left: auto; right: 0; }
.jslider .jslider-value { white-space: nowrap; padding: 1px 2px 0; position: absolute; top: -19px; left: 20%; background: white; line-height: 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
.jslider .jslider-value-to { left: 80%; }
.jslider .jslider-label small, .jslider .jslider-value small { position: relative; top: -0.4em; }
.jslider .jslider-scale { position: relative; top: 9px; }
.jslider .jslider-scale span { position: absolute; height: 5px; border-left: 1px solid #999; }
.jslider .jslider-scale ins { text-decoration: none; position: absolute; left: 0px; top: 5px; color: #333; }
.jslider-single .jslider-pointer-to, .jslider-single .jslider-value-to, .jslider-single .jslider-bg .v, .jslider-limitless .jslider-label { display: none; }
.jslider_plastic .jslider-bg i, .jslider_plastic .jslider-pointer { background-image: url(images/jslider.plastic.png); }
.jslider_round .jslider-bg i, .jslider_round .jslider-pointer { background-image: url(images/jslider.round.png); }
.jslider_round .jslider-pointer { width: 17px; height: 17px; top: -6px; margin-left: -8px; }
.jslider_round_plastic .jslider-bg i, .jslider_round_plastic .jslider-pointer { background-image: url(images/jslider.round.plastic.png); }
.jslider_round_plastic .jslider-pointer { width: 18px; height: 18px; top: -7px; margin-left: -8px; }

.jslider .disabledPointer {
	cursor: default;
	z-index: 2 !important;
}

/**
 * Tooltip css
 */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; font-size: 1em; }

/**
 * CSS for skill page
 */
.skillSliderContainer {
	margin-top: 15px;
	width: 500px;
	float: left;
}

.skillSettings {
	background: #CCCCCC;
	margin-top: 15px;
	padding: 10px;
	padding-bottom: 30px;
	float: left;
}

#availablePointsContainer {
	width: 590px;
	padding-top: 10px;
}

.plus, .minus {
	background: url(images/plus_minus_icons.png) 24px -3px;
	width: 22px;
	height: 20px;
	margin-top: 15px;
	float: left;
	cursor: pointer;
	border: none;
}

.plus {
	margin-left: 15px;
}

.minus {
	background-position: -1px -3px;
	margin-right: 15px;
}


/**
 * CSS for autocomplete field
 */
.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu; font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px; overflow: hidden; }
.ac_loading { background: white url('indicator.gif') right center no-repeat; }
.ac_odd { background-color: #eee; } 
.ac_over { background-color: #0A246A; color: white; }

/**
 * Nachricht erstellen
 */
#addReceiver {
	width: 22px;
	height: 20px;
	background: url(images/plus_minus_icons.png) 24px -3px;
	display: block;
	float: left;
}

#receiverList {
	width: 500px;
	margin: 5px;
	float: left;
	clear: both;
}

.receiver .deleteUser {
	margin-right: 5px;
}

.receiver {
	float: left;
	background-color: #CCCCCC;
	padding: 2px;
	margin-right: 10px;
	margin-top: 3px;
}

#addReceiverContainer {
	float: left;
	padding-left: 10px;
}