/* -------------------------------------------------------------
  	mhilfe.onoffice.de - Stylesheet
  	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  	Autor:		i.A. Arne Bechmann
   	Release:	1.0
 	-------------------------------------------------------------	*/

	/* -------------------------------------------------------------
	Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		01. Default settings
		02. Main
		03. Header
		04. Search
		05. Menue
		06. Content
		07. Footer
	-------------------------------------------------------------	*/

	/* -------------------------------------------------------------
   	01 Default settings
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 400;
		src: url('https://de.onoffice.com/wp-content/themes/onOffice-Website/assets/fonts/open-sans/open-sans-v29-latin-ext_latin-regular.woff2') format('woff2');
	}

	* {
		padding: 0;
		margin: 0;
	}

	body {
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		font-weight: 300;
		line-height: 24px;
		color: #474a51;
		background: #69acdf;
	}

	a, a:visited, a:active {
		font-size: 16px;
		color: #474a51;
		text-decoration: underline;
		cursor: pointer;
	}

	.hidden {
		left:-100000px;
		overflow:hidden;
		position:absolute;
		top:-100000px;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: 20px;
		text-align: center;
		color: #555;
		font-weight: bold;
	}
	
	/* h4.specialh {
		
		color:#ffffff;
	} */

	p {
		margin: 0 10px 10px;
	}

	p.center {
		margin: 0 10px 35px;
	}

	img {
		border: none;
	}

		.content img {
			border: 3px solid #69acdf;
			width: 99%;
		}

		.img-float-left {
			padding: 4px 1.5em 1.5em 0;
			float: left;
			display: inline;
		}

		.img-float-right {
			padding: 4px 0 1.5em 1.5em;
			float: right;
			display: inline;
		}

	ul li {
		font-size: 16px;
		list-style: none;
	}

	input, select, textarea {
		font-size: 16px;
		color: #474a51;
		padding: 10px;
	}

	.none-padding { padding: 0 !important; }
	.none-border { border: none !important; }
	.none-margin { margin: 0 !important; }

	.clear { clear: both; }

	.center { text-align: center; }

	/* -------------------------------------------------------------
   	02. Main
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.main {
		padding: 0;
		background: #fff;
		position: relative;
	}

	/* -------------------------------------------------------------
   	03. Header
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.header {
		margin: 0 0 1.5em 0;
	}

		.header img {
			margin: 0 0 10px 0;
		}

		.header h1 {
			margin: 0;
			color: #555;
			font-size: 20px;
		}

	/* -------------------------------------------------------------
   	04. Search 
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.search form, .content .search-result form {
		border: 1px solid #d0d0d0;
		border-radius: 4px;
		margin: 0 10px 2.5em;
		background: #fff;
		position: relative;

	}

		.content .search-result form label {
			display: none;
		}

		::-webkit-input-placeholder { color: #aaa; }
		:-moz-placeholder { color: #aaa; }
		::-moz-placeholder { color: #aaa; }
		:-ms-input-placeholder { color: #aaa; }

		.search .search-value, .content .search-result form #searchValue {
			width: 90%;
			padding: 10px 0 10px 10px;
			border: none;
			background: none;
			font-size: 16px;
			-moz-box-shadow: 0;
			-webkit-box-shadow: 0;
			box-shadow: 0;
		}
		.search .search-value, .search-result .search-value {
			color: #333;
		}
		.search .search-reset, .search-result .search-reset {
			background: url('../image/reset.png');
			background-position: center center;
			background-size: 24px 24px;
			background-repeat: no-repeat;
			border: none;
			display: none;
			cursor: pointer;
			position: absolute;
			width: 24px;
			top: 0px;
			right: 45px;
			opacity: 0.5;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			-khtml-opacity: 0.5;
			filter: alpha(opacity=50);
			-moz-opacity: 0.5;
		}

		.search .search-submit, .content .search-result form .search-submit {
			height: 21px;
			width: 21px;
			border: none;
			background: url(../image/lupe.png);
			background-size: cover;
			cursor: pointer;
			position: absolute;
			right: 9px;
			top: 9px;
		}

	.content .search-result p.first {
		padding: 0 0 1.5em 0;
		border-bottom: 1px solid #d0d0d0;
		margin: 0 0 1.5em 0;
	}

		.content .search-result p.first i {
			font-weight: bold;
		}

	.content .search-result div {
		border-bottom: 1px solid #dedede;
		margin: 0 0 1.5em 0;
	}

		.content .search-result div.last {
			border-bottom: 0;
			margin: 0;
		}

		.content .search-result div h2 {
			font-size: 20px;
			margin: 0 0 1.5em 0;
		}

			.content .search-result div h2 a {
				text-decoration: none;
			}

		.content .search-result div p {
			margin: 0 0 1em 0;
		}

		.content .search-result div p span {
			font-weight: bold;
		}

		.content .search-result div p a {
			width: 87px;
			padding: 4px 0;
			margin: 1em 0 0 0;
			display: block;
			text-decoration: none;
			font-weight: bold;
		}

	/* -------------------------------------------------------------
   	05. Menue
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.menue li {
		margin: 0 !important;
		list-style: none !important;
		width: 100%;
	}

		.menue li a {
			padding: 16px;
			border-bottom: 1px solid #d0d0d0;
			display: block;
			text-decoration: none;
			background: url(../images/next2.png) no-repeat 97% 13px;
			background-size: 10px;
		}

	/* -------------------------------------------------------------
   	06. Content
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
   		.content h2 {
   			margin: 0 0 20px;
   		}
   		.content h3 {
   			margin: 15px 0 10px;
   		}

		.content h4 {
			padding: 10px;
			margin: 0 0 1.5em;
			background: #69acdf;
			color: #fff;
			letter-spacing: -0.5px;
		}

		.content li {
			margin: 0 0 1.5em 2em;
			list-style: disc outside;
		}

		.back {
			height: 44px;
			margin: 0 0 1.5em;
			background-color: #69acdf;
			display: block;
			border-top: 0;
			border-bottom: 1px solid #d0d0d0;
		}

		.back span {
			float: right;
			color: #fff;
			font-size: 20px;
			font-weight: bold;
			padding: 10px;
		}

		.back a {
			padding: 10px 10px 10px 33px;
			display: block;
			text-decoration: none;
			text-align: left;
			color: #fff;
			font-size: 20px;
			font-weight: bold;
			background: url(../images/back2.png) no-repeat 13px 8px;
			background-size: 10px;
		}

			.top {
				border-top: 1px solid #d0d0d0;
				border-bottom: 0;
			}

	/* -------------------------------------------------------------
   	07. Footer
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.footer {
		padding: 0 17px 10px 17px;
		margin: 0 10px 0 10px;
		font-size: 16px;
		position: relative;
	}

		.footer p {
			font-size: 16px;
			margin: 0;
		}

		.footer a {
			font-size: 16px;
		}