/* CSS layout */

body {
	/* background-color: #D5784D; */
	background-position:center;
	background-repeat:repeat;
	background-image:url('Hintergrund.png');
	margin: auto;
	width: 1280px;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, Sans-Serif;
	height: 1280px;
	height:100vh; 
}

#container {
	background-color:transparent;
	/* background-color:#390; */
	width: 100%;
	height: 100%;
}

#top_nav_left {
	float:left;
	margin-left:1.25%;
	width:48.75%;
	height: 42px;
	padding-top: 0px;
}

#top_nav_right {
	float:right;
	margin-right:1.25%;
	height:20px;
	width:48.75%;
	padding-top: 5px; /* 30px;*/
	text-align:right;
}

#top_nav, #top_nav_old {
	margin-left:3.125%;
	margin-right:3.125%;
	width:93.75%;
	top:0px;
	height: 42px;
	padding-top: 8px;
}

#top_nav_old {
	background-color: #7599C0;
}

#nav_container {
	float:left;
	width:33%;
	top:0px;
	height: 50px;
}

#header_picture {
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
	background-image:url('HeaderNeu.png');
	width:98.75%;
	margin-left:0.625%;
	margin-right:0.625%;
	height: 220px; /* 310px; */
}

#Left_Column, #Border_Vertical, #Right_Column {
	height: 1060px;
	height: -webkit-calc(100vh - 220px);
	height: -moz-calc(100vh - 220px);
	height: calc(100vh - 220px);
}

#News_Termine, #AutorBuecherLektorate  {
	height: 1010px;
	height: calc(100vh-270px);
	height: -webkit-calc(100vh - 270px);
	height: -moz-calc(100vh - 270px);
}

#Left_Column {
	/* background-color:#F0F; */
	background-color:transparent;
	width:29.21875%;
	margin-left:0.625%;
	float: left;
}

#Border_Vertical {
	width:0.15625%;
	float: left;
	/* background-color:#7599C0; */
}

#News_Termine {
	overflow:auto;
	/* overflow-x:hidden; */
	width: 99.375%;
	margin-right:0.625%;
	float: left;
}

#Right_Column {
	float:right;
	margin-right:0.625%;
	width:69.375%;
}
#AutorBuecherLektorate {
	overflow:auto;
	width:100%;
}

a.homeButton {
	display:block;
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
    width:40px;
	height:40px;
	background-image:url('Home.png');
}
a.homeButton:hover {
	background-image:url('HomeBlack.png');
}
a.homeButton:active {
	background-image:url('HomeBlack.png');
}
a.homeButton:visited {
	background-image:url('Home.png');
}

a.impressumNav{
	float:right;
	width: 100%;
	font-size:small;
	border: none;
	font-weight: bold;
	color: #7599C0;
	text-decoration: none;
	/* vertical-align:-20px; */
}

a.impressumNav:link{
	color: #7599C0;
}
 
a.impressumNav:visited{
	color: #000000;
} 

a.impressumNav:hover{
	color: #000000;
	font-weight:normal;
}  

a.impressumNav:active{
	color: #000000;
	font-weight: bold;
}

#small_picture_right_column {
	float:left;
	/* background-color:#3F0; */
	height: 325px;
	width: 27%;
}
#small_picture_left_column {
	float:left;
	/* background-color:#3F0; */
	/* height: 145px; */
	width: 27%;
	margin-bottom:5px;
}

#small_picture_left_column_landscape {
	float:left;
	/* background-color:#3F0; */
	/* height: 145px; */
	width: 54%;
	margin-bottom:5px;
}

#small_picture_left_column_square {
	float:left;
	/* background-color:#3F0; */
	/* height: 100px; */
	width: 27%;
	margin-bottom:5px;
}

#small_picture_left_column_square_medium {
	float:left;
	/* background-color:#3F0; */
	/* height: 135px; */
	width: 40%;
	margin-bottom:5px;
}

#small_picture_left_column_square_large {
	float:left;
	/* background-color:#3F0; */
	/* height: 170px; */
	width: 54%;
	margin-bottom:5px;
}

#medium_picture_right_column {
	float:left;
	/* background-color:#3F0; */
	width: 60%;
}

#small_picture_description_right_column {
	float:left;
	/* background-color:#FF3; */
	height: 325px;
	width: 20%;
	text-align:left;
	font-size:x-small;
}

#small_picture_description_left_column {
	float:left;
	/* background-color:#0FF; */
	height: 145px;
	width: 20%;
	text-align:left;
	font-size:xx-small;
}

#text_content_right_column {
	float:left;
	/* background-color:#0FF; */
	min-height:325px;
	text-align: justify;
	width:93.75%;
	margin-left: 3.125%;
	margin-right: 3.125%;
	font-size: small;
	/* margin-top:15px; */
}

#text_content_right_column_unspec{
	float:left;
	text-align: justify;
	width:93.75%;
	margin-left: 3.125%;
	margin-right: 3.125%;
	font-size: small;
}

#text_content_copyright {
	float:left;
	/* background-color:#0FF; */
	text-align: justify;
	width:93.75%;
	margin-left: 3.125%;
	margin-right: 3.125%;
	font-size: small;
}

#text_content_left_column {
	float:left;
	min-height:145px;
	text-align: justify;
	width:93.75%;
	margin-left: 3.125%;
	margin-right: 3.125%;
	font-size: small;
}

#text_content_left_column_short {
	/* margin-top:10px; */
	margin-bottom:20px;
	float:left;
	text-align: justify;
	width:93.75%;
	margin-left: 3.125%;
	margin-right: 3.125%;
	font-size: small;
}

#text_block_main {
	/* font-family: "DejaVu Serif Condensed"; */
	/* font-style: italic; */
	font-weight: bold;
	font-size: medium;
	text-align: justify;
	margin-bottom: 10px;
}

#title_main_large {
	float: left;
	width: 100%;
	text-align: left;
	font-family: "DejaVu Serif Condensed";
	font-size: 42pt;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 50px;
}

#title_main {
	float: left;
	width: 100%;
	text-align: left;
	font-family: "DejaVu Serif Condensed";
	font-size: xx-large;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 50px;
}

#title_std {
	background-color:#FFF;
	float: left;
	width: 100%;
	text-align: left;
	font-size: large;
 }
 
#title_page_std {
	text-align: left;
	width:93.75%;
	margin-left: 3.125%;
	margin-right: 3.125%;
	font-size: large;
	margin-bottom:60px;
}

#title_page_std_sub_title {
	margin-top: 20px;
	font-size: medium;
}

#title_rezi {
	text-align: left;
	font-size: large;
	margin-top:30px;
	margin-bottom: 15px;
	font-style: italic;
}

#title_impressum_main
{
	font-size:xx-large;
	font-weight:bold;
	margin-bottom:25px;
}

#title_impressum_large
{
	font-size:x-large;
	font-weight:bold;
	margin-bottom:20px;
}

#title_impressum_large_std
{
	font-size: large;
	font-weight:bold;
	margin-bottom:20px;
}

#title_impressum_medium
{
	font-size: medium;
	font-weight:bold;
	margin-bottom:10px;
}

#impressum_intro
{
	font-size:large;
	margin-bottom:20px;
}

#impressum_vertretung
{
	font-size:large;
	margin-bottom:20px;
}

#impressum_kontakt
{
	margin-bottom:20px;
}

#distance {
	/* background-color:#00F; */
	float: left;
	width: 100%;
	height: 100px;
}

#small_distance {
	/* background-color:#CC3; */
	float: left;
	width: 100%;
	height: 25px;
}

#very_small_distance {
	/* background-color:#CC3; */
	float: left;
	width: 100%;
	height: 5px;
}

#recommendation {
	text-align: left;
	margin-bottom: 10px;
}

#datenschutz {
	text-align: left;
	margin-bottom: 10px;
}

#title_poem {
	width:70%;
	margin-left: 15%;
	margin-right: 15%;
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
}

#text_block_poem {
	width:70%;
	margin-left: 15%;
	margin-right: 15%;;
	text-align: center;
	margin-bottom: 10px;
	line-height: 25px;
}

/**********************************************************************************/


#page_content {
	background: #D5784D;
	width: 400px;
	float: right;
	height: 1165px;
}

#page_copyright {
	font-size: small;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	/* background: #D5784D; */
	width: 60%;
	float: left;
	height: 30px;
	color: #000000;
	text-align: left;
}

#page_content_impressum {
	float: left;
	height: 1200px;
}


#title_std_short_margin_bottom{
	float: left;
	width: 100%;
	margin-left: 50px;
	margin-right: 50px;
	text-align: left;
	font-size: large;
	margin-bottom: 25px;
}

#title_cmnInfo {
	margin-left: 50px;
	margin-right: 50px;
	text-align: left;
	font-size: large;
	margin-bottom: 15px;
	font-style: italic;
	font-weight: bold;
}

#listen_titel
{
	width:100%;
	float: left;
	text-align:left;
	font-size:large;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:10px;
}


#text_block_left_column {
	float: left;
	height: 325px;	
}

#text_block_std {
	font-size: small;
	margin-left: 50px;
	margin-right: 50px;
	text-align: justify;
	margin-bottom: 10px;
}

#text_block_std_indent {
	font-size: small;
	margin-left: 20px;
	margin-right: 20px;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
}

#small_distance {
	float: left;
	width: 100%;
	height: 25px;
}


#picture_right_column {
	text-align:center;
}

#picture_center {
	margin-top: 25px;
	text-align:center;
	font-size: x-small;
}

#picture_left {
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 25px;
	text-align: left;
	font-size: x-small;
}


#navi_left {
	float:left;
	margin-left: 50px;
	margin-top: 25px;
	text-align: left;
}

#navi_right {
	float:right;
	margin-right: 50px;
	margin-top: 25px;
	text-align: right;
}


#standart a{
	font-size: small;
	text-align :left; 
	text-decoration :none;
	color: #0000CC;
} 

a.linkPopUp{
	color: #FBF9E3;
	text-align: left;
	text-decoration: none;
}

a.linkPopUp:link{
	color: #FBF9E3;
	font-weight: normal;
}  

a.linkPopUp:visited{
	color: #FBF9E3;
}  

a.linkPopUp:hover{
	color: #000000;
	font-weight: bold;
}       

a.pageNavi{
	font-size:small;
	border: none;
	width: 175px;
	color: #000000;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

a.pageNavi:link{
	color: #000000;
}  

a.pageNavi:hover{
	color: #D5784D;	
}  

a.pageNavi:active{
	color: #FBB458;
}  

a.mainNaviOld{
	float:left;
	width: 124px;
	height: 1em;
	margin-left:22px;
	background-color:#7599C0;
	font-size:small;
	border: none;
	color:#FFFFFF;
	text-align: left;
	text-decoration: none;
}

a.mainNaviOld:link{
	color: #FFFFFF;
}
 
a.mainNaviOld:visited{
	color: #000000;
} 

a.mainNaviOld:hover{
	color: #000000;
}  

a.mainNaviOld:active{
	color: #FFFFFF;
	font-weight: bold;
}

/* ******************************************************** */

ul#Autor
{
	text-align:left;
	margin-left:5%;
}

ul#Rec
{
	text-align:left;
	margin-left:5%;
}

ul#DSVGO
{
	text-align:left;
	margin-left:0%;
}

  ul#Navigation {
  	margin:0.5em 0 0 0;
    padding: 0;
    text-align: center;
    font-size:small;
    color: #000000;
  }

  ul#Navigation li {
    list-style: none;
    float: left;
	width: 100%;		
    position: relative;
    margin: 0; padding: 0;  /* ursprünglich: margin: 0.4em */
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.7em;  /* ursprünglich: top: 1.7em; left: -0.4em; */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom:0;
  }

  ul#Navigation a, ul#Navigation span {
  	font-size: small;
    display: block;
    padding: 0.2em 0.2em;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #7599C0;
  }
  * html ul#Navigation a, * html ul#Navigation span {  /* nur fuer IE erforderlich */
    width: 100%;
    w\idth: 6.4em;
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    color: #000000;
    background-color: #7599C0;
  }
  
    ul#Navigation a:active, ul#Navigation span, li a#aktuell {
    color: #FFFFFF;
	font-weight: bold;
    background-color: #7599C0;
  }
 
  /* Erweiterung zur dynamischen Ein-/Ausblendung */
  ul#Navigation li>ul {
	left: 0%;
	width: 150%;
    display: none;
    /* top: 1.6em; */
	top:100%;
  }
  ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell+ul {
     display: block;
  }

  /* Workaround fuer den IE 7 */
  *:first-child+html ul#Navigation ul {
	background-color: #7599C0;
    padding-bottom:0.4em;
  }