/* Screen Styles                */
/* ANGEL Internet Services Gmbh */
/* Okt 2o20 - info@angel.de	*/

a, a:hover {
	text-decoration: none;	
}
a:hover { opacity: 1 ; transform: 1s all ; }

h3 { font-size: 1.2em ;}

input,
textarea,
select {
	font-size: 11px;	
	margin: 2px;
	padding: 2px 2px 1px 2px;
	font-family: arial, helvetica, verdana, sans-serif;
}


h1,h2,h3,h4,h5,h6 {	
    color: #0f75bc ;
	margin: 0 0 1em 0;
	font-weight: bold;
	clear: right;
    line-height: 150%;
}

p {
    font-size: 15px; 
	margin: 0 0 1em 0;
    line-height: 150%;
}
footer p { font-size: 13px; }

.error {
	font-weight: bold;
	color: #900;
}

strong {
	font-weight: bold;
}

.blockodd{
	display: block;
	background: #FFF;
	border: 1px solid #EEE;
	margin: 0 0 1em 0;
	padding: 7px 7px 3px 7px;
	width: 520px;
}

.blockeven{
	background: #EEE;
	border: 1px solid #EEE;
	margin: 0 0 1em 0;
	padding: 7px 7px  3px 7px;
	width: 520px;
}

.imageframe {
	float: left;
	width: 120px;
	display: block;
	height: 60px;
}

.indent120 {
	float: left; 
	width: 380px;
}

.floatleft {
	clear: left;
	float: left;
	padding: 0 20px 10px 0;
}

.floatright {
	clear: right;
	float: right;
	padding: 0 0 10px 20px;
}

.floatrightnopadding {
	float: right;
	padding: 0;
}

.clearboth {
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
}

.header em {
	display: none;	
}

.header .center-banner { padding: 0 ;}

#header_image {
	height: 205px;
    padding: 0 ; 
}



@media only screen and (max-width: 768px) {
    /* .language { padding: 0 ; } */
    
    ul.navi.language li { display: inline ; padding: 15px ;}
    footer p {font-size: 11px ;}
}
.language p { 
color: #97999c;
}

#toolbar { 
	position: absolute;
	left: 775px;	
	top: 180px;
	font-size: 0.7em;
	width: 280px;
}

#toolbar ul {
	list-style: none;
}

#toolbar li {
	float: left;
	line-height: 2em;
	margin: 0 10px 0 0;
}


#breads {
	width: 594px;
	margin: 0 0 0 147px;
	text-align: left;
	padding: 10px 0 5px 60px;
	font-size: 0.65em;
}

#breads a {
	color: #525456;
}

.navigation { background-color: #eee ;}

#main {
	background: url(/vorlagen/assets/images/background_main.png) top center repeat-y;
	width: 954px;
	margin: 0;
	padding: 0;
}

.sidebar p { font-size: 0.9em ; }

#sidebar {
	float: right;
	width: 165px;
	min-height: 450px;
/*	background-color: #C09;*/
	margin: 0 ;
	padding: 10px 0 0 10px;
	text-align: left;	
	font-size: 0.75em;
}

#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5 {
	margin: 0 0 0.5em 0;
}


#sidebar img {
	margin: 0 0 1em 0;
}

#content {
	padding: 0;
	margin: 0 180px;
	width: 594px;
	position: relative;
}

#content_padder {
	padding: 15px 30px;
	border: 0 none;
	min-height: 300px;
	text-align: left;
	font-size: 1em;
	float: left;
	width: 90%;
}	

#content_top {
	background: url(/vorlagen/assets/images/background_main_top.gif) top center no-repeat;
	width: 594px;
	height: 2px;
	padding:0;
	margin: 0;
	font-size: 1px;
	display: block;
}

#content_bottom {
	clear: both;
	background: url(/vorlagen/assets/images/background_main_bottom.gif) bottom center no-repeat;
	width: 594px;
	height: 2px;
	padding:0;
	margin: 0;
	font-size: 1px;
	display: block;
}


/* Fusszeile */
/* ----------------------------------------------------------------------------------------- */
footer h5 { color: #eee ; /*#97999c */ ;}

#footer {
/*	background: #FFF;*/
	text-align: left ;
	font-size: 0.7em;
	clear: both;
}


#footer #Aprint {
	position: absolute;
	left: 200px;
	padding: 0px 10px 0 20px;
	background: url(/vorlagen/assets/images/icon_print.gif) left 10px no-repeat;
	color: #888;
	line-height: 3em;
}


/* Navigation */
/* ----------------------------------------------------------------------------------------- */
#navi {
	float: left;
	width: 165px;
/*	color: #525456;*/
	margin: 0 0 0 10px;
	padding: 0;
	letter-spacing: 0.03em;
	text-align: left;
	display: inline;		
}


#navi ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navi ul li {
	margin: 0;
	padding: 0;
}

#navi li li{
	margin: 0;
	padding: 0;
/*	background-color: #eee; */
}

#navi ul ul {
/*	background: #EEE;*/
}

#navi a {
	line-height: 1.8em;
	font-size: 0.75em;
	padding: 0 0 0 0;
	display: block;
/*	color: #525456;*/
}

#navi a:hover  {
	font-weight: bold;
/*	background: #EEE;*/
}

#navi li a {
	padding: 0 0 0 5px;
}

#navi li li a {
	padding: 0 0 0 15px;
/*  color: #eee ; */
}

#navi li li li a {
	padding: 0 0 0 25px;
/*  color: #eee ; */
}

#navi a.active1 {
	font-weight: bold;
/*	background: #EEE;*/
}

#navi li li a.active1 {
	background:  url(/vorlagen/assets/images/navi_arrow_trans.gif) 3px 5px no-repeat;
}

#navi li li li a.active1 {
	background:  url(/vorlagen/assets/images/navi_arrow_trans.gif) 13px 6px no-repeat;
}

#sitemap {
	float: left;
	width: 400px;
	color: #525456;
	margin: 0 0 0 10px;
	padding: 0;
	letter-spacing: 0.03em;
	text-align: left;
	display: inline;		
}

#sitemap a {
	color: #525456;
	margin: 0;
	padding: 0;
	letter-spacing: 0.03em;
	text-align: left;
	line-height: 1.7em;
}

#sitemap a:hover {
	color: #525456;
	font-weight: bold;
	margin: 0;
	padding: 0;
	letter-spacing: 0.03em;
	text-align: left;
	line-height: 1.7em;
}

#sitemap ul {
	margin-left: 10px;
	padding: 0;
	list-style: none;
}

ul.navi a { font-size: 15px ;}

ul.navi { padding: 15px 0; margin: 0 ; }
ul.navi li { padding: 0 0 20px; list-style: none;}

ul.navi > li.active0 { font-weight: normal ;}
ul.navi > li.active1 > a { font-weight: bold ; color: #666 ; }

ul.navi li ul { padding-left: 25px ; }
ul.navi li ul li  { padding: 0 0 10px; font-weight: normal ;}
ul.navi li ul li.active1 > a { font-weight: bold ; color: #666 ; }

ul.navi.language { } 
ul.navi.language li { padding: 0 0 0px; list-style: none;}

.language img { width: 13px ; vertical-align: baseline ;}

@media only screen and (max-width: 768px) {
    /* .language { padding: 0 ; } */
    ul.navi { padding: 5px ; margin-top: 5px ; }
    ul.navi li { padding: 0 ; }
    
    ul.navi a {  line-height: 23px; }
    
    .nav-bar .module-group { padding: 0; }
    
    ul.navi.language li { display: inline ; padding: 15px ;}
    footer p {font-size: 11px ; line-height: 17px;}
}


ul, ol  {
    background-color: #eee;
}
footer ul, footer ol  {	
    color: #eee ; 
    background-color: transparent ;
}

footer ul.nav>li>a { color: #0f75bc ; padding: 0px 0px 10px; }
footer ul.nav>li:hover>a { color: #eee ; background-color: transparent ;}

footer h5.uppercase { text-transform: uppercase; }
footer p { color: #eee ; }

ol  {
	margin-left: 0px;
    margin-bottom: 30px ; 
	padding: 15px;
	list-style: decimal;
}

ol li { margin: 10px 10px 10px 30px ;}

.noborder {
	border: none;
	vertical-align: middle;
}


.searchmedia {
    border-collapse: collapse;
    background-color: #EEEEEE;
    width: 100%;
}

.searchmedia tr.odd {
    background-color: white;
}

.searchmedia td.download, th.download {
    text-align: right;
}

.searchmedia th.counter {
    width: 30px;
}

.searchmedia tr:hover {
    background-color: #c4c6ca;
}


.pager {
    width: 100%;
    font-weight: bold;
}

.pager td.last {
    text-align: right;
}

 
/* Cookie  theme colors */ 
.cc_container .cc_btn, .cc_container .cc_btn:visited {
	color: white !important;
	background-color: #0F75BC  !important;
}
