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

@font-face {
	font-family: 'Bezugo';
	src: url('fonts/Bezugo.eot');
	src: local('☺'), url('fonts/Bezugo.woff') format('woff'), url('fonts/Bezugo.ttf') format('truetype'), url('fonts/Bezugo.svg') format('svg'), url('fonts/Bezugo.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Kehre';
	src: url('fonts/Kehre.eot');
	src: local('☺'), url('fonts/Kehre.woff') format('woff'), url('fonts/Kehre.ttf') format('truetype'), url('fonts/Kehre.svg') format('svg'), url('fonts/Kehre.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Kroll';
	src: url('fonts/Kroll.eot');
	src: local('☺'), url('fonts/Kroll.woff') format('woff'), url('fonts/Kroll.ttf') format('truetype'), url('fonts/Kroll.svg') format('svg'), url('fonts/Kroll.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Magyar';
	src: url('fonts/Magyar.eot');
	src: local('☺'), url('fonts/Magyar.woff') format('woff'), url('fonts/Magyar.ttf') format('truetype'), url('fonts/Magyar.svg') format('svg'), url('fonts/Magyar.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roth';
	src: url('fonts/Roth.eot');
	src: local('☺'), url('fonts/Roth.woff') format('woff'), url('fonts/Roth.ttf') format('truetype'), url('fonts/Roth.svg') format('svg'), url('fonts/Roth.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Sivado';
	src: url('fonts/Sivado.eot');
	src: local('☺'), url('fonts/Sivado.woff') format('woff'), url('fonts/Sivado.ttf') format('truetype'), url('fonts/Sivado.svg') format('svg'), url('fonts/Sivado.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Spindle';
	src: url('fonts/Spindle.eot');
	src: local('☺'), url('fonts/Spindle.woff') format('woff'), url('fonts/Spindle.ttf') format('truetype'), url('fonts/Spindle.svg') format('svg'), url('fonts/Spindle.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Stockli';
	src: url('fonts/Stockli.eot');
	src: local('☺'), url('fonts/Stockli.woff') format('woff'), url('fonts/Stockli.ttf') format('truetype'), url('fonts/Stockli.svg') format('svg'), url('fonts/Stockli.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Tramlot';
	src: url('fonts/Tramlot.eot');
	src: local('☺'), url('fonts/Tramlot.woff') format('woff'), url('fonts/Tramlot.ttf') format('truetype'), url('fonts/Tramlot.svg') format('svg'), url('fonts/Tramlot.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Wende';
	src: url('fonts/Wende.eot');
	src: local('☺'), url('fonts/Wende.woff') format('woff'), url('fonts/Wende.ttf') format('truetype'), url('fonts/Wende.svg') format('svg'), url('fonts/Wende.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}


/*  font combo box  */

.combo-selected {
	position: absolute;
    width: 160px;
    height: 17px;
    left: 50px;
    top: 0px;
    background-color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: #999 solid 1px;
    font-size: 14px;
    line-height: 17px;
    cursor: pointer;
    padding-left: 5px;
    overflow: hidden;
}

.combo-list{
	width: 165px;
	max-height: 210px !important;
	position: absolute;
	top: -210px;
	left:50px;
	overflow:auto;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.41);
	-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.41);
	box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.41);
}

.combo-option {
	background-color:#09F;
	color:#666;
	background-color:#FFF;
	text-align:left;
	border-bottom:#999 solid 1px;
	font-size:13px;
	font-style:normal;
	font-weight:normal;
	height:20px;
	line-height:20px;
	cursor:pointer;
	width:160px;
	padding-left:5px;
}

.combo-option:hover {background-color: #EAF28E;}