/* �berschreibt bestimmte Eigenschaften der normalen Seite und f�gt weitere hinzu */




/* open-sans-condensed-700 - latin */
@font-face {
	font-family: 'Open Sans Condensed';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/open-sans-condensed-v12-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'),
	url('../fonts/open-sans-condensed-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/open-sans-condensed-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/open-sans-condensed-v12-latin-700.woff') format('woff'), /* Modern Browsers */
	url('../fonts/open-sans-condensed-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/open-sans-condensed-v12-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Open Sans Regular'), local('OpenSans-Regular'),
	url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
	url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
	url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
	src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
	url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
	url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* orbitron-regular - latin */
@font-face {
	font-family: 'Orbitron';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/orbitron-v9-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Orbitron Regular'), local('Orbitron-Regular'),
	url('../fonts/orbitron-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/orbitron-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/orbitron-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/orbitron-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/orbitron-v9-latin-regular.svg#Orbitron') format('svg'); /* Legacy iOS */
}
/* orbitron-500 - latin */
@font-face {
	font-family: 'Orbitron';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/orbitron-v9-latin-500.eot'); /* IE9 Compat Modes */
	src: local('Orbitron Medium'), local('Orbitron-Medium'),
	url('../fonts/orbitron-v9-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/orbitron-v9-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/orbitron-v9-latin-500.woff') format('woff'), /* Modern Browsers */
	url('../fonts/orbitron-v9-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/orbitron-v9-latin-500.svg#Orbitron') format('svg'); /* Legacy iOS */
}
/* orbitron-700 - latin */
@font-face {
	font-family: 'Orbitron';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/orbitron-v9-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Orbitron Bold'), local('Orbitron-Bold'),
	url('../fonts/orbitron-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/orbitron-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/orbitron-v9-latin-700.woff') format('woff'), /* Modern Browsers */
	url('../fonts/orbitron-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/orbitron-v9-latin-700.svg#Orbitron') format('svg'); /* Legacy iOS */
}
body{
	background-position: center 0px;
	background-image:url("../images/main_background.png");
}

#neon{
	background-image:url("../images/header-neon.png");
	}

#title{
	margin-top:-40px;
}

#header{
	height:44px;
}


.standardbox{
	float:left;
	background-color:#FFF;
	border:2px solid #42EA00;
	width:301px;
	font-size:12px;
	margin-bottom:14px;
	margin-left:20px;
}

.standardbox .smaller{width:300px;}

.standardbox:first-child{
	margin-left:0;
}

.standardbox .nr{
	font-family:'Orbitron';
	float:left;
	background-image:url("../images/kasten-info.png");
	background-repeat:no-repeat;
	color:#fff;
	width:26px;
	height:22px;
	font-weight:bold;
	line-height:20px;
	text-align:center;
	font-size:14px;
	cursor:pointer;
}
.standardbox .nr:hover{
	background-image:url("../images/kasten-info-hover.png");
	font-size:0px;
}

.fixheight{
	min-height:203px;
}

.standardbox h1{
	float:left;
	color:#000;
	width:265px;
	height:22px;
	margin:0;
	font-size:12px;
	font-weight:bold;
	line-height:22px;
	padding-left:10px;
	background-image:url("../images/standardbox-h1-background.png");
	background-repeat:repeat;
	cursor:pointer;
	overflow:hidden;
	/* width:100%; */
}

.standardbox h1:hover{
	background-image:url("../images/standardbox-h1-background-hover.png");
}

.standardbox h1 .auswahl{
	color:#333;
	text-transform:uppercase;

}

#container-left{
	float:left;
	clear:both;
}

#konf{

	/* background-color:#FFF; */
	/* background-color:#f00; */
	background-color:#fff;
	width:630px;
	height:372px;
	font-size:12px;
	/* background-image:url("../images/startup.png"); */
	background-image:none;
	overflow:hidden;
}

#startup{
	position:absolute;
	width:610px;
	height:332px;
	padding:10px;
	padding-top:30px;
	color:#B2ABAB;
	font-size:14px;
	line-height:24px;
	font-family:Orbitron;
	font-weight:bold;
}

#startup h1{
	line-height:33px;
	font-family:Orbitron;
}

#startup h1 .soft{
	color:#B2ABAB;
	font-size:19px;
	font-weight:bold;
	text-align:right;
	float:right;
	margin-right:30px;
}

#startup b{
	color:#3EDC00;
	font-weight:bold;
}

#startup iframe{
	float:right;
	margin-right:8px;
	margin-top:20px;

}

#startup iframe.vimeo{
	float:none;
	border: 1px solid;

}


#konf img{width:630px;position:absolute;}

#daten{
	margin-top:50px;
	width:630px;
	min-height:300px;
	background-color:#ddd;
}

.boxright{
	float:right;
}

.register
{
	/* color:#333; */
	color:#000;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	/* background-color:#33FF00; */
	background-color:#42EA00;
	float:left;
	margin-right:2px;
	margin-top:3px;
	padding:4px;
	padding-top:3px;
	width:91px;
	height:14px;
	text-align:center;
	margin-bottom:4px;
	cursor:pointer;
}
.register:hover{
	color:#fff;
}
.register.regactive{
	color:#fff;
}

#register1{display:block;}
#register2{display:none;}
#register3{display:none;}

.first{margin-left:0px;}
.last{margin-right:0px;}


.bauteilgruppenauswahl {
	/* margin-top:30px; */

}

.bauteilgruppenauswahl.headerbox {
	position:absolute;
	z-index:1;
	width:302px;
}

.bauteilgruppenauswahl li{
	list-style-type:none;
	margin:6px;


	padding-right:2px;
	padding-left:28px;
	padding-top:10px;
	padding-bottom:0;
	line-height:9px;

	cursor:pointer;
	clear:both;
	background-image:url("../images/anstrich-menue.png");
	background-position:0px 12px;
	background-repeat:no-repeat;
	border-top:2px dotted #44EA00;
}

.bauteilgruppenauswahl li:first-child{
	border-top:none;
	/* padding-top:0px; */
	margin-top:0;
}

.bauteilgruppenauswahl li:hover{
	background-image:url("../images/anstrich-menue-hover.png");
	font-weight:bold;
	/* background-position:5px 10px; */
}

.bauteilgruppenauswahl li.active{
	background-image:url("../images/anstrich-menue-hover.png");
	font-weight:bold;
}

.bauteilauswahl:hover{
	margin-left:0px;
}
.bauteilauswahl li{
	/* margin-left:0px; */
	/* margin-left:10px; */
	/* background-color:#fff; */
}

#rahmenfarben li{
	background-image:none;
	padding-left:0;

	margin-right:6px;
	margin-left:7px;

	/* margin-right:7px; */
}



.grundtyp{
	/* background-image: url(../images/1-grundtyp-montainbike26.png); */
	background-repeat: no-repeat;
	background-position: 0px 22px;
}

.modell{
	/* background-image: url(../images/2-modell-montainbike26-sellasport.jpg); */
	background-repeat: no-repeat;
	background-position: 0px 22px;
}

.geometrie{
	/* background-image: url(../images/3-geometrie-damen.png); */
	background-repeat: no-repeat;
	background-position: 0px 22px;
}

#rahmenplus{
	margin-top:166px;
	top:2px;
	position:relative;
	float:left;
	bottom:0;
	left:0;
	width:13px;
	height:15px;
	background-image: url("../images/plus-modell.png");
	cursor:pointer;
	z-index:3;
}

#rahmenplus:hover{
	background-image: url("../images/plus-modell-hover.png");
}

#rahmenpfeil{
	/* margin-top:168px; */
	margin-top:166px;
	top:2px;
	position:relative;
	right:0;
	float:right;
	width:13px;
	height:15px;

	cursor:pointer;
	z-index:3;
}

.pfeil-auf{background-image: url("../images/modell-pfeil-auf.png");}
.pfeil-auf:hover{background-image: url("../images/modell-pfeil-auf-hover.png");}

.pfeil-zu{background-image: url("../images/modell-pfeil-zu.png");}
.pfeil-zu:hover{background-image: url("../images/modell-pfeil-zu-hover.png");}



#modell-beschreibungstext{
	display:none;
	margin-top:181px;
	/*padding:8px;*/
	padding-top:10px;
	padding-bottom:10px;
	position:absolute;
	background:#fff;
	border: 2px solid #42EA00;
	/* border-top: 2px solid #fff; */
	border-top: none;
	font-size: 12px;
	width: 301px;
	/*width: 285px;*/

	left:325px;
	z-index:2;
	hyphens:auto;
}

#modell-beschreibungstext p{
	padding-left:8px;
	padding-right:8px;
}

#modell-beschreibungstext table{
	width:293px;
	margin-right:5px;
	margin-left:5px;
}

#modell-beschreibungstext td{
	border-bottom: 1px solid #42EA00;
    padding-left:0 !important;
    padding-right:0 !important;

}

#modell-beschreibungstext .footer>td{
	font-weight:bold;
	border:0;
    padding-bottom:0;
}



#kasten-info-visualisierung{
	position:relative;
	width:24px;
	height:22px;
	margin:3px;
	background-image: url("../images/kasten-info-visu.png");
	z-index:5;
	cursor:pointer;
}
#kasten-info-visualisierung:hover{
	background-image: url("../images/kasten-info-visu-hover.png");
}

#konzept{
	float:left;
	margin-left:8px;
	position:relative;
	top:18px;
	color:#8b8a8a;
	font-size:11px;
	font-family:'Open Sans';
	letter-spacing:0 !important;
	font-weight:bold;
}

#konzept a{
	display:inline;
	color:#8b8a8a;
	font-size:11px;
	font-family:'Open Sans';
	letter-spacing:0 !important;
	font-weight:normal;
}

#konzept a:hover{
	background-image:none;
	color:#000;
}


#maininfo{
	/* display:none; */
	background-image:url("../images/main_info.png");
	width:24px;
	height:22px;
	position:absolute;
	top:25px;
	left:42px;
	   -moz-box-shadow: 0px 0px 5px  0px #a4a3a3;
	-webkit-box-shadow: 0px 0px 5px  0px #a4a3a3;
	        box-shadow: 0px 0px 5px  0px #a4a3a3;
	cursor:pointer;
}
#maininfo:hover{background-image:url("../images/main_info_hover.png");	}

#mainvelofaktum{
	background-image:url("../images/main_velofaktum.png");
	width:24px;
	height:22px;
	position:absolute;
	top:25px;
	left:2px;
	   -moz-box-shadow: 0px 0px 5px  0px #a4a3a3;
	-webkit-box-shadow: 0px 0px 5px  0px #a4a3a3;
	        box-shadow: 0px 0px 5px  0px #a4a3a3;
}
#mainvelofaktum:hover{background-image:url("../images/main_velofaktum_hover.png");	}

/* The Close Button */
/*#ui-dialog .close {*/
	/*color: #aaa;*/
	/*float: right;*/
	/*font-size: 28px;*/
	/*font-weight: bold;*/
/*}*/

/*.close:hover,*/
/*.close:focus {*/
	/*color: black;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/
/*}*/

.ui-dialog .ui-dialog-titlebar-close{
	position:absolute !important;
	top:-4px !important;
	left:-4px !important;
	height:23px !important;
	width:23px !important;
	margin: 0!important;
	padding: 0!important;
}