/* ==================================================================
Stylesheet
Datei: text.css
Media: all

Datum: 07.11.2013
Autor:	grintsch communications (ph/mf)
Internet: www.grintsch.com

Inhalt:
CSS-Anweisungen für Ideal Standard
==================================================================== */
	
/* ======================================================

	=1.0 Icons

========================================================= */
.icn {
	display: inline-block;
	vertical-align: middle;
	background: url(img/sprite/no-repeat_v1-1.png) no-repeat;

	margin: 0 5px 0 0; 	
}

	.icn--right { margin: 0 0 0 5px;}

	
	
.icn--ok {
	background-position: -280px 0;
	width: 16px;
	height: 13px;
}

.icn--download-strong {
	background-position: -300px 0;
	width: 25px;
	height: 25px;
}

.icn--create {
	background-position: -325px 0;
	width: 25px;
	height: 25px;
}

.icn--permanent-storage {
	background-position: -350px 0;
	width: 25px;
	height: 25px;
}

.icn--save {
	background-position: -375px 0;
	width: 25px;
	height: 25px;
}

.icn--comments {
	background-position: -400px 0;
	width: 25px;
	height: 25px;
}

.icn--share {
	background-position: -425px 0;
	width: 25px;
	height: 25px;
}

.icn--pdf {
	background-position: -450px 0;
	width: 25px;
	height: 25px;
}

.icn--document {
	background-position: -300px -44px;
	width: 15px;
	height: 20px;
}

.icn--arrow-down-big {
	background-position: -275px -25px;
	width: 22px;
	height: 16px;
}

.icn--product-required {
	background-position: -350px -45px;
	
	width: 20px;
	height: 20px;
	margin: 0;
}
	
.icn--download {
	background-position: -350px -25px;
	
	width: 10px;
	height: 16px; 
}	

.icn--eject {
	background-position: -375px -25px;
	width: 13px;
	height: 11px;
}

.icn--inject {
	background-position: -400px -25px;
	width: 13px;
	height: 11px;
}

 /*icn:before*/
 
/*  .icn {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0; 	
}

	.icn:before {
		display: block;
		vertical-align: middle;
		background: url(img/sprite/no-repeat_v1-1.png) no-repeat;
		content: "";
	}

	.icn--right { margin: 0 0 0 5px;}
	
.icn--ok:before {
	background-position: -280px 0;
	width: 16px;
	height: 13px;
}

.icn--download-strong:before {
	background-position: -300px 0;
	width: 25px;
	height: 25px;
}

.icn--create:before {
	background-position: -325px 0;
	width: 25px;
	height: 25px;
}

.icn--permanent-storage:before {
	background-position: -350px 0;
	width: 25px;
	height: 25px;
}

.icn--save:before {
	background-position: -375px 0;
	width: 25px;
	height: 25px;
}

.icn--comments:before {
	background-position: -400px 0;
	width: 25px;
	height: 25px;
}

.icn--share:before {
	background-position: -425px 0;
	width: 25px;
	height: 25px;
}

.icn--pdf:before {
	background-position: -450px 0;
	width: 25px;
	height: 25px;
}

.icn--document:before {
	background-position: -300px -44px;
	width: 15px;
	height: 20px;
}

.icn--arrow-down-big:before {
	background-position: -275px -25px;
	width: 22px;
	height: 16px;
}

.icn--product-required:before {
	background-position: -350px -45px;
	
	width: 20px;
	height: 20px;
	margin: 0;
}
	
.icn--download:before {
	background-position: -350px -25px;
	
	width: 10px;
	height: 16px; 
}	
  */
/* ======================================================

	=2.0 Buttons

========================================================= */
.button {
	display: inline-block;
	position: relative;
	
	color: #fff !important;
	font-family: "museo-sans-n5","museo-sans",Arial,Helvetica,sans-serif;
	font-weight: 500;

	line-height: 2.25;
	text-align: center;
	text-decoration: none;
	letter-spacing: normal;
	
	width: 100%;
	background: #686868;
	padding: 0 5px;
	border: 1px solid #686868;

	cursor: pointer;
	
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

	/*input.button { padding: 6px 5px; }  Button zu hoch */
	
	.button:hover { color: #fff; }

.button--light {
	background: #c0c1c2;
	border-color: #c0c1c2;
}

.button--important {
	background: #009de4;
	border-color: #009de4;
}

	.button--colx1 { width: 80px; }
	.button--colx2 { width: 140px; }
	.button--colx3 { width: 220px; }

.button-close {
	position: absolute;
	top: 10px;
  	right: 10px;
	z-index: 20;

	display: block;
	
	background: #c0c1c2 url("img/sprite/no-repeat.png") no-repeat -392px -52px; 
	cursor: pointer;
    overflow: hidden;
    text-indent: -999px;
       
    height: 33px;
    width: 34px;
}

.js_whithout_js .button-close { display: none; }


/* ======================================================

	=3.0 Diff images

========================================================= */

.img-absolute { position: absolute; }

	.img-absolute--top-right {
		top: 20px;
		right: 20px;
	}
	
.tab__frame	.img-absolute { box-shadow: 0 0 5px #dbdbdb; }

.img--left {
	float: left;
	margin: 5px 20px 10px 0;
}

.img--flex { width: 100%; }



/* ======================================================

	=4.0 Misc

========================================================= */

/* New */
.colored,
.colored a { color: #009de4; }

.border { border: 1px solid #c0c1c2; }

	.border--bottom {
		padding-bottom: 10px;
		border-width: 0 0 1px 0;
	}
	
	/*img*/.bordered { border: 1px solid #c0c1c2; }
	/* Check it versus .border */

.gradient {
	background: #f2f1ed; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f1ed 0%, #f2f1ed 80%, #e6e5e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f1ed), color-stop(80%,#f2f1ed), color-stop(100%,#e6e5e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f1ed 0%,#f2f1ed 80%,#e6e5e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f1ed 0%,#f2f1ed 80%,#e6e5e1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f1ed 0%,#f2f1ed 80%,#e6e5e1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f1ed 0%,#f2f1ed 80%,#e6e5e1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f1ed', endColorstr='#e6e5e1',GradientType=0 ); /* IE6-9 */
}	
	
	
	/* Big Play Button (at start)
---------------------------------------------------------*/
.vjs-big-play-button {
  display: block; /* Start hidden */ z-index: 2;
  position: absolute; top: 50%; left: 50%; width: 5.5em; height: 5.5em; margin: -38px 0 0 -42px; text-align: center; vertical-align: center; cursor: pointer !important;
  border: 0.2em solid #fff; opacity: 0.95;
  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;

  background: #454545;
  background: -moz-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#454545), color-stop(50%,#232323), color-stop(50%,#161616), color-stop(100%,#3f3f3f));
  background: -webkit-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
  background: -o-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
  background: -ms-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#3f3f3f',GradientType=0 );
  background: linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);

  /* CSS Shadows */
  -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000; box-shadow: 4px 4px 8px #000;
}

div.vjs-big-play-button:hover {
  -webkit-box-shadow: 0 0 80px #fff; -moz-box-shadow: 0 0 80px #fff; box-shadow: 0 0 80px #fff;
}

div.vjs-big-play-button span {
  position: absolute; top: 50%; left: 50%;
  display: block; width: 35px; height: 42px;
  margin: -20px 0 0 -15px; /* Using negative margin to center image. */
  background: url('video-js/video-js.png') -100px 0;
}	

	
/* ======================================================

	=notepad

========================================================= */	
/* 
#wHeader .notepad .reg_info ul{ list-style: square;}	

.notepad-notification { background: #fff;}

.notepad-notification a { text-decoration: none;}

.container--border-top { border-top: 1px dotted #c0c1c2;}

.notepad .toggle_reg_info {
	position: absolute;
	bottom: 20px;
	right: 10px;
	z-index: 40;
	
	cursor: pointer;
	line-height: 33px;
	background: #e6e8e8;
	
	width: 33px;
	height: 33px;
	
}

.notepad .toggle_reg_info .icn {
	position: absolute; 
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -7px;
}
 */
/* ======================================================

	=IE9 + IE10

========================================================= */	

@media screen and (min-width:0\0) { 
	.form__input--text,
	.form__input--captcha { line-height: 18px;}

	input.button { padding: 0;}	
}