/****************
/* iPhone button 
*****************/

.imenu > LI H3, .imenu > LI H4 {
    color: #454545;
    font-size: 1.3em;
    font-weight: bold;
}

.ibutton {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #eee;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	border-color: #666 #777;
	
	/* default is iblue */
	background: #2268FF; /* Old browsers */
	background: -moz-linear-gradient(top, #7fa1ff 0%, #0255ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fa1ff), color-stop(100%,#0255ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7fa1ff 0%,#0255ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7fa1ff 0%,#0255ff 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7fa1ff 0%,#0255ff 100%); /* IE10+ */
	filter: none; /* IE6-9 */
	background: linear-gradient(top, #7fa1ff 0%,#0255ff 100%); /* W3C */
	cursor: pointer;
	display: inline-block;
    margin: 8px 3px;
    padding: 8px 10px;
	font-size: 9pt;
	text-align: center;
}
.ibutton:active {
	/* default is iblue */
	background: #2268FF; /* Old browsers */
	background: -moz-linear-gradient(top, #7fa1ff 0%, #0255ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fa1ff), color-stop(100%,#0255ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7fa1ff 0%,#0255ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7fa1ff 0%,#0255ff 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7fa1ff 0%,#0255ff 100%); /* IE10+ */
	filter: none; /* IE6-9 */
	background: linear-gradient(top, #7fa1ff 0%,#0255ff 100%); /* W3C */
}

.iblue {
		background: #2268FF; /* Old browsers */
		background: -moz-linear-gradient(top, #7fa1ff 0%, #0255ff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fa1ff), color-stop(100%,#0255ff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #7fa1ff 0%,#0255ff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #7fa1ff 0%,#0255ff 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #7fa1ff 0%,#0255ff 100%); /* IE10+ */
		background: linear-gradient(top, #7fa1ff 0%,#0255ff 100%); /* W3C */
	}
	
.igreen {
		background: #346047; /* Old browsers */
		background: -moz-linear-gradient(top, #7c9d7a 0%, #083a28 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c9d7a), color-stop(100%,#083a28)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #7c9d7a 0%,#083a28 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #7c9d7a 0%,#083a28 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #7c9d7a 0%,#083a28 100%); /* IE10+ */
		background: linear-gradient(top, #7c9d7a 0%,#083a28 100%); /* W3C */
	}

	
	a.ibutton:hover, a.ibutton:focus {
		border-color: #333333 #666666;
		color: #FFFFFF;
	}	
	
/****************
/* iPhone Menu 
****************/		
		
	ul#imenu, ul.imenu {
		list-style-type: none;
		border-color: #AEAEAE;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		-moz-border-radius-bottomleft: 8px;
		-moz-border-radius-bottomright: 8px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		border-width: 2px;
		padding:0px;
		margin-left:0px;
		margin-right:0px;
		margin-top: 0px;
		margin-bottom: 20px;
		/* this should be automatically resized */
		width: 100%;
	}
	
	
	ul#imenu>li a,ul#imenu>li a:visited li>a:hover{text-decoration: none;color:inherit}
	ul.imenu>li a,ul.imenu>li a:visited li>a:hover{text-decoration: none;/*color:inherit*/}
	
	
	ul#imenu>li, ul.imenu>li  {
		background-color: white;
		font-weight: bold;
		font-size: small;
		padding-top:15px;
		padding-left:25px;
		border-bottom: 1px solid #AEAEAE;
		background-position: 0px 50%;
		cursor: pointer;
		width: 100%;
	} 
	
	ul#imenu>li.large, ul.imenu>li.large {
		padding: 12px 32px 12px 44px;
		font-weight: bold;
		font-size: medium;
		border-bottom: 1px solid #AEAEAE;
	}
	
	ul#imenu>li.noimage, ul.imenu>li.noimage{
		padding-left:10px;
	}
	
	ul#imenu>li label, ul.imenu>li label  {
		font-size: inherit;
	}
	
	ul#imenu>li.nohiglight:hover, ul#imenu>li.nohiglight:focus,
	ul.imenu>li.nohiglight:hover, ul.imenu>li.nohiglight:focus 
	{
		background-color: transparent;
		cursor: default;
	}
	
	ul#imenu>li.disabled, ul#imenu>li.disabled:hover, ul#imenu>li.disabled:focus,
	ul.imenu>li.disabled, ul.imenu>li.disabled:hover, ul.imenu>li.disabled:focus
	{
		background-color: transparent;
		cursor: default;
		color: gray;
	}
	
	
	ul#imenu> li:hover, ul.imenu> li:hover , ul#imenu> li:focus, ul.imenu> li:focus {
		background-color: #0585F3;
	}
	
	ul.imenu> li div.value, 
	ul#imenu> li div#value, ul.imenu> li div#value {
		float: right;
		font-size: small;
		font-weight: normal;
		color: #143574;
		padding-right: 20px;
		margin-right: 4px;
		margin-bottom: 8px;
		cursor: pointer;
		max-width: 20%;
	}

	.rindicator {
		background-image: url('/tpl/default/icons/rindicator8x11.png');
   		background-repeat: no-repeat;	
		background-position: right;
	}	
	
	.dindicator {
		background-image: url('/tpl/default/icons/dinidicator.png');
   		background-repeat: no-repeat;	
		background-position: right;
	}
	
	
	.notepad {
		background-image: url('/tpl/default/icons/notepad.png');
   		background-repeat: no-repeat;	
		background-position: right;
	}
	
	.uindicator {
		background-image: url('/tpl/default/icons/uindicator.png');
   		background-repeat: no-repeat;	
		background-position: right;
	}
	
	
	.chkindicator {
		background-image: url('/tpl/default/icons/chkindicator13x16.png');
   		background-repeat: no-repeat;	
		background-position: right -2px;
		font-weight: bold;
	}
	

	ul#imenu li div#value img, ul.imenu li div#value img {margin-top: -8px;}
	
	ul#imenu li.chkindicator, ul.imenu li.chkindicator {
		background-color: #9AD2FF;
	}	
	
	ul#imenu li.chkindicator:hover, ul.imenu li.chkindicator:hover {
		background-color: #0585F3;
	}
	
	
	ul#imenu li select, ul.imenu li select {
		float: right;
		margin-right: 8px;
	}

	ul.imenu li div.title,
	ul#imenu li div#title {
		display: inline-block;
		font-size: large;
		font-weight: bold;
		max-width: 70%;
		overflow: hidden;
	}
	
	ul#imenu li h3,
	ul.imenu li h3 {
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		padding-bottom: 5px;
		padding-left: 0;
		padding-right: 0;
		padding-top: 5px;
	}
	
	ul.imenu li div.subtitle,
	ul#imenu li div#subtitle {
		display: inline-block;
		font-size: small;
		font-weight: normal;
	}

	ul.imenu li div.ssubtitle,
	ul#imenu li div#ssubtitle {
		display: inline-block;
		font-size: small;
		font-weight: normal;
		max-width: 60%;
		overflow: hidden;
		padding: 0px 10px 0px 10px; 
	}
	
	
	
	ul#imenu li.last, ul.imenu li.last {
			/* -moz-border-radius-bottomleft: 8px;
			-moz-border-radius-bottomright: 8px;
			-webkit-border-bottom-left-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			*/
			border-bottom: none;
	}	
	
	ul#imenu li.header, ul.imenu li.header {
		background-color: transparent;
		font-weight: bold;
		font-size: large;
		color: #474D5C;
		padding-left: 20px;
		border-bottom: none;
	}

	div.mheader {
		display: inline-block;
		margin-left: 4%;
		font-weight: bold;
		font-size: large;
		color: #474D5C;
		position: relative;
		top: 10px;
	}

	
	
	.alleicon { 
		background-image: url('/tpl/default/icons/copy.png');
		background-repeat: no-repeat;
	}
	
	.bearbeiteteicon { 
		background-image: url('/tpl/default/icons/edit_alt.png');
		background-repeat: no-repeat;
	}
	
	.richtigicon {
		background-image: url('/tpl/default/icons/ball_green.png');
		background-repeat: no-repeat;
	}
	.falshicon {
		background-image: url('/tpl/default/icons/ball_red.png');
		background-repeat: no-repeat;
	}	
	
	.schwierigeicon {
		background-image: url('/tpl/default/icons/warning.png');
		background-repeat: no-repeat;
	}

	.zahlenfragenicon {
		background-image: url('/tpl/default/icons/desktop.png');
		background-repeat: no-repeat;
	}
		
	.variationsicon {
		background-image: url('/tpl/default/icons/star.png');
		background-repeat: no-repeat;
	}

	.pictureicon {
		background-image: url('/tpl/default/icons/pictureicon.png');
		background-repeat: no-repeat;
	}

	.texticon {
		background-image: url('/tpl/default/icons/texticon.png');
		background-repeat: no-repeat;
	}
	
	.videoicon {
		background-image: url('/tpl/default/icons/play.png');
		background-repeat: no-repeat;
	}
	
	.nochnichticon {
		background-image: url('/tpl/default/icons/document.png');
		background-repeat: no-repeat;
	}

	.neueicon {
		background-image: url('/tpl/default/icons/add.png');
		background-repeat: no-repeat;
	}

	.meineschwachenicon {
		background-image: url('/tpl/default/icons/favorites.png');
		background-repeat: no-repeat;
	}	
	
	.schwachstenicon {
		background-image: url('/tpl/default/icons/light_bulb_off.png');
		background-repeat: no-repeat;
	}
	
	.ico-mintestbogen {
		background-image: url('/tpl/default/icons/image.png');
		background-repeat: no-repeat;
	}
	
	.nichtbestandeneicon {
		background-image: url('/tpl/default/icons/stop_alt.png');
		background-repeat: no-repeat;
	}
	
	.nochnichbearbeiteteticon {
		background-image: url('/tpl/default/icons/folder_alt.png');
		background-repeat: no-repeat;
	}

	.fragen11 {
		background-image:  url('/tpl/default/icons/catalogIcon1_1.png');
		background-repeat: no-repeat;
	}		
	.fragen12 {
		background-image: url('/tpl/default/icons/catalogIcon1_2.png');
		background-repeat: no-repeat;
	}	
	.fragen13 {
		background-image: url('/tpl/default/icons/catalogIcon1_3.png');
		background-repeat: no-repeat;
	}	
	.fragen14 {
		background-image: url('/tpl/default/icons/catalogIcon1_4.png');
		background-repeat: no-repeat;
	}
	.fragen15 {
		background-image: url('/tpl/default/icons/catalogIcon1_5.png');
		background-repeat: no-repeat;
	}
	.fragen16 {
		background-image: url('/tpl/default/icons/catalogIcon1_6.png');
		background-repeat: no-repeat;
	}	
	.fragen17 {
		background-image: url('/tpl/default/icons/catalogIcon1_7.png');
		background-repeat: no-repeat;
	}
	.fragen18 {
		background-image: url('/tpl/default/icons/catalogIcon1_8.png');
		background-repeat: no-repeat;
	}
	.fragen21 {
		background-image: url('/tpl/default/icons/catalogIcon2_1.png');
		background-repeat: no-repeat;
	}
	.fragen22 {
		background-image: url('/tpl/default/icons/catalogIcon2_2.png');
		background-repeat: no-repeat;
	}
	.fragen23 {
		background-image: url('/tpl/default/icons/catalogIcon2_3.png');
		background-repeat: no-repeat;
	}
	.fragen24 {
		background-image: url('/tpl/default/icons/catalogIcon2_4.png');
		background-repeat: no-repeat;
	}
	.fragen25 {
		background-image: url('/tpl/default/icons/catalogIcon2_5.png');
		background-repeat: no-repeat;
	}
	.fragen26 {
		background-image: url('/tpl/default/icons/catalogIcon2_6.png');
		background-repeat: no-repeat;
	}
	.fragen27 {
		background-image: url('/tpl/default/icons/catalogIcon2_7.png');
		background-repeat: no-repeat;
	}
	.fragen28 {
		background-image: url('/tpl/default/icons/catalogIcon2_8.png');
		background-repeat: no-repeat;
	}
	.qstats {
		background-image: url('/tpl/default/icons/chart_pie@2x.png');
		background-repeat: no-repeat;
		background-position:8px 6px;
	}
	.tstats {
		background-image: url('/tpl/default/icons/chart_bar@2x.png');
		background-repeat: no-repeat;
		background-position:8px 4px;
	}
	ul#imenu li.fragen_header,ul.imenu li.fragen_header {
		padding-left:0px;
		font-size:16px;
		padding-left:10px;
	}
	
	ul#imenu li.fragen_header:hover, ul.imenu li.fragen_header:hover {
		background:none;
	}