/* Default Settings for CSS */

* {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	text-decoration: none;
	list-style: none;
	/*font-weight: normal; * -> em strong, strong em and every other exception would not work anymore*/

	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #555555;
}


/**** general ****/

/*** HTML 5 - Correction for IE8 ***/

section, article, nav, aside, header {
	display: block;
}

/*** links ***/

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a.PfeilRechts {
	background: url("../images/pfeil_re_lq.gif") left center no-repeat;
	font-weight: bold;
	padding-left: 15px;
	text-decoration: none;
}
a.PfeilRechts:hover {

}
a.video {
	background: url("/img/menu/video33.png") right center no-repeat;
	font-weight: bold;
	padding-right: 40px;
	line-height:34px;
	text-decoration: none;
}
a.video:hover {

}
a.video_16 {
	background: url("/img/menu/video16.png") right center no-repeat;
	font-weight: bold;
	padding-right: 20px;
	text-decoration: none;
}
/*** titles / h(eaders) ***/

hgroup {
	padding-bottom: 20px;
}
h1, h2, h3 {
	font-weight: normal;
}
h1, h1 * {
	font-size: 16px;
	margin-bottom: 16px;
	/*padding-bottom: 15px; * -> von Hand */
}
h2, h2 *, h3, h3 * {
	margin-top: 20px;
}
h2, h2 * {
	font-size: 13px;
}
h3, h3 * {
	font-size: 12px;
	font-style: italic;
}
td h1, td h2, td h3 {
	padding: 0px;
	margin: 0px;
}

/*** ul, li, ol ***/
section article ul,
section article ol {
	margin: 10px 0px;
}
section article ul li { /* ignore navigations */
	background: url("/images/ListPoint2.gif") 2px 6px no-repeat;
	padding-left: 17px;
}

ul.PfeilRechts li {
	background: url("../images/pfeil_re_lq.gif") left top no-repeat;
}
ul.PfeilRechts li.title,
ul.PfeilRechts li.title:hover {
	background: none;
	list-style-type: none;
}
ul.PfeilRechts li a {
	text-decoration: none;
}

/*** forms ***/

form {
	background-color: #ECEAEA;
	padding: 10px;
	margin-bottom: 15px;

	border: 1px #000000 solid;
}
fieldset {
	border: 2px solid;

	padding: 5px 10px 0px;
	margin: 3px 0px 20px;
}
fieldset.float, fieldset.float2 {
	float: left;
}
fieldset.float2 {
	margin-left: 20px;
}
legend {
	margin-left: 10px;
	padding: 0px 5px;

	font-size: 14px;
	font-style: italic;
}

label {
	display: block;
	float: left;

	width: 120px;
}
span.err,
label sup {
	color: #C00;
	font-size: 10px;
}
select,
textarea,
input {
	border: 1px solid;

	margin-bottom: 10px;
	padding: 3px;

	width: 210px;
}
select:focus,
textarea:focus,
input:focus {
	border: 1px orange solid;
}
textarea {
	height: 100px;
}

input[type="checkbox"] {
	border: none;
	margin-bottom: 0;
	width: auto;
}
input:invalid {/* style for unfilled required fields */

}

input[type="submit"] {/* style submit field */
	cursor: pointer;

	margin-left: 120px;
	/*color: #000;

	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px 6px;

	border-radius: 10px;
	box-shadow: 2px 2px 3px #999999;
	text-shadow: 0px -1px 1px #222222;*/
}


/*** other ***/

section article p {
	padding: 5px 0px;
}

hr {
	border-top: 2px solid;
	padding-bottom: 5px;
	margin-top: 5px;
}


/*** own ***/

.clr {
	clear: both;
}

img.gallery {
	width: 62px;
}

.center {
	text-align: center;
}

.search_highlight {
	background-color: #EAFF58;
}


/*** site specific ***/

#kuh-herde-box {
	border: 2px solid; border-color: #BD1622; padding: 3px;
}

/** article preview (e.g. in mediathek) **/

div.art_prev {

}
div.art_prev div {
	float: left;
	margin: 0px 60px 40px;
}
div.art_prev div p {
	padding: 0px;
}
div.art_prev div span {
	text-align: left;
	display: block;
}
div.kaufen div img.mediathek,
div.art_prev div img.mediathek { /* Rahmen um Zeitschriften */
	border: 1px solid #ABABAB;
}

/** a little different from article preview **/
div.kaufen {
	float: left;
	width: 650px; /* not very nice solution... */
}
div.kaufen div {
	float: left;
	margin: 0px 30px 40px;
}
div.kaufen div p {
	padding: 0px;
	text-align: center;
}
div.kaufen div p a img { /* Rahmen um Zeitschriften */
	/*height: 120px;*/
	width: 100px;
}
div.kaufen div span {

}



/** ZLQ Ausgabe (e.g. editorial) **/

div.zlq_ausgabe {

}
div.zlq_ausgabe div {
	float: left;
	width: 350px;
}
div.zlq_ausgabe div.right {
	float: right;

	width: 202px; /* 200px + border */
}
div.zlq_ausgabe div.right img {
	border: 1px solid #ABABAB;
}
div.zlq_ausgabe ul {
	margin-bottom: 0px;
}
div.zlq_ausgabe ul li {
	padding-bottom: 5px;
}
div.zlq_ausgabe ul li span { /* nebeninfo / untertitel */
	font-size: 10px;
}


/** citations **/
.citations { /* all citations */
	margin: 20px 0px 0px;
	padding-bottom: 20px;
	border-bottom: 1px solid;
}
.citation { /* one (random) citation */
	margin: 10px 0px;
	padding: 10px;
	border: 1px solid;
}
div.citation h2 {
	margin: 0px;
}
div.citation p,
div.citations p {
	padding-bottom: 10px;
}
div.citation img,
div.citations img {
	width: 100px;
	float: right;

	padding: 0px 0px 10px 10px;
}
div.citation em,
div.citations em {
	display: block;
	clear: right;
}


/** autorinnen **/
ul.autorinnen {

}
ul.autorinnen li {
	float: left;
	background: none;
	padding: 0px;

	padding-bottom: 10px;
}
ul.autorinnen li a {
	display: block;
	padding: 10px;
	margin-right: 100px;

	text-decoration: none;
}
ul.autorinnen li a:hover {
	border: 1px solid;
	color: inherit;
	padding: 9px;
}

ul.autorinnen li a.pdf {
	padding: 0px;

	border: 1px solid;
	width: 80px;
	float: right;
	margin-right: 0px;
}
ul.autorinnen li a.pdf:hover {

}
ul.autorinnen li a.pdf img {
	width: 80px;
}


form#article_search input {
	width: 500px;
}
form#article_search input[type="submit"] {
	width: inherit;
}


.addthis_toolbox {
	margin-top: 40px;

	clear:  both;
}
#at_email form {
	background-color: transparent;
	border: none;
	padding: 0px;
}














/**** structure ****/

body {
	margin: 20px 40px 20px;
}
body.iframe {
	margin: 20px 20px 40px;
}

/*** head ***/

header {
	width: 900px;
	margin: 0 auto;
}

/*header h1 {
	float: left;
	margin-right: 40px;

	font-size: 18px;
}*/

header nav ul li {
	float:left;
	margin-right: 40px;
}

header nav ul li a {
	color: #7E7E7E;
	font-size: 18px;

	text-decoration: none;
	/*font-style: italic;*/

	padding-left: 20px;
	background: 0px 7px no-repeat;

	background-image: url(../img/header/p_grey.gif);
}

header nav ul li a:hover {

}

header nav ul li a#to_stiftung:hover,
header nav ul li a.to_stiftung_aktiv {
	background-image: url(../img/header/p_red.gif);
	color: #BD1622;
}
header nav ul li a#to_zeitschr:hover,
header nav ul li a.to_zeitschr_aktiv {
	background-image: url(../img/header/p_blue.gif);
	color: #0066B5;
}
header nav ul li a#to_ideenv:hover,
header nav ul li a.to_ideenv_aktiv {
	background-image: url(../img/header/p_green.gif);
	color: #008927;
}

header img#logo {
	float: right;
	height: 71.5px;
	margin-bottom: 30px;
}


/*** Container ***/

section#container {
	clear: both;
	margin: 0 auto;
	width: 900px;
}


/** main navigation **/

nav#nav_one {
	padding-left: 152px;
	border-bottom: 2px solid;
}
	nav#nav_one ul {
		height: 29px;
	}

	nav#nav_one ul li {
		float: left;
		margin-right: 11px;
	}

	nav#nav_one ul li a {
		display: block;
		padding: 5px 5px 0px 5px;

		color: #7e7e7e;
		border: 2px solid #FFF;/**01.05.12 MATH **/
		border-bottom: 0px;
		vertical-align:top;

		height: 22px;
		text-decoration: none;
	}

	nav#nav_one ul li a:hover,
	nav#nav_one ul li a.aktiv {
		border: 2px solid;
		border-bottom: 2px #ffffff solid !important;
	}

	nav#nav_one ul li a.aktiv {
		padding-left: 0px;
		padding-right: 0px;
	}

	nav#nav_one ul li a.aktiv span {
		position: relative;
		left: -8px;
		color: inherit;
	}

	nav#nav_one ul li a img.aktiv {
		position: relative;
		top: 15px;
	}

/** on the left side **/

section#side {
	clear: both; /* FOR IE8 */
	float: left;
}

section#side nav#nav_two {
	border: 2px solid;
	border-top: none;
	border-right: none;
	float: left;
	position: relative;
}
section#side nav#nav_two div { /* Ein mühsamer <div>, der nur dafür da ist am Design etwas zu schrauben... */
	margin-top: 60px;

	padding: 20px;
	padding-left: 0px;
	width: 144px;

	border-right: 2px solid;
}
	section#side nav#nav_two ul {
		margin-top: -60px;
	}

	section#side nav#nav_two ul li {
		display: block;
		padding: 2px 5px 2px 10px;
	}

	section#side nav#nav_two ul li a {
		text-decoration: none;
		color: #7e7e7e;

		/*padding-left: 20px;*/
	}

	section#side nav#nav_two ul li a:hover,
	section#side nav#nav_two ul li a.aktiv {
		/*background: 4px 2px no-repeat;*/
	}
	section#side nav#nav_two ul li a img.aktiv {
		position: absolute;
		left: -7px;
		padding-top: 3px;
	}

section#side section#gallery {
	clear: left;

	margin: 0px auto;
	text-align: center;
}
	section#side section#gallery img {
		margin-top: 10px;
		width: 164px;
	}

.nav-static {
	clear: both;
	padding-bottom: 5px;
	padding-top: 15px;
}

.nav-static li {
	display: inline-block;
	padding-left: 10px;
}

.nav-static a {
	text-decoration: none;
}

section#content {
	margin-left: 166px;
}

section#content nav#nav_three {
	height: 60px;

	border-bottom: 2px solid;
	display: block; /* IE8- */
}
	section#content nav#nav_three ul {
		margin-left: 38px;
		margin-top: 39px;
		float: left;
	}
	section#content nav#nav_three ul li {
		float: left;
		margin-right: 15px;
	}

	section#content nav#nav_three ul li a {
		display: block;
		text-decoration: none;
		padding: 1px 5px;

		border: 2px #FFF solid;/**01.05.12 MATH **/
		border-bottom: none;

		color: #7e7e7e;
	}
	nav#nav_three ul li a img.aktiv {
		position:relative;
		top:10px;
		left:-7px;
	}
	section#content nav#nav_three ul li a:hover,
	section#content nav#nav_three ul li a.aktiv {
		border-bottom: 4px #ffffff solid !important;
		background-color: #ffffff;
	}
	section#content nav#nav_three ul li a.aktiv {
		padding-left: 0px;
		padding-right: 13px;
	}

section#content article {
	padding: 18px 40px 40px;
	padding-left: 0px;
	margin-left: 40px; /* 40px */
	min-height:400px;

	border-right: 2px solid;
}

footer {
	clear: both;
}

/* Zusätzliche Nav-Ebene bei PAP-WF */
#side #nav_two .special_nav_3 {
	margin-top:0px;
	padding-left:10px;
}

/* End of CSS */
