@charset "UTF-8";

/* * * * * * * * * * * * * * *
 * * *  Initialisierung  * * *
 * * * * * * * * * * * * * * */

/*	Alle Elemente zurücksetzen. Nur margin + padding! border würde bei INPUT-BUTTONS die browsereigene Gestaltung entfernen. */
* { margin:0; padding:0; }

html, body { height:100%; text-align:left; /*-webkit-font-smoothing:antialiased;*/ } 

body {      color:#fff; background:#333 url(/images/bg-patterns/bg3.png); }
img {       border:none; vertical-align:bottom; }
a {         color:#fff; text-decoration:underline; outline:none; }
a:hover {   color:#fff; text-decoration:none; outline:none; }
q {         quotes:"„" "“" "‚" "‘"; }
q:before {  content:open-quote; }
q:after {   content:close-quote; }



/* * * * * * * * * * * * *
 * * *  Typografie   * * *
 * * * * * * * * * * * * */

/*
font-family:'AvantGardeGothicITCW01B 731069'; book
font-family:'AvantGardeGothicITCW01M 731087'; medium
font-family:'AvantGardeGothicITCW01X'; xtralight
font-family:'Bodoni W01 Bold 709602';
font-family:'Bodoni W01 Book 709611';
font-family:'Avenir LT W01 35 Light';
font-family:'Avenir LT W01 65 Medium';
*/

html, body, input, textarea { 	font:200 15px/1.6em 'Nunito Sans', Arial, Helvetica, sans-serif; } /* 'Avenir LT W01 35 Light' */

h1 {    font:700 28px/1.2em 'Nunito Sans', Arial, Helvetica, sans-serif; } /* Seiten-Headlines AvantGardeGothicITCW01M 731087 */
h2 {    font:600 18px/1.4em 'Nunito Sans', Arial, Helvetica, sans-serif; } /* Sub-Headline AvantGardeGothicITCW01B 731069 */
h3 {    font:600 18px/1.2em 'Nunito Sans', Arial, Helvetica, sans-serif; } /* undefined AvantGardeGothicITCW01M 731087 */
h4 {    font:600 15px/1.2em 'Nunito Sans', Arial, Helvetica, sans-serif; } /* undefined AvantGardeGothicITCW01M 731087 */
h5 {    font:600 13px/1.4em 'Nunito Sans', Arial, Helvetica, sans-serif; } /* undefined AvantGardeGothicITCW01M 731087 */
h6 {    font:600 11px/1.2em 'Nunito Sans', Arial, Helvetica, sans-serif; } /* undefined AvantGardeGothicITCW01M 731087 */

h1 span { font-family:'Nunito Sans', Arial, Helvetica, sans-serif; font-weight: 200; } /* AvantGardeGothicITCW01X */

.btn,
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="text"] 
{	
	font-family:'Nunito Sans', Arial, Helvetica, sans-serif; /* Avenir LT W01 35 Light */
	font-weight: 400;
}


.hinweis,
.hinweis a,
.tipsy
{
	font-size:12px; line-height:1.3em;
}

#fldRegister input[type="submit"] { font-size:18px; }
#pnlLoginError,
#pnlRegisterError,
#fldRegister p { 
	font-family:'Nunito Sans', Arial, Helvetica, sans-serif; /* Avenir LT W01 35 Light */
	font-weight: 300;
 }

 #navigation { 
	font:15px/1.4em 'Nunito Sans', Arial, Helvetica, sans-serif; /* Avenir LT W01 65 Medium */
	font-weight: 300;
 }

 #javahinweis,
 table th,
 b,
 strong,
 .bold 
 {
	 font-family:'Nunito Sans', Arial, Helvetica, sans-serif; /* Avenir LT W01 65 Medium */
	 font-weight:600; 
 }
 
 q { font:italic 15px/1.4em Georgia, 'Times New Roman', Times, serif; }



/* * * * * * * * * * * * *
 * * *  Grundgerüst  * * *
 * * * * * * * * * * * * */

/* DIV-Boxen */
#javahinweis {	position:fixed; z-index:9999; top:50px; left:0; right:0; text-align:center; padding:3px; background-color:#900; }
#fullsize-bg {	position:relative; height:100%; width:100%; overflow:hidden; } 
.fullsizeImg {	position:absolute; }
#wrapper {		position:absolute; top:0; left:0; width:100%; height:100%; overflow:auto; z-index:1; }
#rahmen {		position:relative; width:100%; /*980px;*/ background-image:url(/images/blind.png); } /* bgbild behebt scroll problem im ie */

#navigationsspalte {	float:left; width:230px; margin-left:120px; }
#inhaltsspalte {		float:left; width:480px; margin-left:30px; }
	#inhalt {			position:relative; margin-top:130px; margin-bottom:30px; border-top:5px solid #654; }
	.cnt-box {			padding:15px 30px; margin-top:1px; background:url(/images/bg-black-70.png); }
#content-box { margin:0 0 50px 120px; width:742px; }

#cmdLogo {		position:fixed; top:20px; left:120px; display:block; width:230px; height:26px; }
#pnlCopyright {	position:fixed; bottom:10px; left:120px; color:#fff; }
#pnlFooter {	padding:3px 25px; margin-top:1px; background-color:#000; text-align:center; }
#pnlFooter a {	text-decoration:none; display:inline-block; margin:0 5px; }

body.tools #rahmen { width:980px; }
body.tools #inhalt {	position:relative; margin-top:130px; margin-left:20px; margin-bottom:50px; border-top:5px solid #654; width:940px; }
body.tools #cmdLogo { position:absolute; left:20px; top:-100px;  }
body.tools #pnlCopyright { position:relative; left:20px; bottom:auto; }

/* Menu: 1. Ebene */
#navigation {		position:fixed; top:130px; left:120px; width:230px; border-top:5px solid #654; }
#lstNavi {			list-style-type:none; margin:1px 0; padding:20px 0; background:url(/images/bg-black-70.png); }
#lstNavi a {		display:block; padding:6px 0 6px 47px; text-transform:lowercase; color:#fff; text-decoration:none; }
#lstNavi a:hover {	background-color:#000; }

#cmdModelHomepage {background:url(/images/pikto-neu.png) no-repeat 15px 6px; }


body.start #cmdHome,
body.erstellen #cmdSedcardErstellen,
body.online #cmdSedcardOnline,
body.bmi #cmdBMI
{
	background-color:#000;
}



/* * * * * * * * * * * *
 * * *   Inhalte   * * *
 * * * * * * * * * * * */

/* Tags */
p {		padding:0 0 10px 0; }
em {	letter-spacing:0.25px; }

h1, h2, h3, h4, h5, h6 { color:#fff; }
h1 {    padding:0 0 10px 0; text-transform:uppercase; }
h2 {	padding:15px 0 10px 0; }
h6 {	border-bottom:1px solid #ccc; margin-bottom:10px; color:#ccc; text-align:right; } /* Anzeigen */

#inhalt ol li, 
#inhalt ul li {	padding-bottom:5px; }

#inhalt ul.haken { list-style-type:none; }
#inhalt ul.haken li { padding-left:28px; background:url(/images/pikto-list-style-type-haken.png) no-repeat top left; }
#inhalt ol { padding-left:20px; }


#ladebalken { display:none; }

/* Klassen */
.top {			padding-top:0; }
.clearer {      clear:both; }
.mehrAbstand {  padding-top:20px; }
.hinweis {		color:#999; }
.example {		color:#000; }
.hidden {		display:none; }
.indent {		padding-left:22px; }
.fg-white {		color:#fff; } /* foreground white */


.loader { display:none; height:30px; width:30px; background:url(/images/loader.gif) no-repeat center left; }
.bg-default { background-image:url(/images/bg-patterns/bg3.png);}




/* * * * * * * * * * * *
 * * *  Formulare  * * *
 * * * * * * * * * * * */

/* Statusmeldung */
/*#statusFehler {		padding:5px; color:#900; margin-bottom:10px;  }
#statusFehler li {  padding:1px 0 1px 20px; list-style-type:none; background:url(/images/pikto-fehler.png) no-repeat left 3px; }
#statusErfolg {		padding:1px 0 1px 20px; list-style-type:none; margin-bottom:20px; color:#090; background:url(/images/pikto-erfolg.png) no-repeat left 3px;  }

.page-password #statusFehler { padding:5px 10px; color:#fff; background-color:#900; border-radius:3px; }
.page-password #statusFehler li { background:none; }
.page-password #statusErfolg { padding:5px 10px; color:#fff; background-color:#090; border-radius:3px; }
*/
#statusFehler { padding:5px 10px; color:#fff; background-color:#900; border-radius:3px; }
#statusFehler li { background:none; }
#statusErfolg { padding:5px 10px; color:#fff; background-color:#090; border-radius:3px; }


/* Allgemeingültige Formatierungen */
fieldset {		border:none; }
fieldset p {	padding-bottom:5px;}
legend {		display:none; }
label {			display:none; }

.btn,
textarea,
input[type="password"],
input[type="submit"],
input[type="button"],
input[type="text"] 
{
	border:none; border-radius:3px; 
}

textarea,
input[type="password"],
input[type="text"] 
{
	padding:3px 5px;
}

.btn,
input[type="submit"],
input[type="button"]
{			
	padding:5px 15px; color:#654; text-decoration:none; cursor:pointer; box-shadow:1px 1px 3px #000; background:url(/images/bg-btn.jpg) repeat-x left center; 
}

.btn.aktiv,
.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover
{	
	color:#000; text-decoration:none; box-shadow:none;
}


/* Overrides & Specials */

/* PW vergessen*/
#fldReset input[type="text"] { height:22px; line-height:22px; } /* height & line-height for centering in ie */

/* BMI */
#pnlRechner label { float:left; display:block; width:90px; padding:3px 0; }
#pnlRechner input[type="text"] { height:22px; line-height:22px; } /* height & line-height for centering in ie */

/* Placeholder */
#txtEmail::-webkit-input-placeholder,
#txtPasswort::-webkit-input-placeholder {	color:#333; } /* WebKit browsers */
#txtEmail:-moz-placeholder,
#txtPasswort:-moz-placeholder {				color:#333; } /* Mozilla Firefox 4 to 18 */
#txtEmail::-moz-placeholder,
#txtPasswort::-moz-placeholder {			color:#333; } /* Mozilla Firefox 19+ */
#txtEmail:-ms-input-placeholder,
#txtPasswort:-ms-input-placeholder {		color:#333; } /* Internet Explorer 10+ */



/* * * * * * * * * * * *
 * * *  Tabellen   * * *
 * * * * * * * * * * * */


.full_size {	width:100%; }
.one_half {		width:48%; }
.one_third {	width:30.6%; }
.two_third {	width:65%; }
.one_fourth {	width:22%; }
.three_fourth {	width:74%; }
.one_fifth {	width:16.8%; }
.two_fifth {	width:37.6%; }
.three_fifth {	width:58.4%; }
.four_fifth {	width:79.2%; }
.one_sixth {	width:13.33%; }
.five_sixth {	width:82.65%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth
{ 
  position:relative; margin-right:4%; float:left; 
}
.last_col { float:right; margin-right:0 !important; clear:right; }




/* * * * * * * * * * * *
 * * *  Plug-Ins   * * *
 * * * * * * * * * * * */

.tipsy { padding: 5px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 250px; text-align: left; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background:url(/images/tipsy.gif) no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

  
/* Ajax-Status
#jStatusbox {		display:none; width:400px; position:absolute; border:10px solid #333; border:10px solid rgba(0, 0, 0, 0.5); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; }
#jStatusbox h2 {	padding:8px 10px; background:#210 url(../images/layout/bg-statusbox.png); color:#fff; border:1px solid #000; border-bottom:none; }
#jStatusbox div {	padding:20px 110px 30px 20px; border:1px solid #000; }
#jStatusbox div.fehler {	background:#fff url(../images/layout/404-statusbox.jpg) no-repeat 285px 5px; }
#jStatusbox div.erfolg {	background:#fff url(../images/layout/200-statusbox.jpg) no-repeat 280px 5px; }
*/

.jAlert { display:none; position:absolute; left:280px; top:5px; }  
.jAlertLogin { display:none; position:absolute; left:-25px; top:0px; }  

 
/*
colpick Color Picker / colpick.com
*/

/*Main container*/
.colpick {
	position: absolute;
	z-index:9999;
	width: 346px;
	height: 170px;
	overflow: hidden;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	background:#ebebeb;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	/*Prevents selecting text when dragging the selectors*/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/*Color selection box with gradients*/
.colpick_color {
	position: absolute;
	left: 7px;
	top: 7px;
	width: 156px;
	height: 156px;
	overflow: hidden;
	outline: 1px solid #aaa;
	cursor: crosshair;
}
.colpick_color_overlay1 {
	position: absolute;
	left:0;
	top:0;
	width: 156px;
	height: 156px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; /* IE8 */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); /* IE6 & IE7 */
}
.colpick_color_overlay2 {
	position: absolute;
	left:0;
	top:0;
	width: 156px;
	height: 156px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; /* IE8 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
/*Circular color selector*/
.colpick_selector_outer {
	background:none;
	position: absolute;
	width: 11px;
	height: 11px;
	margin: -6px 0 0 -6px;
	border: 1px solid black;
	border-radius: 50%;
}
.colpick_selector_inner{
	position: absolute;
	width: 9px;
	height: 9px;
	border: 1px solid white;
	border-radius: 50%;
}
/*Vertical hue bar*/
.colpick_hue {
	position: absolute;
	top: 6px;
	left: 175px;
	width: 19px;
	height: 156px;
	border: 1px solid #aaa;
	cursor: n-resize;
}
/*Hue bar sliding indicator*/
.colpick_hue_arrs {
	position: absolute;
	left: -8px;
	width: 35px;
	height: 7px;
	margin: -7px 0 0 0;
}
.colpick_hue_larr {
	position:absolute;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 7px solid #858585;
}
.colpick_hue_rarr {
	position:absolute;
	right:0;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent; 
	border-right: 7px solid #858585; 
}
/*New color box*/
.colpick_new_color {
	position: absolute;
	left: 207px;
	top: 6px;
	width: 60px;
	height: 27px;
	background: #f00;
	border: 1px solid #8f8f8f;
}
/*Current color box*/
.colpick_current_color {
	position: absolute;
	left: 277px;
	top: 6px;
	width: 60px;
	height: 27px;
	background: #f00;
	border: 1px solid #8f8f8f;
}
/*Input field containers*/
.colpick_field, .colpick_hex_field  {
	position: absolute;
	height: 20px;
	width: 60px;
	overflow:hidden;
	background:#f3f3f3;
	color:#b8b8b8;
	font-size:12px;
	border:1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.colpick_rgb_r {
	top: 40px;
	left: 207px;
}
.colpick_rgb_g {
	top: 67px;
	left: 207px;
}
.colpick_rgb_b {
	top: 94px;
	left: 207px;
}
.colpick_hsb_h {
	top: 40px;
	left: 277px;
}
.colpick_hsb_s {
	top: 67px;
	left: 277px;
}
.colpick_hsb_b {
	top: 94px;
	left: 277px;
}
.colpick_hex_field {
	width: 68px;
	left: 207px;
	top: 121px;
}
/*Text field container on focus*/
.colpick_focus {
	border-color: #999;
}
/*Field label container*/
.colpick_field_letter {
	position: absolute;
	width: 12px;
	height: 20px;
	line-height: 20px;
	padding-left: 4px;
	background: #efefef;
	border-right: 1px solid #bdbdbd;
	font-weight: bold;
	color:#777;
}
/*Text inputs*/
.colpick_field input, .colpick_hex_field input {
	position: absolute;
	right: 11px;
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	background: transparent;
	border: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	text-align: right;
	outline: none;
}
.colpick_hex_field input {
	right: 4px;
}
/*Field up/down arrows*/
.colpick_field_arrs {
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 21px;
	cursor: n-resize;
}
.colpick_field_uarr {
	position: absolute;
	top: 5px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #959595;
}
.colpick_field_darr {
	position: absolute;
	bottom:5px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #959595;
}
/*Submit/Select button*/
.colpick_submit {
	position: absolute;
	left: 207px;
	top: 149px;
	width: 130px;
	height: 22px;
	line-height:22px;
	background: #efefef;
	text-align: center;
	color: #555;
	font-size: 12px;
	font-weight:bold;
	border: 1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.colpick_submit:hover {
	background:#f3f3f3;
	border-color:#999;
	cursor: pointer;
}

/*full layout with no submit button*/
.colpick_full_ns  .colpick_submit, .colpick_full_ns .colpick_current_color{
	display:none;
}
.colpick_full_ns .colpick_new_color {
	width: 130px;
	height: 25px;
}
.colpick_full_ns .colpick_rgb_r, .colpick_full_ns .colpick_hsb_h {
	top: 42px;
}
.colpick_full_ns .colpick_rgb_g, .colpick_full_ns .colpick_hsb_s {
	top: 73px;
}
.colpick_full_ns .colpick_rgb_b, .colpick_full_ns .colpick_hsb_b {
	top: 104px;
}
.colpick_full_ns .colpick_hex_field {
	top: 135px;
}

/*rgbhex layout*/
.colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s, .colpick_rgbhex .colpick_hsb_b {
	display:none;
}
.colpick_rgbhex {
	width:282px;
}
.colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit {
	width:68px;
}
.colpick_rgbhex .colpick_new_color {
	width:34px;
	border-right:none;
}
.colpick_rgbhex .colpick_current_color {
	width:34px;
	left:240px;
	border-left:none;
}

/*rgbhex layout, no submit button*/
.colpick_rgbhex_ns  .colpick_submit, .colpick_rgbhex_ns .colpick_current_color{
	display:none;
}
.colpick_rgbhex_ns .colpick_new_color{
	width:68px;
	border: 1px solid #8f8f8f;
}
.colpick_rgbhex_ns .colpick_rgb_r {
	top: 42px;
}
.colpick_rgbhex_ns .colpick_rgb_g {
	top: 73px;
}
.colpick_rgbhex_ns .colpick_rgb_b {
	top: 104px;
}
.colpick_rgbhex_ns .colpick_hex_field {
	top: 135px;
}

/*hex layout*/
.colpick_hex .colpick_hsb_h, .colpick_hex .colpick_hsb_s, .colpick_hex .colpick_hsb_b, .colpick_hex .colpick_rgb_r, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_b {
	display:none;
}
.colpick_hex {
	width:206px;
	height:201px;
}
.colpick_hex .colpick_hex_field {
	width:72px;
	height:25px;
	top:168px;
	left:80px;
}
.colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input {
	height: 25px;
	line-height: 25px;
}
.colpick_hex .colpick_new_color {
	left:9px;
	top:168px;
	width:30px;
	border-right:none;
}
.colpick_hex .colpick_current_color {
	left:39px;
	top:168px;
	width:30px;
	border-left:none;
}
.colpick_hex .colpick_submit {
	left:164px;
	top: 168px;
	width:30px;
	height:25px;
	line-height: 25px;
}

/*hex layout, no submit button*/
.colpick_hex_ns  .colpick_submit, .colpick_hex_ns .colpick_current_color {
	display:none;
}
.colpick_hex_ns .colpick_hex_field {
	width:80px;
}
.colpick_hex_ns .colpick_new_color{
	width:60px;
	border: 1px solid #8f8f8f;
}

/*Dark color scheme*/
.colpick_dark {
	background: #161616;
	border-color: #2a2a2a;
}
.colpick_dark .colpick_color {
	outline-color: #333;
}
.colpick_dark .colpick_hue {
	border-color: #555;
}
.colpick_dark .colpick_field, .colpick_dark .colpick_hex_field {
	background: #101010;
	border-color: #2d2d2d;
}
.colpick_dark .colpick_field_letter {
	background: #131313;
	border-color: #2d2d2d;
	color: #696969;
}
.colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input {
	color: #7a7a7a;
}
.colpick_dark .colpick_field_uarr {
	border-bottom-color:#696969;
}
.colpick_dark .colpick_field_darr {
	border-top-color:#696969;
}
.colpick_dark .colpick_focus {
	border-color:#444;
}
.colpick_dark .colpick_submit {
	background: #131313;
	border-color:#2d2d2d;
	color:#7a7a7a;
}
.colpick_dark .colpick_submit:hover {
	background-color:#101010;
	border-color:#444;
}



/* * * * * * * * * * * * *
 * * *  CSS-Sprites  * * *
 * * * * * * * * * * * * */

.sprites { 
	display:inline-block;
	float:left;
	margin:0 1px 1px 0 !important;
	padding:0 !important;
	text-indent:-2000px !important; 
	text-align:left !important; 
	width:30px; 
	height:30px; 
	font-size:0 !important;
	line-height:0 !important;
	border:none !important;
	background:url(/images/sprite-menu.png?v=2) no-repeat left top; 
	background-color:rgba(0,0,0,0.3);
}

.sprites:hover { background-color:rgba(0,0,0,0.7); }

.sprites.prev { background-position:0 0; float:right; }
.sprites.next {	background-position:-30px 0; float:right; }
.sprites.hide { background-position:-60px 0; float:right; margin-right:0 !important; }
.sprites.show { background-position:-90px 0; float:right; margin-right:0 !important; }
.sprites.facebook { background-position:-120px 0; }
.sprites.twitter {	background-position:-150px 0; }



/* * * * * * * * *
 * * *  ADS  * * *
 * * * * * * * * */


.aff { float:left; margin:0 0 1px 0; background-color:#fff; }
.h250 { height:250px; }
.b300 { width:300px; }
.b120 { width:120px; }
.b180 { width:180px; }



/* * * * * * * * * *
 * * *  MEDIA  * * *
 * * * * * * * * * */

@media (max-height: 500px) {
   #navigation { position:absolute; }
 }