@charset "utf-8";
/* CSS Document */

/*	
	=======================YS======================
	===                                         ===
    ===  coded by Yves Schaller Mediendesign    ===
	===          www.ys-mediendesign.de         === 
	===                                         ===              
	===============================================
*/

/*  --------------
	--- Global ---
	--------------  */


* {
	margin:0;
	padding:0;
	outline:none;
}

html,body {
	text-align:center;
	font-size:100.01%;
	margin:0 auto;
	width:100%;
	height:100%;
}

body {
	font:normal 14px/normal Arial, Helvetica, sans-serif, Tahoma;
	color:#C5C5C5;
	background:#282828;
}

img {
	border:0;
}
a {
	text-decoration:none;
	border:none;
	color:#50A7FF;
}
a:hover {
	text-decoration:underline;
}
ul {
	list-style:none;
}

h1,h2 {
	font:100 36px/normal 'Actor', sans-serif;
	color:#fff;
	text-transform:uppercase;	
	text-shadow:#333 1px 1px 1px;
	
	/* Versatz links - Versatz oben - Unschärfe (Blur) - Farbe */ 
}
h1 {
	padding:0 0 30px;
}
h2 {
	font-size:22px;
	padding:0 0 10px;
	color:#50A7FF;
	text-shadow:#000 1px 1px 1px;
}	
p {
	padding:0 0 20px;
	text-shadow:#000 1px 1px 0px;
}

/*  ------------
	--- Wrap ---
	------------  */

#wrapper {
	clear:both;
	width:auto;
	padding:0;
	text-align:left;	
	background:url(../images/bg-wrapper.jpg) repeat-x 0 -34px;
}


/*  --------------
	--- top ---
	--------------  */

#top {
	width:1000px;
	height:26px;
	margin:0 auto;
	padding:8px 0 0;
}
#top li {
	float:right;
	padding:0 0 0 20px;
}
#top li a {
	color:#959595;
	font-size:12px;
	padding:0 0 3px 20px;
}
#top li a:hover {
	color:#79BCFF;
	text-decoration:none;
}

.download a {
	background:url(../images/ico-download.png) no-repeat 2px -18px;
}
.download a:hover {
	background-position:2px 0;
}
.login a {
	background:url(../images/ico-login.png) no-repeat 0 -18px;
}
.login a:hover {
	background-position:0 0;
}
.contact a {
	background:url(../images/ico-contact.png) no-repeat 0 -18px;
}
.contact a:hover {
	background-position:0 0;
}

/* --- Download --- */

.dnl-wrap {
	width:auto;
	background:#282828 url(../images/bg-dnl-wrap.jpg) repeat 0 0;
	display:none;
	border-top:1px solid #696969;
}
.dnl-content {
	position:relative;
	width:1000px;
	height:285px;
	margin:0 auto;
	padding:25px 0 0;
	text-align:left;
}
.center {
	width:400px;
	margin:0 auto;
}
#dnl-form label {
	width:120px;
}
#dnl-send {
	width:auto;
	height:35px;
	padding:0 20px 3px;
	margin:20px 0 0;
	cursor:pointer;
	border:none;
	background:#2B95FF;
	color:#eaeaea;
	border:1px solid #7DBEFF;
	border-top:1px solid #007CF9;
	border-left:1px solid #007CF9;
}
#dnl-send:hover {
	background:#007CF9;
	border:1px solid #007CF9;
	border-top:1px solid #7DBEFF;
	border-left:1px solid #7DBEFF;
	color:#fff;
}

/* --- Login --- */

.login-wrap {
	width:auto;
	background:#282828 url(../images/bg-dnl-wrap.jpg) repeat 0 0;
	display:none;
	border-top:1px solid #696969;
}
.login-content {
	position:relative;
	width:1000px;
	height:285px;
	margin:0 auto;
	padding:25px 0 0;
	text-align:left;
}
#login-form label {
	width:120px;
}
#login-send {
	width:auto;
	height:35px;
	padding:0 20px 3px;
	margin:0;
	cursor:pointer;
	border:none;
	background:#2B95FF;
	color:#eaeaea;
	border:1px solid #7DBEFF;
	border-top:1px solid #007CF9;
	border-left:1px solid #007CF9;
}
#login-send:hover {
	background:#007CF9;
	border:1px solid #007CF9;
	border-top:1px solid #7DBEFF;
	border-left:1px solid #7DBEFF;
	color:#fff;
}

/* --- Meldungen --- */

.message-ok,.message-error,.message {
	width:280px;
	margin-top:20px;
	padding:12px 60px;
	border:1px solid #187E40;
	background:#C2D48C url(../images/ico-ok.png) no-repeat 10px 5px;
	color:#306921;
}
.message-error {
	border:1px solid #EA2024;
	background:#F9AF7F url(../images/ico-error.png) no-repeat 10px 5px;
	color:#EA2024;
}
.message {
	border:1px solid #EC8609;
	background:#FFE990 url(../images/ico-message.png) no-repeat 10px 5px;
	color:#EC8609;
}


#btn-close {
	position:absolute;
	right:0;
	top:20px;
	background:url(../images/ico-close.png) no-repeat right 0;

}
#btn-close a {
	display:block;
	padding-right:22px;
}

/* --- container --- */

#container {
	width:1000px;
	margin:0 auto;
	background:url(../images/bg-container.jpg) no-repeat center 0;
}

/*  --- Logo ---  */

#logo {
	float:left;
	display:block;
	width:248px;
	height:67px;
	background:url(../images/logo-rene-fischer.png) no-repeat 0 0;
	text-indent:-9999px;
	position:absolute;
	left:0;
	top:1px;
	z-index:1000;
}

/*  --- Navigation ---  */

.tabbed_content {
	position:relative;
	width: 1000px;
	float:left;
	padding-top:1px;
}

.tabs {
	padding:0 0 0 250px;
	height:84px;
	position: relative;
}

.tabs .moving_bg {
	padding:0;
	background:url(../images/hover-nav.png) no-repeat 0 0;
	position: absolute;
	width:250px;
	height:84px;
	z-index: 190;
	left: 250px;
}

.tabs .tab_item {
	display: block;
	float: left;
	width:248px;
	height:64px;
	padding:20px 2px 0 0;
	font:100 15px/15px 'Actor', sans-serif;
	color: #fff;
	text-align: center;
	z-index: 200;
	position: relative;
	cursor: pointer;
	text-shadow:#333 1px 1px 1px;
}
.tab_item strong {
	font-size:38px;
	font-weight:100;
	padding-right:10px;
	vertical-align: sub;
}
.tabbed_content .slide_content {
	overflow: hidden;
	position: relative;	
	float:left;
	width:1000px;
	height:352px;
	padding:0;
	margin:0 0 40px;
	background:url(../images/bg-main.jpg) no-repeat 0 0;
	color:#fff;
}
.tabslider {
	width: 5000px;
}
.tabslider ul {
	float: left;
	width:872px;
	height:287px;
	padding:45px 64px 40px;
	margin:0;
}
.left-cover {
	 background:url(../images/left.png) no-repeat 0 0;
	 position:absolute;
	 left:0;
	 top:0;
	 z-index:2000;
	 width:64px;
	 height:352px;
}
.right-cover {
	 background:url(../images/right.png) no-repeat 0 0;
	 position:absolute;
	 right:0;
	 top:0;
	 z-index:1900;
	 width:64px;
	 height:352px;
}
.social {
	height:47px;
	float:right;
	padding:0 40px 0 0;
}
.social li {
	float:left;
	width:25px;
	height:33px;
	margin:0 0 0 10px;
}
.social li.xing {
	background:url(../images/ico-social.png) no-repeat 0 0;
}
.social li.twitter {
	background:url(../images/ico-social.png) no-repeat -25px 0;
}
.social li.facebook {
	background:url(../images/ico-social.png) no-repeat -50px 0;
}
.social li a {
	display:block;
	width:25px;
	height:33px;
	text-indent:-9999px;
}


/*  -----------------
	--- Content ---
	-----------------  */

#content {
	clear:both;
	float:left;
	width:960px;
	height:auto;
	/*min-height:561px;*/
	padding:0 0 50px;
}

/* --- Columns --- */


.left {
	float:left;
	width:436px;
	height:auto;
	padding:0 0 0 64px;
}
.right {
	float:left;
	width:436px;
	height:auto;
	padding:55px 64px 0 0;
}

.clear {
	clear:both;
}


/*  --------------
	--- Footer ---
	--------------  */

#footer {
	width:843px;
	height:32px;
	margin:0 auto;
	padding:18px 64px 0;
	font-size:12px;
	line-height:normal;
	text-align:left;
	background:#000;
}
#footer li {
	float:right;
	color:#666;
	padding:0 0 0 25px;
}
#footer li a {
	color:#666;
}
#footer li a:hover {
	color:#c5c5c5;
}
#footer li.first {
	float:left;
	padding:0;
}


/*  -----------------------------
	--- Formatierung Formular ---
	-----------------------------  */
	
input, select, textarea, label {
	font:normal 14px/normal Arial, Helvetica, sans-serif, Tahoma;
	color:#C5C5C5;
	text-shadow:#000 1px 1px 0px;
}
form {
	margin:0;
	padding:22px 0 0;
}
form br {
	clear: left;
}

label {
	float:left;
	width:77px;
	padding:9px 0 0;
}

input {
	float:left;
	width:270px;
	height:35px;
	height:27px\9;
	background:#6B6B6B url(../images/bg-input.png) no-repeat 0 -35px;
	margin:0 0 16px;
	padding:0 0 0 10px;
	padding:8px 0 0 10px\9; /* IE8 Hack */
	border:none;
	
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius: 6px;
	
}
input.chk-agb {
	width:auto;
	height:auto;
	background:none;
	padding:0;
	margin:2px 10px 0 0;
	-moz-border-radius:0;
	-khtml-border-radius:0;
	border-radius:0;
}

* html input {
	height:27px;
	padding:8px 0 0 10px;
	margin:0;
}
*+ html input {
	height:27px;
	padding:8px 0 0 10px;
}
input:hover {
 	color:#fff;
	background:#555 url(../images/bg-input.png) no-repeat 0 0; 
}
textarea {
	float:left;
	width:270px;
	height:130px;
	background:#6B6B6B url(../images/bg-textarea.png) 0 -140px;
	margin:0 0 16px;
	padding:10px 0 0 10px;
	border:none;
	
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius: 6px;
}
textarea:hover {
	color:#fff;
	background:#000 url(../images/bg-textarea.png) 0 0;
}
#send {
	width:280px;
	height:35px;
	padding:0;
	cursor:pointer;
	border:none;
	background:url(../images/btn-send.png) no-repeat 0 -35px;
	color:#fff;
	text-shadow:#333 1px 1px 0px;
}
#send:hover {
	background:url(../images/btn-send.png) no-repeat 0 0;
	text-shadow:none;
}