@viewport{width:device-width!important}
@-ms-viewport{width:auto!important}

#consent-error {
	font-size: smaller;
}

#wrapper{
	min-width: 0;
	max-width: none;
}
#header{
	min-width: 920px;
}
#header-mobile{
	display: none;
}
#topMenu{
	min-width: 920px;
}
#mainColumnContent{
	min-width: 700px;
}
.topad > a > img{
	margin: 0 auto;
}

#topSubMenu > .line{
	display: inline-block;
}

.bubble{
	border-radius:1em !important;
}

.content div h1{
	text-align: center;
}

#pageContent .content p.text-center{
	text-align: center;
}
#pageContent .content p.text-left{
	text-align: left;
}

#pageNavigation #topSubMenu li.mbreak{
	display: none;
}
#pageNavigation h2{
	white-space: nowrap;
	overflow: hidden;
}

form input{
	max-width: 98%;
}

#video {
	max-width: 100%;
	margin-left: 0;
}
div.jp-video-270p {
	max-width: 100%;
}

.plz-list .plz-row{
	margin-top: 2em;
	margin-bottom: 2em;
}
.plz-list div.plz-item{
	height: 1.6em;
}

.items-list .items-item{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.school-list .school-list-item .school-list-col-a 
.school-list .school-list-item .school-list-col-b {
	margin-top: 5px;
	width: 200pt;
}

.school-list-after {
	margin-bottom: 20px;
}

.werb-item{
	/*margin-top: 1em;
	margin-bottom: 2em;*/
        margin: 1em 0em 0.5em;
}

.row.narrow,
.form-group.narrow{
	margin-left: -8px;
	margin-right: -8px;
}
.row.narrow > *[class^=col-],
.form-group.narrow > *[class^=col-]{
	padding-left: 8px;
	padding-right: 8px;
}

.button-wrapper{
	display: inline-block;
	margin: 0.5em 1em;
}

.pad-h{
	margin-left: 7px;
	margin-right: 7px;
}
.pad-v{
	margin-top: 6px;
	margin-bottom: 6px;
}
.pad-vv{
	margin-top: 1em;
	margin-bottom: 1em;
}

.no-hpad{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.no-hmargin{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.no-float{
	float: none;
}
.float-right {
	float: right;
}
img.float-right {
	margin-left: 0.6em;
}

.img-scroll-x {
	margin: 0.1em 1em 0.5em;
	max-width: 100%;
	overflow-x:auto;
}

.topad-img{
	max-width: 100%;
	max-height: 60px;
	height: auto;
}

.warning{
	color: #f00;
}

hr.sep.inner{
	display: none;
}

/* lnav */
#pageContent .content ul.lnav{
	margin: 0 auto;
	padding:0 0.2em;
	/* margin-left: 1em; */
	/* background: beige; */
	/* z-index: 10; */
	/* position: absolute; */
	/* right: 0; */
	/* top: 140px; */
}
/*
#pageContent .content ul.lnav.affix-top{
	position: absolute;
	right: 0;
	top: 140px;
}
#pageContent .content ul.lnav.affix{
	position: fixed;
	top: 0;
	right: 0;
}
*/
.lnav li {
	display:block;
	float:left;
	width: 3em;
	min-width: 3em;
	padding: 0.3em 2px;
	border:1px solid silver;
	/* border-right:none; */
	text-decoration:none;
	font-weight: bold;
	text-align: center;
	background-color: #FFF;
	border-top-right-radius: 1em 0.5em;
	-o-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
.lnav li.active{
	background-color: #ffa;
}
/* */

.topbutton{
	width: 3em;
	height: 3em;
	position: fixed;
	bottom: 0;
	right: 0;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
	text-align: center;
	background: #FFF;
	z-index: 10;
}
.topbutton span{
	font-size: 2em;
	color: #aaa;
}

/*
.btn.btn-default
, .btn-primary
, .btn-success
, .btn-info
, .btn-warning
, .btn-danger
, .btn-link {
	-webkit-border-radius: 18px!important;
	-moz-border-radius: 18px!important;
	border-radius: 18px!important;
}
*/

.btn.btn-ibutton{
	-webkit-border-radius: 18px!important;
	-moz-border-radius: 18px!important;
	border-radius: 18px!important;
	color: #eee;
	font-weight: bold;
	padding: 6px 10px;
	margin-left: 3px;
	margin-right: 3px;	
	border-width: 1px;
	border-style: solid;
	border-color: #666 #777;
	
	/* default is iblue */
	background: #2268FF!important; /* Old browsers */

	cursor: hand;
	cursor: pointer;
}
.btn.btn-iback{
	-webkit-border-radius: 18px!important;
	-moz-border-radius: 18px!important;
	border-radius: 18px!important;
	padding: 6px 10px;
	margin-left: 3px;
	margin-right: 3px;	
	border-width: 1px;
	border-style: solid;
	border-color: #666 #777;
	
	color: #333;
	background-color: #fff;
	border-color: #adadad

	cursor: hand;
	cursor: pointer;
}
.btn.btn-iback:hover, .btn.btn-iback:focus .btn.btn-iback:active {
	color: #333;
	background-color: #ebebeb;
	border-color: #adadad;
}	

.testbogen-class-select label {
	font-weight: normal;
}
.testbogen-class-select .testbogen-type input {
	margin-right: 0.4em;
}
.testbogen-class-select .auswahl .row {
	padding: 0.3em 0;
}
.testbogen-class-select .auswahl .class-pic {
	width: 80px;
	height: 35px;
	margin-right: 0.6em;
}
.testbogen-class-select .auswahl input[type=submit] {
	max-width: 11em;
}
.testbogen-class-select .gplusone > *,
.testbogen-class-select .fblike > * {
	margin-left: 12% !important;
}
.testbogen-class-select input[type=checkbox] {
	margin: 0 0.4em;
}

.testbogen {
	border: none;
}

.testbogen-results {
	width: 759px;
	max-width: 100%;
}
.testbogen-results .resulttable {
	/* margin-top: 2em; */
	/* margin-bottom: 2em; */
}

.question-list-results .resulttable .resultrow .qno {
	white-space: nowrap;
}
.question-list-results .resulttable tr td:nth-child(2) > * {
	margin-left: 5px;
	margin-right: 3px;
	display: inline-block;
}

.table.table-narrow {
	width: auto;
}
.table.table-wrap tr td {
	white-space: normal !important;
}

.table-centered {
	margin-left: auto;
	margin-right: auto;
}

#verkehrsrecht_cols *[class^=col-] p {
	text-align: left;
	padding: 0;
}

.verkehrsrecht-stvo .title {
	padding: 1.2em 0;
	text-align: left !important;
}
.verkehrsrecht-stvo .title > * {
	text-align: left;
}
.verkehrsrecht-stvo .item {
	margin-left: 3.5em;
	text-indent: -3.5em;
}
.verkehrsrecht-stvo .ico {
	display: inline-block;
	width: 1em;
	text-indent: 0;
}
.verkehrsrecht-stvo .num {
	display: inline-block;
	width: 1.9em;
	text-align: right;
	text-indent: 0;
}
.verkehrsrecht-stvo .name {
	display: inline;
}

.verkehrsrecht-verkehrszeichen {
	margin: 0 3.2em 2em;
}
.verkehrsrecht-verkehrszeichen > .row {
	margin-top: 1em;
	margin-bottom: 1em;
}
.verkehrsrecht-verkehrszeichen .row *[class^=col-] > div {
	text-align: center;
}

.verkehrsrecht-anlage {
	margin: 0 1.6em 1.5em;
}
.verkehrsrecht-anlage .xstable .xsrow .xscell {
	padding: 5px;
}
.verkehrsrecht-anlage .xstable .xsrow .xscell.num {
	text-align: center;
	white-space: nowrap;
}
.verkehrsrecht-anlage .xstable .xsrow .xscell.sign {
	text-align: center;
}
.verkehrsrecht-anlage .xstable .xsrow .xscell.text {
	text-align: left;
	vertical-align: middle;
}

.fuehrerschein_geltungsdauer_fahrerlaubnis table tr td {
	padding: 2px 4px;
}

table.ptable tr td {
	padding: 2px 4px;
}

.ttable {
	display: table;
}
.ttable .trow {
	display: table-row;
}
.ttable .trow .tcell {
	display: table-cell;
}
.ttable .trow .tcell.push-25 {
	position: relative;
	left: 25%;
}

.xstable .xsrow {
	margin: 1em 0;
}
.xstable .xsrow .xscell {
	border-left: 1px #666 solid;
	border-right: 1px #666 solid;
	border-bottom: 1px #666 solid;
}
.xstable .xsrow .xscell:first-child {
	border-top: 1px #666 solid;
}
.xstable .xsrow .xscell.empty {
	border: none !important;
}
.xstable .xsrow .xscell:empty {
	display: none;
}
.xstable .xsrow .xscell.thead {
	display: none;
}
.xstable .xsrow .xscell.noborder-top-tn {
	border-top: none !important;
}

.bussgeld {
	margin: 0;
}
.bussgeld-thumb {
	margin: 0.6em 0;
}

.bussgeld .table-responsive {
	border-color: #666;
	border-top: none;
	margin: 0.1em 1em 0.5em;
}
.bussgeld .table tr td {
	border-color: #666;
}

.bussgeld ul.bussgeld-items li {
	margin: 0.25em 0;
}

.fuehrerschein-list p {
	text-align: left !important;
}
.fuehrerschein-list ol li {
	margin: 0.3em 0;
}
.fuehrerschein-list p  a.menu {
	margin: 0.3em 0;
	display: inline-block;
}


form span.error {
	font-weight: normal;
	color: #a94442 !important;
}

#eintrag label.error{
        color: #a94442;

}

#eintrag input.error{
        border-color: #a94442;
    
}
input.error{border-color:#a94442;}

label.error{color:#a94442;}




@media screen and (min-width: 501px) and (max-width: 1020px){

#pageNavigation #topSubMenu{
	text-align: center;
}
#pageNavigation #topSubMenu li.mbreak{
	display: block;
	border-left: none;
}
#pageNavigation #topSubMenu li.mbreak + li{
	border-left: none;
}

}

@media screen and (max-width: 500px){

#pageNavigation #topSubMenu > .line{
	display: block;
}

#pageNavigation #topSubMenu{
	margin-left: 0;
	padding-left: 0;
}
#pageNavigation #topSubMenu li{
	display: block;
	border-left: none;
	text-align:center;
}

.col-xxs-no{
	float: none;
	width: 100%;
}

#footer{
	font-size: 0.7em;
}

div.jp-video-270p {
	border: none;
}

.img-responsive-tn {
	display: block;
	max-width: 100%;
	height: auto;
	float: none;
}

}

@media screen and (max-width: 768px) {

.block-xs{
	display: block;
}

.center-block-xs{
	margin-left: auto;
	margin-right: auto;
}
.beispiel-desktop{ 
    display: none;
}
.beispiel-mobile{
    display: block!important; 
}
.text-center-xs{
	text-align: center;
}

.clear-xs{
	clear: both;
}

.img-responsive-xs {
	display: block;
	max-width: 100%;
	height: auto;
	float: none;
}

.school-list hr.sep.inner{
	display: block;
}

.testbogen-class-select .auswahl input[type=submit] {
	display: block;
	margin: 0.5em auto 1em;
}

.testbogen-class-select .gplusone > *,
.testbogen-class-select .fblike > * {
	margin-left: 0 !important;
}

.testbogen-results .resulttable {
	width: 100%;
}

#verkehrsrecht_cols .mid {
	border: none;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
}

img.motorrad_seitlich {
	max-width: 250px;
}

}

@media screen and (min-width: 768px) {

.pull-right-sm {
	float: right !important;
}

.float-right-sm {
	float: right;
}

.xstable {
	display: table;
	position: relative;
}
.xstable .xsrow {
	display: table-row;
	margin: 0;
}
.xstable .xsrow .xscell {
	display: table-cell;
}
.xstable .xsrow .xscell.thead {
	display: table-cell;
	text-align: center;
	font-weight: bolder;
}
.xstable .xsrow .xscell.colspanned {
	position: absolute;
	left: 0;
	right: 0;
	height:2em;
}
.xstable .xsrow .xscell.empty {
	height: 2em;
	border: none;
}
.xstable .xsrow .xscell:empty {
	display: table-cell;
}

.xstable .xsrow .xscell {
	border: none;
	border-left: 1px #666 solid;
	border-top: 1px #666 solid;
}
.xstable .xsrow .xscell:last-child {
	border-right: 1px #666 solid;
}
.xstable .xsrow:last-child .xscell {
	border-bottom: 1px #666 solid;
}
.xstable .xsrow .xscell.noborder-top-tn {
	border-top: 1px #666 solid !important;
}

.verkehrsrecht-anlage .xstable .xsrow .xscell.colspanned {
	text-align: left;
}

.pruefungsrichtlinie {
	margin: 0 4em;
}

.bussgeld {
	margin: 0 3em;
}

.fuehrerschein_mindestalter {
	margin: 0 3em;
}

}

.question-list-results {
	margin: 10px 50px;
}

.questions {
	display: table;
	table-layout: fixed;
}
.questions .row {
	display: table-row;
}
.questions .row .col {
	display: table-cell;
	vertical-align: middle;
}
.questions label {
	font-weight: normal;
}
.questions .chkbox {
	padding-right: 1em;
}
.questions .ans {
	/* text-align: justify; */
}

.filmbuttons-table {
	display: table;
	margin: 0 auto;
}
.filmbuttons-table .trow {
	display: table-row;
}
.filmbuttons-table .trow .tcell {
	display: table-cell;
}

.question-header {
	margin-bottom:1em;
}
.question {
	max-width: 100%;
	margin: 0 auto;
}
.question-wrapper {
	width: 760px;
	max-width: 98%;
}
.question-text {
text-align:justify;margin-top:0.5em;margin-bottom:0.5em;padding-left:30px;padding-right:30px;
}
.question-comment {
text-align:left;font-size:15px;margin-left:15px;
}
.question-thumb {
float:right;max-width:98%;max-height:200px;margin-right:1em;
}
.question-answer-btn {
margin-right:0.5em;display:inline-block;max-width:8em;float:left;
}
.question-gotoindex {
	display: inline-block;
	padding-top: 0.6em;
}
.question-input {
	margin-left: 15px;
}

a.filmbutton.showVideo,
a.filmbutton.showQuestion {
	margin: 4px auto;
}

p.videoLeftMessage {
	position: static !important;
}

.questions-index-items {
	margin: 10px 50px;
}
.questions-index-items .sep {
	padding: 0.8em;
}

.optionbar .abgabe,
.optionbar .weiter {
	margin: 0;
}
.optionbar .button-next-test {
	text-align: left;
}
.optionbar .button-change-class {
	text-align: right;
}
.optionbar .button-next-test input,
.optionbar .button-change-class input {
	margin-top: 0.2em;
	width: auto;
}

#pageContent .content ul,
#pageContent .content ol {
	margin: 0 40px 15px;
}

@media screen and (max-width: 768px) {

.question-answer-btn {
	margin-top: 0.6em;
	display: block;
	float: none;
}
.question-gotoindex {
	text-align:center;
	display: block;
}

#verkehrsrecht_cols {
	margin: 1em;
}

#pageContent .content ul,
#pageContent .content ol {
	margin: 0 5px 15px;
	padding-left: 2.2em;
}

.pruefungsrichtlinie > a {
	display: inline-block;
	margin: 0.5em 0;
}

#pageContent .content.col-xs-12 p {
	margin-left: 0.2em;
	margin-right: 0.2em;
}

input[type=checkbox], input[type=radio] {
	width: 15pt;
	height: 15pt;
	vertical-align: bottom;
}

}

@media screen and (max-width: 600px) {

.question-thumb {
	float: none;
	display: block;
	margin: 0 auto 1em;
}

.filmbuttons-table {
	margin: 0 auto;
}

.question-gotoindex {
}

.questions .chkbox {
	padding-right: 0.5em;
}

}

@media screen and (max-width: 500px) {

.question-gotoindex {
	padding-top: 0;
}

.col-tn-12 {
	width: 100%;
}
.col-tn-6 {
	width: 50%;
}

.optionbar .button-next-test input,
.optionbar .button-change-class input {
	display: block;
	margin: 1em auto;
}

.verkehrsrecht-verkehrszeichen > .row {
	margin-top: 0;
	margin-bottom: 0;
}
.verkehrsrecht-verkehrszeichen > .row > *[class^=col-] {
	margin-top: 1em;
	margin-bottom: 1em;
}

.verkehrsrecht-anlage {
	margin: 0 0 1.5em;
}

img.block-tn {
	display: block;
	float: none;
}

.center-block-tn {
	margin-left: auto;
	margin-right: auto;
}
.center-block-tn.float-right {
	margin-left: auto !important;
	margin-right: auto !important;
}

}