/*Rainer Horig CSS Document */

body {
	background-color: #F2F2F2 /*#787878*/; 
	font-family: 'Open Sans',  Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	margin:auto;
	color: #333 /*#5a5a5a*/;
	}
/*following css classes are for body: background*/
.home-bg, .neue-bg, .radio-bg, .print-bg, .books-bg, .lectures-bg, .english-bg, .rainer-bg {background-repeat: repeat;
}

.home-bg { background-image: url(../images/home-background.jpg);
}

.neue-bg { background-image: url(../images/neue-background.jpg);
}

.radio-bg {background-image: url(../images/radio-background.jpg);
}

.print-bg {background-image: url(../images/print-background.jpg);
}

.books-bg {background-image: url(../images/book-background.jpg);
}

.lectures-bg {background-image: url(../images/lectures-background.jpg);
}

.english-bg {background-image: url(../images/english-background.jpg);
}

.rainer-bg{background-image: url(../images/rainer-background.jpg);
}
/*end of css for body: background*/

div#outer-main {
	width:980px;
	margin:auto;
	border:solid 0px red;
	background-color: #FFFFFF;
	}

div#outer {
	width:750px;
	border:solid 0px green;
	margin:auto;
	}

body a:link, a:visited, a:hover, a:active {text-decoration: none;
	font-size: 1em;
	padding:0px;
	margin: 0px;
	color:#333333;
	}

div#logo {
	width:225px;
	height:116px;
	background-color: #bcbec0;
	text-align:center;
	line-height: 0.8em;
	float:left;
	}

h1#site-name {
	font-family:  'Open Sans',  Helvetica, Arial, sans-serif;
 	font-weight: 700;
 	font-size: 30px;
 	color:#FFFFFF;
 	margin-top: 1.2em;
	letter-spacing: -1.5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	}
 
h3#site-name {
	font-family:  'Open Sans',  Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	color:#000;
	padding-top: 2px;
	margin-top: 2px;
	letter-spacing: normal;	
	}

h1#page-title {
	font-family:  'Open Sans',  Helvetica, Arial, sans-serif;
 	font-weight: 600;
	font-size: 2.7em;
	padding: 0px;
	margin: 0px;
	color: #333333;
	letter-spacing: -1px;
 	}

p#page-title {
	font-family:  'Open Sans',  Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: 600;
	padding: 0px;
	margin: 0px;
	color: #333333;
	letter-spacing: -1px;
}


div#navbar {height: 55px; border: solid 0px red; font-size: 13px /*1.2em*/;}

div#navbar a{
	color: #000; 
	font-size: 13px /*1.2em*/;
	}

div#navbar-link {
	width: 80px;
	letter-spacing: -1px; 
	float:left;
	padding: 4px 8px 0px 0px;
	margin: 0px 6.5px 0px 0px;
	text-align: left;
	font-size: 13px /*1.2em*/;
}
div#navbar-link:hover {
	width: 80px;
	letter-spacing: -1px; 
	float:left;
	padding: 4px 8px 0px 0px;
	margin: 0px 6.5px 0px 0px;
	text-align: left;
	font-size: 13px /*1.2em*/;
	opacity: 0.5;
}


	
/*div#navbar a:hover {
	filter:alpha(opacity=50);
	opacity: 0.5;
	background-color: #FF00FF;
	}
*/


.tile-title { height:43.828px; 
	font-family:  'Open Sans',  Helvetica, Arial, sans-serif;
 	font-size: 27px;
	font-weight: lighter;
	color: #FFF;
	padding: 2px 0px 0px 15px;
	letter-spacing: -1px;
 	}


h3.article-page {
	margin-bottom:0px;
	}

h3.article-page a{
	color: #5a5a5a;	
	margin-bottom:0px;
	}

h3.article-page a:hover{
	text-decoration:underline;
	}
	

h4.article-page {padding-top: 0px; margin-top: 0px; font-weight: normal;}

h4.article-page a:hover{text-decoration: underline;}


h4.article-page-bold {padding-top: 0px; margin-top: 0px; font-weight: bold;}

h4.article-page-bold a:hover{text-decoration: underline;}

div#header-content-saprator {
	clear:both;
	height:67.827px;
	border: solid 0px pink;
	}
	
div#page-title {
	clear:both;
	height:150px /*115px*/;
	padding-top: 3em;
	border:solid 0px violet;
	}
	
div#blank-page-title {
	clear:both;
	height:120px;
	border:solid 0px violet;
	}

div#left-col {
	width: 170px;
	height: auto;
	float: left;
	margin-right: 5px /*15px /*0.8em*/;
	padding-right: 0.5em;
	border: solid 0px orange;
	}

div#left-col a:link, a:hover, a:visited, a:active {font-size: 13px;}
	
div#right-col {
	width: 120px;
	float: right;
	margin-left: 0.5em;
	border: solid 0px orange;
	}
	
div#page {
	float: left /*right*/;
	width: 500px /*auto /*400px*/;
	vertical-align: top;
	border: solid 0px orange;
	}
	
	
	
div#footer {
	clear:both;
	border-top: solid 1px #999;
	color:#787878;
	padding-top: 5px;
	}

#copyright {
	text-align:right;
	color:#787878;
	padding:5px 0px;
	margin:0px;
	/*font-size: 11px;*/
	}

#copyright a {color:#787878;
font-size: 1em;
}
#copyright a:visited, a:active {color:#787878;
font-size: 1em;
}
#copyright a:hover {color:#333;
font-size: 1em;
}
/*Old style for see also------------------------------------
#see-also {
color: #858585; font-size: 1em;
}

#see-also a:link {
color: #858585; font-size: 1em;

}

#see-also a:visited{
color: #858585; font-size: 1em;

}

#see-also a:hover {
color: #333; font-size: 1em;

}

#see-also a:active {
color: #858585; font-size: 1em;

}
/*Old style for see also ends-----------------------------------*/

/*Current   style for see also-------------------------*/
p.see-also {
color: #333; font-size: 1em; margin: 2.5em 0em;
}

.see-also a:link {
color: #333; font-size: 1em;  font-weight: bold;

}

.see-also a:visited{
color: #333; font-size: 1em;

}

.see-also a:hover {
color: #333; font-size: 1em;
text-decoration:underline;

}

.see-also a:active {
color: #858585; font-size: 1em;

}
/*Current style for see also ends here-----------------------*/


#mehr-zum-thema {font-size: 1.1em;}

#link2 a {
color: #999999;
}

#link2 a:hover{text-decoration:underline;}

#link3 a {
color: #999999;
}

#link3 a:hover {background-color: #F2F2F2;}

.article-list {color:#000;}

.article-list a:link {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}      /* unvisited link */
.article-list a:visited {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}  /* visited link */
.article-list a:hover {color:#333;
background-color: #faba9e ;}  /* mouse over link */
.article-list a:active {color:#333;
background-color: #faba9e ;}  /* selected link */ 

/*category page hover effect to article list--------------------------------------------*/
/*NeueStories*/
.article-list-new-st a:link {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}      /* unvisited link */
.article-list-new-st a:visited {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}  /* visited link */
.article-list-new-st a:hover {color:#333;
background-color: #F6C8CA /* #faba9e*/;}  /* mouse over link */
.article-list-new-st a:active {color:#333;
background-color: #F6C8CA /* #faba9e*/;}  /* selected link */

/*Radio*/
.article-list-radio a:link {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}      /* unvisited link */
.article-list-radio a:visited {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}  /* visited link */
.article-list-radio a:hover {color:#333;
background-color: #FDD0B9 ;}  /* mouse over link */
.article-list-radio a:active {color:#333;
background-color: #FDD0B9 ;}  /* selected link */  

/*Print*/
.article-list-print a:link {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}      /* unvisited link */
.article-list-print a:visited {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}  /* visited link */
.article-list-print a:hover {color:#333;
background-color: #F4E9A7 ;}  /* mouse over link */
.article-list-print a:active {color:#333;
background-color: #F4E9A7 ;}  /* selected link */

/*Books*/
.article-list-books a:link {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}      /* unvisited link */
.article-list-books a:visited {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}  /* visited link */
.article-list-books a:hover {color:#333;
background-color: #D8EAEC ;}  /* mouse over link */
.article-list-books a:active {color:#333;
background-color: #D8EAEC ;}  /* selected link */  

/*Lectures*/
.article-list-lect a:link {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}      /* unvisited link */
.article-list-lect a:visited {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}  /* visited link */
.article-list-lect a:hover {color:#333;
background-color: #DDCDBE ;}  /* mouse over link */
.article-list-lect a:active {color:#333;
background-color: #DDCDBE ;}  /* selected link */ 

/*English*/
.article-list-eng a:link {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}      /* unvisited link */
.article-list-eng a:visited {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}  /* visited link */
.article-list-eng a:hover {color:#333;
background-color: #DAE2D3 ;}  /* mouse over link */
.article-list-eng a:active {color:#333;
background-color: #DAE2D3 ;}  /* selected link */ 

/*Rainer*/
.article-list-rainer a:link {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}      /* unvisited link */
.article-list-rainer a:visited {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}  /* visited link */
.article-list-rainer a:hover {color:#333;
background-color: #E4D3D9 ;}  /* mouse over link */
.article-list-rainer a:active {color:#333;
background-color: #E4D3D9 ;}  /* selected link */ 

/*Links*/
.article-list-links a:link {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}      /* unvisited link */
.article-list-links a:visited {display:block;
color:#333;
width: 95% /*100%*/;
padding:4px;
font-size: 13px;}  /* visited link */
.article-list-links a:hover {color:#333;
background-color: #E7E7E7 ;}  /* mouse over link */
.article-list-links a:active {color:#333;
background-color: #E7E7E7 ;}  /* selected link */ 

/* End of category page hover effect to article list-------------------------------------------*/


.group-sites1 {width:49%; height: 30.778px; float:left; text-align:center;}

.group-sites1 a{color: #FFF; height: 30.778px;   }

.group-sites1 a:hover{
height: 35.778px;
display:block;
background-color:#000;
}


.group-sites2 {width:50%; height: 30.778px; float:right; text-align:center;}

.group-sites2 a{color:#FFF; height: 30.778px; }

.group-sites2 a:hover{
height: 35.778px;
display:block;
background-color:#000;
}

.language-link a{color:#666666; background-color: #FFF; font-size: 10px;}

.language-link a:link{color:#666666; background-color: #FFF; font-size: 10px;}

.language-link a:hover, a:active, a:visited{color:#666666; background-color: #FFF; font-size: 10px;}

input.gsc-input {
background-image: none !important;
}

.gsc-control-cse.gsc-control-cse-en {background-image: none !important;
 padding-right: -11px;
 margin-right:-11px;
 margin-bottom: -11px;
 padding-bottom: -11px;
 }

table#text-in-article tr { vertical-align: top;}

table#text-in-article tr td#vspace-in-text-and-photo {width:101.276px;}

table#text-in-article tr td#photo-on-article-pg {width: 182px;}

#logo-on-article-pg {width:182px; float:right;}

#logo-on-article-pg img {float:right;}

#space-in-articlepg-title-text {height:29px;}

.read-article {color:#DD484C;}

#space-in-text-see-more {height: 54px;}

ul#recommend-for-this-month {padding:0px; margin:0px; list-style-type: none; line-height: 18px;}

ul#recommend-for-this-month li {margin-bottom: 1.5em;}

.recommend-for-this-month-title {color: #dd484c; padding:0px; margin:0px; /*letter-spacing: -1px;*/}

.recommend-for-this-month-date {color: #9b6e45; padding:0px; margin:0px; /*letter-spacing: -1px;*/}

table#neue-article-list tr { vertical-align: top;} 

table#neue-article-list tr td{ vertical-align: top; padding-bottom: 3em/*1em*/; margin-bottom: 3em/*1em*/;}

table#neue-article-list p {padding-top: 0px; margin-top:0px;}
table#biodata tr{vertical-align: top;}