body,html {margin:0}
body,td { font-family:arial; font-size:13px; color:#6A6A6A; }

#links { width:230px; background-color:#2B2B2B; position:fixed; left:0; min-height:100%; font-weight:bold; font-size:14px }
#links { position:absolute; }
body { background-image:url(/fileadmin/microsites/deinewege/img/menu_bg.gif); background-position:0 0; background-repeat:repeat-y; }
#links a:link, #links a:visited { color:#BCBCBC; text-decoration:none }
#links a:active, #links a:hover { }

#links ul { margin:0; padding:0;list-style-type:none; margin-top:77px }
#links ul li ul { margin-top:0 }
#links li { margin:0; padding:0; }
#links li a { margin:0; padding:0; display:block; min-height:15px;padding-left:14px;background:url(img/pfeil-r.gif) top right no-repeat;
	  padding-top:15px; padding-bottom:16px; padding-right:20px }
#links li a.aktiv { background-color:#222222;background-image:url(img/pfeil-u.gif) }

/*#links li a.gruen { border-left:7px solid #003A81;padding-left:7px; }*/
#links li.aktiv a { border-left:7px solid #003A81;padding-left:7px; }

#links li.aktiv ul.level2 li a { border-left:0;padding-left:14px; background-image:none }

#links ul ul { font-weight:normal }
#links ul ul li.aktiv a { background-image:none;font-weight:bold }
#links ul ul li a { background-image:none }
#links ul ul { padding:10px; padding-left:15px; background-color:#222222 }
#links ul ul a { padding:5px }
#links ul ul ul { padding:10px; padding-left:15px; background-color:#222222 }

#mobil_menue { display:none; }
#mitterechts { margin-left:230px; }
#contentpadd { margin-left:auto;margin-right:auto;width:1280px; }
#header { height:95px; text-align:right;padding-right:25px }
.logos { padding-top:10px }
.logos a { margin-left:30px }

#pfad { border-bottom:1px solid #6a6a6a; padding:7px; padding-top:5px; padding-bottom:1px; padding-left:30px; color:#555555; font-size:11px; margin-bottom:30px }
#pfad a:link, #pfad a:visited { color:#555555; text-decoration:none }
#pfad a:active, #pfad a:hover { text-decoration:underline }

.kacheln { max-width:1222px }
.kachel { float:left; margin-right:30px; margin-bottom:30px; width:387px; height:267px; position:relative }
.kachel p { position:absolute;bottom:0;left:0;width:367px;height:79px;
	background-color:#eee;background-color:rgba(240,240,240,0.8);
	margin:0;
	padding:10px;
	text-align:center;
	font-size:26px;
	font-weight:bold;
	display:table;
	}
.kachel p span { display:table-cell; vertical-align:middle; }
.kachel a:link, .kachel a:visited { color:#1E3B75; text-decoration:none }
.kachel3 { margin-right:0; }
.kachel_breit { width:100%; background-color:#CBCCCE; position:relative; text-align:right }
.kachel_breit p { position:absolute; top:0;left:0px;width:59%; height:106px; font-size:26px; font-weight:bold; display:table; margin:0; padding:0 }
.kachel_breit p span { display:table-cell; vertical-align:middle; text-align:center; }
 a:link .kachel_breit, a:visited .kachel_breit { color:#003a81; text-decoration:none }

#footer { border-top:1px solid #6A6A6A; margin-top:25px; padding-top:8px; text-align:right; margin-bottom:10px; padding-right:25px }
#footer a { margin-right:32px }
#footer a:link, #footer a:visited { color:#6A6A6A;text-decoration:none }
#footer a:active, #footer a:hover { text-decoration:underline }

#content a:link, #content a:visited{ color:#003A81;  }
#content a:active, #content a:hover{  }

.img_article_left img,  #img_article_left  img {              width:250px; margin-top:0px; /*border:1px solid #ccc;*/}
.img_article_left img,  #img_article_left      { float:left;  width:250px; margin:3px 15px 15px 0px;}
.img_article_right img, #img_article_right img {              width:250px; margin-top:0px; /*border:1px solid #ccc;*/}
.img_article_right img, #img_article_right     { float:right; width:250px; margin:3px 0px 15px 15px;}

.bildunterschrift { font-size: 85%; }
.bildunterschrift a:link, .bildunterschrift a:visited { text-decoration:none; color: inherit; }

.logosmobil { display:none}

/* SHT */
.blau1    { color:#093F88; }                                       /* blau 1 */
.blau1-e  { color:#093F88; margin-left:1.5em; }                    /* blau 1, Einrückung */
.blau1-ek { color:#093F88; margin-left:1.5em; font-style:italic; } /* blau 1, Einrückung, kursiv */
.blau1-k  { color:#093F88; font-style:italic; }                    /* blau 1, kursiv */
.text-e   { margin-left:1.5em; }                                   /* Text: Einrückung */
.text-u   { text-decoration:underline; }                           /* Text: Unterstreichung */
.gruen1   { color:#00A651; }                                       /* grün 1 */

/* 1280-1650 */
@media screen and (max-width: 1980px) {
#contentpadd { width:960px }
.kachel { margin-bottom:30px; width:300px; height:207px;  }
.kachel img { width:300px; height:207px; }
.kachel p { position:absolute;bottom:0;left:0;width:284px;height:58px;
	padding:8px;
	font-size:23px;
	}
}

/* unter 1220px die links Navigation ausblenden */
@media screen and (max-width: 1220px) {
#header { padding-right:10px }
.logo_links { padding-left:15px !important }
#pfad {  padding-left:10px;margin-bottom:0  }

#links { z-index:999;width:100%;width:calc(100% - 4px);max-width:480px;position:absolute; top:55px; left:0px; height:auto; display:none; border:2px solid #888 }
#links ul { margin-top:0 !important }
body { background-image:none }


#mitterechts { margin-left:0px; }
#contentpadd { margin-left:0;margin-right:0;width:auto; }
#content { padding-left:10px; padding-top:10px;}
#mobil_menue { display:block;  float:left; height:91px; background-color:#222}
}

@media screen and (min-width: 980px) and (max-width: 1020px) {
.logos a { margin-left:10px } 
}

/* 1024 */
@media screen and (min-width: 609px) and (max-width: 980px) {
.logos { text-align:right }
.logos a { margin-left:5px } 
.logos img { zoom:0.75; } 
#contentpadd { width:auto }
.logo_links { width:260px;height:auto !important; margin-top:20px }
#header { text-align:left;height:auto; padding-bottom:10px }
	.kacheln { max-width:900px }
	.kachel2 { margin-right:0 }
	.kachel3 { margin-right:30px }
}

@media screen and (max-width:608px) {
.nicht_mobil { display:none }
#contentpadd { width:auto }
#content { padding:10px }
#mobil_menue {  height:53px;}
.logo_links { max-width:300px; width:calc(100% - 70px);height:auto !important }
.logos { display:none;  }
.logosmobil { display:block; text-align:left; padding-left:10px; padding-bottom:10px }
#header { text-align:left; height:auto }
	.kacheln { max-width:500px }
	.kachel2 { margin-right:0px }
	.kachel3 { margin-right:0px }
.kachel_breit { width:300px; }
.kachel_breit p { width:100% }
.kachel_breit img { visibility:hidden }
}
@media screen and (min-width:609px) {
.nur_mobil {display:none }
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
img  { border:0 }

#content img.l  { float:left; margin-right:20px;margin-bottom:6px; }
#content img.l2 { float:left; margin-right:20px; }
#ansprechpartner {float:left;width:240px;margin-bottom:20px;margin-right:15px;}
#content h3 { color:#003A81 }
#content h3 a:link, #content h3 a:visited{ color:#003A81; text-decoration:none }
#content h3 a:active, #content h3 a:hover{ text-decoration:underline }

#overlaybox {
   position: fixed;
   z-index:199;
   top: -0px;
   left: 0px;
   height:100%;
   width:100%;
   background-color:#000;
   -ms-filter: "Alpha(Opacity=75)"; /* IE 8 */
   filter:alpha(opacity=75); /* IE5-7 */
   -moz-opacity: 0.75; /* Mozilla */
   opacity: 0.75;
}
#password_box {
   z-index:200;
   position:absolute;top:50%;left:50%;width:280px;margin-top:-100px;margin-left:-150px;  
   background-color:#40568A;color:white;padding:40px;border-radius:10px
}
@media screen and (max-width:608px) {
#password_box {
	padding:15px;border-radius:0px;
	top:250px;
 }	
}

#content, #content td { font-size:15px; line-height:1.3;color:#606060; }
#content p { margin-top:0.5em;  }
#content h2 { margin-top:0.5em; margin-bottom:0.5em }
#content h3 { margin-top:0.5em; margin-bottom:0.5em }
.klein { font-size:13px }

@media screen and (max-height: 850px) {
#links {	position:absolute; height:1008px }
}

/* Cookie-Hinweis */
#cookie_hinweis { background-color:#143C8C; color:white; font-size:15px; position:fixed; bottom:0; width:100%; display:none;
    box-shadow: 0px 0px 5px black; }
#cookie_hinweis p { margin-left:10px; margin-right:10px; margin-bottom:0 }
#cookie_hinweis a { color:white }
#cookie_hinweis a.button_weiss { display:inline-block; background-color:white; font-weight:bold; text-align:center; padding:6px; margin-bottom:10px }
#cookie_hinweis label { margin-right:30px }
#cookie_hinweis a.button_weiss:link, #cookie_hinweis a.button_weiss:visited { color:#143C8C; text-decoration:none }
@media screen and (max-width: 595px) {
    .cookie_buttons { display:block}
}
@media screen and (max-width: 480px) {
	 #cookie_hinweis { font-size:14px; padding:5px; padding-left:0;  line-height:1.3 }
}
@media screen and (max-width: 333px) {
	 #cookie_hinweis { font-size:13px; }
}

.image .lightbox { position:relative }
