/* set all to 0 */
frame, form,input,fieldset,select, textarea, legend,label, table,tr,td, dl,dt,dd, id,div,p,ul,ul,ol, a,a:link,a:hover,a:visited {
color:black;
font-size:99%;
line-height:1.3em;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

body, html {
	width: auto;
	height: auto;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  background:#141654 url( ../../y6/y6_img/bg-body.gif) repeat-x;
}

html>body {		/* firefox */
min-height:auto;
}

/* Responsive layout less than 700px wide*/
@media screen and (max-width: 700px) {
  body {
    background:#141654;
    background-color:#141654;
  }
}
.header {
  padding: 0 0 0 0; /* some padding */
   /* text-align: right; */
  /*  background: #ccc; */
  color: #000; /*  */
  background:#f1f1f6 url( ../../y6/y6_img/header_bg_25.webp) repeat-x; /* no-repeat */
  background-position: 0px 100%;
}

#header_img {
	position: relative;
	left: 0px;
	top: 0px;
	margin:0px 0 0 0px;
	width: 100%;
	height: 123px;
	border-top: 0px solid red;
}
.text_header_img { float: right; margin:0 0 0 0; padding:5px 25px 10px 25px; height:123px; background-color:#f1f1f6} 

 h1 {font-size: 145%;color: #0466fc;margin-top:0; margin-bottom:0.5em; border-bottom: 0px solid #0466fc;}
 h2 {font-size: 110%;color: #333;margin:0.8em 0 0.5em 0;border-bottom: 0px solid #fefefe;}
 h2.spez  {color: #0466fc;}
 h3 {font-size: 95%;color: #333;margin:0.8em 0 0.5em 0;border-bottom: 0px solid #fefefe;}

/* Style the top navigation bar */
#nav_main {
  overflow: hidden; /* Hide overflow */
  background-color: #141654; /* Dark background color */
}

/* Style the navigation bar links */
#nav_main a {
  float: left; /* Make sure that the links stay side-by-side */
  display: block; /* Change the display to block, for responsive reasons (see below) */
  color: white; /* White text color */
  padding: 5px 14px 5px 20px; /* Add some padding */
  text-decoration: none; /* Remove underline */
  font-weight:bold;
	background-color:#141654;
	background: #141654 url( ../../y6/y6_img/bg-y6_topButtos.gif) 0px -18px no-repeat;

}

/* Right-aligned link */
#nav_main a.right {
  float: right; /* Float a link to the right */
}

/* Change color on hover/mouse-over */
#nav_main a:hover {
	background-color:#141654;
	background: #141654 url( ../../y6/y6_img/bg-y6_topButtos_sel.gif) 0px -18px no-repeat;
	color:red;
}

/* style for selected frist Level activ Links  */
     #nav_main a.level_fst_cur, #nav_main a.level_fst_cur:link, #nav_main a.level_fst_cur:visited {
	background-color:#131358;
	background: #131358 url(../../y6/y6_img/bg-y6_topButtos_sel.gif) 0px -18px no-repeat;
	color:red;
     }

/* Ensure proper sizing */
* {
  box-sizing: border-box;
}

/* Column container */
.row {
  display: flex;
  flex-wrap: wrap;
}

a:link, a, a:visited {
text-decoration: underline;
color: #0466fc;
}
a:hover {
text-decoration: underline;
color: red;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
  flex: 10%; /* Set the width of the sidebar */
  background-color: #f1f1f1; /* Grey background color */
  padding: 20px; /* Some padding */
}

/* Platzhalter/left column */
.ph-left {
  flex: 10%; /* Set the width of the sidebar */
  background-color: #f1f1f1; /* Grey background color */
  padding: 20px; /* Some padding */
}

/* Main column */
.main {
  flex: 90%; /* Set the width of the main content */
  background-color: white; /* White background color */
  padding: 20px; /* Some padding */
}
/* Responsive layout - less than 700px wide */
@media screen and (max-width: 700px) {
  .row {
    flex-direction: column;
  }
}

@media screen and (max-width: 800px) {
  .ph-left {
    display:none;
  }
}


/* Responsive layout less than 400px wide*/
@media screen and (max-width: 400px) {
  #nav_main a {
    float: none;
    width: 100%;
  }
}

.hidden, .unsichtbar, .visible-in-print {
	display:none;
	}

.text-box-right { float: right; margin: 0 5px; } 

.img-box-right { float: right; font-size: 85%; color:#666; padding:2px 5px; margin: 0px 0 10px 10px; background-color: #f1f1f1; border:1px solid blue; } 
 .img-box { float: left; font-size: 85%; color:#666; padding:2px 5px; margin: 0px 0 10px 10px; background-color: #f1f1f1; border:1px solid blue; } 


.clear-box { width:100%; clear:both; border-bottom:5px solid #fff;} 

/**list-style main; **/
	.main ol li, .main ul li { 
	margin-left:1em; line-height: 1.3em; padding-bottom:0.5em;
	} 
	.main ul li { 
	display: list-item; !important list-style-type: square; !important;
	} 


#footer { border-top: 1px solid #922a4f; width:100%; background:#141654;; font-size: 10px; height:3em;} 
#footer_text {
	margin: 0;
	padding: 6px;
	background: transparent;
	text-align: right;
	
	line-height: normal;
	color: #f1f1f1;
}



/** Symbol link **/
#zoombild .previtem {background: transparent url(../../y6/y6_img/symb_prev.gif) no-repeat 0% 50%;background-position: 0% 50%;padding-left:13px;}
#zoombild .nextitem {background: transparent url(../../y6/y6_img/symb_next.gif) no-repeat 100% 50%;background-position: 100% 50%;padding-right:13px;}

.content_elements.previtem,.previtem {background: transparent url(../../y6/y6_img/symb_prev.gif) no-repeat 0% 50%;background-position: 0% 50%;padding-left:13px;}
.content_elements.nextitem,.nextitem {background: transparent url(../../y6/y6_img/symb_next.gif) no-repeat 100% 50%;background-position: 100% 50%;padding-right:13px;}
.content_elements.extern,.extern,.external-link,.external-link-new-window {background: transparent url(../../y6/y6_img/link_ext.gif) no-repeat 100% 50%;background-position: 100% 50%;padding-right:10px;}
.content_elements.intern,.intern,.internal-link {/* padding-right:10px; */}
.content_elements.download,.download {background: transparent url(../../y6/y6_img/link_download.gif) no-repeat 100% 50%;background-position: 100% 50%;padding-right:13px;}
.content_elements.mailto,.mailto,.mail {background: transparent url(../../y6/y6_img/sym_mail.gif)  no-repeat 100% 50%;background-position: 100% 50%;padding-right:15px;}
.content_elements.achtung,.achtung {font-weight:bold; background: transparent url(../../design_grafik/symb_achtung2.gif)  no-repeat left top;background-position: 0 0px;padding-left:18px;}

/** TOP link **/
a.top,a:link.top,a:visited.top,.content_elements a.top,.content_elements a:link.top,.content_elements a:visited.top,#copyright a.top,#copyright a:link.top,#copyright a:visited.top{
background:     url(../../y6/y6_img/symb_top.gif) no-repeat right center;
text-decoration: none;
padding-right: 20px;
padding-left: 10px;
}

a:hover.top,.content_elements a:hover.top,#copyright a:hover.top {
color: #0466fc;
background: url(../../y6/y6_img/symb_top_act.gif) no-repeat right center;
text-decoration: underline;
padding-right: 20px;
padding-left: 10px;
}
#container { z-index: 0; margin:0px auto; margin-top:14px; width:80%; max-width:960x; border:0px solid green; background:#fff;} 

/* Responsive layout less than 700px wide*/
@media screen and (max-width: 700px) {
  #container {
    margin:0px 2px; border:1px solid #0466fc; width:auto;
  }
}
