@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600italic,600,700);
/* Vorgaben 

Blau: | web: #3e62b1 | rgb: 62,98,177

*/

/* allgemeine styles */

body div.easy-tooltip-wrapper { display: none !important; }
body div.tooltip.fade.top { display: none !important; }

html {
	margin: 10px;
}

.gbs3 {
	display: none !important;
}


body {
	max-width: 1180px;
	margin: 0px auto;
	font-family: 'Open Sans', sans-serif;
}

.umbruch {
	clear:both;
}

h1 a, h2 a, h3 a, h4 a, nav a {
	text-decoration:none;
	color:#000 !important;
	transition: color 0.15s ease-out;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, nav a:hover {
	color: rgba(62,98,177,1.0) !important;
}

#system-readmore {
	border-top: solid 20px #009;
}

.zitat {
	padding-left: 15px;
	border-left: 20px solid rgba(0,0,0,0.1);
	font-style:italic;
	color: rgba(0,0,0,1);
}

.quelle-bild {
	color: rgba(0,0,0,0.6);
	font-size: 80%;
	padding-left: 35px;
	position:relative;
	top: -10px;
}
.quelle-bild:before {
	content:"Quelle: ";
	font-weight:bold;
}

.quelle-foto {
	color: rgba(0,0,0,0.6);
	font-size: 80%;
	position:relative;
	top: -10px;
}
.quelle-foto:before {
	content:"Bild: ";
	font-weight:bold;
}


/* Header */

header {
	width: 100%;
	padding-top: 20px;
}

.customlogo {
	float:left;
	color:#666;
}

.hidden-print {
	position:absolute;
	top: 10px;
}

.hidden-print a {
	padding: 3px;
	border-radius: 5px;
	background-color: rgba(30,155,30,0.8);
	color:#FFF;
	text-decoration:none;
}

.customkontakt {
	float:right;
	padding-top: 10px;
}
.telefon, .fax {
	font-size: 110%;
}

.fax:after {
	display: block;
	content:"E-Mail: info@medienrecht-urheberrecht.de \A Internet: www.medienrecht-urheberrecht.de";
	white-space: pre;
}

.telefon a {
	text-decoration:none;
	color:#000;
}

.telefon img {
	display: none;
}


.mail, .telefonberatung {
	display: none;
}


/* Breadcrumb */
.breadcrumb {
	padding: 0px;
	margin: 0px;
	font-size:12px;
	color:#666;
	font-style:italic;
	padding-top: 20px;
	width: 100%;
}

.breadcrumb li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

.breadcrumb li a {
	text-decoration:none;
	transition: color 0.15s ease-out;
	color:#333;
	font-weight:700;
}

.breadcrumb li a:hover  {
	color: rgba(62,98,177,1.0);
}

.breadcrumb .divider {
	padding: 0px 7px 0px 7px;
}

.breadcrumb .divider.icon-location {
	padding: 0px;
}

/* Headerrahmen (nur Menü und Suche) */
.headerrahmen {
	border-top: solid 1px rgba(62,98,177,0.2);
	border-bottom: solid 1px rgba(62,98,177,0.4);
	overflow: hidden;
	clear:both;
}


/* Suche */

.autocomplete-suggestion {
	font-size: 80%;
}

label.finder {
	background-color: rgba(62,98,177,1.0);
	color:#FFF;
}


/* Content */

ul.haeckchen {
	list-style-type:none;
}
ul.haeckchen li:before {
	content: url(../images/haeckchen.jpg);
	position:relative;
	left: -10px;
	top: 3px;
}

.clearfix {
	padding-bottom: 30px;
}

.article-info-term {
	display:none;
}

.category-name {
	margin-left: 0px !important;
	font-size: 80%;
	font-style:italic;
}


.readmore {
	font-size: 120%;
	font-style:italic;
}

.category-name a, .readmore a {
	color: rgba(62,98,177,1.0);
	transition: color 0.15s ease-out;
	text-decoration: none;
}

.category-name a:hover, .readmore a:hover {
	color: rgba(62,98,177,0.5);
}


#content a {
	text-decoration:none;
	transition: color 0.15s ease-out;
	color: rgba(62,98,177,1.0);
}


#content a:hover {
	color: rgba(62,98,177,0.5);
}


/* Seitennavigation Blog */

.pagination {
	width: 100%;
	border-top: solid 1px rgba(62,98,177,0.2);
	border-bottom: solid 1px rgba(62,98,177,0.4);
}

.pagination ul {
	padding: 0px;
	width: 100%;
}

.pagination li {
	display:inline;
	padding-right: 15px;
}


/* Beitragssymbole */
.icons:before {
	content:"Sie können diesen Beitrag: ";
	float:left;
	color: rgba(0,0,0,0.6);
	font-size: 80%;
}

.icons {
	background-color: rgba(0,0,0,0.05);
	padding: 3px;
}
	

.icons ul {
	list-style-type:none;
	font-size: 80%;
	padding: 0px;
	margin: 0px;
}

.icons li {
	display: inline;
}
.icons li a {
	margin-left: 15px;
}

/* Boxen rechts  */



.social {
}


.social img {
	border-radius: 5px !important;
}


a.kfa {
	float:left;
}
a.ktw {
	float:inherit;
	padding-left:20px;
}
a.kgo {
	float:right;
}

ul.mostreadboxnavi {
	padding: 0px;
}
ul.mostreadboxnavi li {
	list-style-type:none;
	padding-bottom: 15px;
}
.mostreadboxnavi a {
	font-size: 120%;
	text-decoration:none;
	transition: color 0.15s ease-out;
	color: rgba(62,98,177,1.0);
}


.mostreadboxnavi a:hover {
	color: rgba(62,98,177,0.5);
}




/* RESPONSIVE STYLES */
/* mini screens up to 640px */
@media (max-width: 40rem) { 
	h2 {
		font-size: 20px;
	}
	
	.headerrahmen {	
	}
	
	.nav-toggle {
		width: 100% !important;
		top: 0px !important;
		position:relative !important;
		float:left !important;
	}

	
	/* Suche */
	.suche {
		width: 100% !important;
		top: 0px !important;
		float:left !important;
		border-left: solid 3px rgba(62,98,177,1.0);
	}
	.input-medium {
		width: 100% !important;
	}

}


/* Medium screens (1024px) */
@media (max-width: 64rem) { 
	h2 a {
		font-size: 24px;
	}
	
	.headerrahmen {
		border:none;
	}

	.nav-collapse {
			float:left;
	}
	.nav-collapse ul {
		margin: 0;
		padding: 0;
		width: 100%;
		display: block;
		list-style: none;
	}
	
	a.nav-toggle {
		font-size: 120%;
		color:#FFF;
		text-decoration:none;
		height: 35px;
	}
	
	.nav-collapse li {
		display: block;
		width: 100% !important;
		background-color: rgba(62,98,177,1.0) !important;
		border-top: 1px solid rgba(255,255,255,0.3);
		line-height: 180%;
	}
	
	.js .nav-collapse {
		clip: rect(0 0 0 0);
		max-height: 0;
		position: absolute;
		display: block;
		overflow: hidden;
		zoom: 1;
	}
	
	.nav-collapse.opened {
		max-height: 9999px;
	}
	
	.nav {
		overflow: hidden;
	}
	.js .nav-collapse {
		position: relative;
		float:left;
	}
	.js .nav-collapse.closed {
		max-height: none;
	}
	.nav-toggle {
		display: block;
		width: 50%;
		background-color: rgba(62,98,177,1.0);
		text-align:center;
		height: 32px;
	}
	
	nav.nav-collapse {
		width: 100% !important;
		text-align:center;
		clear:both !important;
	}
	
	.nav li a {
		color:#FFF !important;
		width: 100% !important;
		font-size: 100%;
	}
		
	
	
	/* Suche */
	.suche {
		float:right;
		width:50%;
	}
	.finder {
	}
	
	label.finder {
		color: rgba(255,255,255,1.0);
		transition: color 0.15s ease-out;
		text-decoration:none;
		font-weight:bold;
		font-size: 100%;
		padding: 6px 10px 6px 10px;
		text-align:center;
		float:right;
		position:absolute;
		right: 10px;
	}	
	.input-medium {
		width: 90%;
		border-top: solid 3px rgba(62,98,177,1.0);
		border-bottom: solid 3px rgba(62,98,177,1.0);
		border-left: none;
		border-right:none;
		height: 27px;
		background-color:rgba(255,255,255,1.0);
		transition: background-color 0.15s ease-out;
		padding-left: 3px;
	}
	
	.input-medium:hover {
		background-color:rgba(62,98,177,0.1);
	}
	
	
	#boxen-rechts {
		text-align:center;
	}
	
	

	.social {
		text-align: center;
		padding-left: 20%;
		padding-right: 20%;
	}
	.boxenlogo {
		display:inline;
		vertical-align:top;
		padding-right: 10%;
	}
	
	.boxenlogo img {
		width: 23%;
		max-width: 130px;
		height:auto;
		padding-bottom: 50px;
	}
	
	.custom.boxenlogos {
		text-align: center !important;
		padding-left: 20%;
		padding-right: 20%;
		width: 100%;
	}

	
}
 
/* Large screens (1024px) */
@media (min-width: 64rem) { 
	body {
	}

	h2 a {
		font-size: 28px;
	}

	
	/* Suche */
	.suche {
		position: relative;
		top: 20px;
		left: -5px;
		float:right;
	}
	
	label.finder {
		color: rgba(255,255,255,1.0);
		transition: color 0.15s ease-out;
		text-decoration:none;
		font-weight:bold;
		font-size: 100%;
		border-radius: 5px;
		padding: 2px 5px 2px 5px;
	}
	
	.input-medium {
		width: 130px;
		position:relative;
		left: -10px;
		top:-1px;
		border-radius: 5px;
		border: solid 1px rgba(62,98,177,0.5);
		height: 24px;
		background-color:rgba(255,255,255,1.0);
		transition: background-color 0.15s ease-out;
		padding-left: 3px;
	}
	
	.input-medium:hover {
		background-color:rgba(62,98,177,0.1);
	}
	

	.nav-toggle {
		display:none;
	}
	
	
	
	/* Navigation */
	nav {
		float:left;
	}
	nav ul {
		padding: 0px;
	}
	nav li {
		display:inline;
		padding-right: 40px;
	}
	nav a {
		font-size: 130%;
		font-weight:600;
		text-transform:uppercase;
	}
	nav .current.active a {
		color:rgba(62,98,177,0.5);
	}
	
	
	/* Content */
	
	#content {
		float:left;
		max-width: 80%;
		width:auto;
	}
	
	/* Boxen rechts */
	#boxen-rechts {
		float:right;
		width: 190px;
		font-size:12px;
		text-align:left;
	}


	
	.boxenlogo {
		text-align:center;
		padding-bottom: 50px;
	}
	
	/* Boxen Menüs */

	
}



/*  footer */

footer {
	width: 100%;
	height:auto;
	overflow:hidden;
}

/* Ausschluss von Elementen auf Unterseiten */


/* Styles für bestimmte Menüpunkte   */
body#menu101 > main > section#boxen-rechts {
	padding-top: 37px;
}

#content {
	padding-top: 10px;
}


/* offene styles bereinigen */
/* Boxen rechts  */