/*
	Netzgänger-Projekt, Universität Bamberg
	Souce Code (c) 2013 - 2015 andreas n. schubert
	http://www.andreas-n-schubert.de
*/


/***    Styles     ****************************/

a {
	text-decoration: none;
	color: #32859c;
}

a:hover, a:hover strong, a:hover b {
	text-decoration: none;
	color: #8B4513;
}

a.pfeil:hover {
	background-position: 0 -9px;	
}

b, strong {
	color: #5C5C5C;
}

p {
	margin-top: 0;
	hyphens: auto;
}

table.ohnerand, table.ohnerand tr, table.ohnerand th, table.ohnerand td {
	border: 0 !important;
}

iframe {
	border: 0;
}

.hide {
	display: none;
}

blockquote.box {
	margin: 10px 0;
	border: 1px solid #2A879E;
	border-top: 5px solid #2A879E;
	border-bottom: 5px solid #2A879E;
	background-color: #F1F1F1;
	border-radius: 8px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 90%;
}

/****/

.accordion h3 {
	position: relative;
	font-size: 14px;
	font-weight: bold;
	color: #5C5C5C;
}

.ui-accordion .ui-accordion-content {
	font-size: 90%;
}

.ui-accordion-header-active {
	color: #8B4513 !important;
}

.accordion .ui-accordion-content ul, .accordion .ui-accordion-content ol {
	padding-left: 20px !important;
}

h3.mitfiguren {
	margin-top: 30px !important;
}

.accordion h3 .accordion-symbol_cybermobbing, .accordion h3 .accordion-symbol_soziale_netzwerke, .accordion h3 .accordion-symbol_spielewelten, .accordion h3 .accordion-symbol_recht {
	position: absolute;
	bottom: -3px;
}

.accordion h3 .accordion-symbol_cybermobbing {
	right: 30px;	
}

.accordion h3 .accordion-symbol_soziale_netzwerke {
	right: 300px;	
}

.accordion h3 .accordion-symbol_spielewelten {
	right: 120px;	
}

.accordion h3 .accordion-symbol_recht {
	right: 250px;	
}

a.popup img {
	border: 1px solid #C6C6C6;
	padding: 10px;
	margin: 10px;
}

a.popup img:before {
	content:url(../images/imagezoom.png);
	position: absolute;
	right: 50px;
	bottom: -50px;
}


div.fussnote ol {
	font-size: 80%;
}

.nn_tooltips-link {
	color: #32859C;
}

.popover-content {
	font-size: 80%;
	color: #8B4513;
	background-color: #E8F5F8;
}

#maincontent img {
	margin: 0 10px;
}

#maincontent ul li, #maincontent ol li {
	margin-bottom: 5px;
}