/*
--------------------------------------------------------
| container -> kopf ->                                 |     
|           -> content -> normal -> rechts             |
|                                -> clear              |
| � CSS & HTML - Jan Pietruska, im Juni 2006 �         |
--------------------------------------------------------
*/		
		
@import url('csc-style.css');
@import url('csit-style.css');
@import url('rte.css');
@import url('mailform-style.css');
@import url('tt_news-style.css');
@import url('calendar.css');
@import url('galerie.css');
@import url('kopf.css');

HTML, BODY {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	background-color: #D6ECEE;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

body {
	font-size: 62.5%;
}

DIV {
	margin: 0;
	padding: 0;
}

#container {
	width: 801px;
	min-height: 574px;
	_height: 574px;
	background-color: white;
	margin: auto; border-top: 10px solid #D6ECEE;
}

#container #kopf {
	height: 210px;
}

#container #content {
	/*
	width: 801px;
	*/
	width: 753px;
	padding: 0 24px 24px 24px;
}

#container #content #normal {
	/*
	border-left: 24px solid white;
	border-right: 24px solid white;
	border-bottom: 24px solid white;
	width: 487px;
	*/
}

#container #content #normal-mit-rechts {
	/*
	border-left: 24px solid white;
	border-left: 12px solid blue;
	*/
	margin-right: 260px;
}

#container #content #rechts {
	float: right;
	width: 229px;
	/*
	border-left: 30px solid white;
	margin-right: 24px;
	*/
}

/* Bildunterschriften in der rechten Spalte nicht vorhanden, also ausblenden... */
#container #content #rechts div.csi-textpic div.csi-text {
	display: none;
}

div.unsichtbar{
	display:none;	
}
	
div.border-with-padding,
div.border-no-padding,
div.border-with-exposelink {
	border: 1px solid #bbdddd;
}

div.border-with-exposelink {
	/* damit der PDF-Link absolut positioniert werden kann, wird hier position: relative gebraucht */
	position: relative;
}


div.border-with-padding,
div.border-with-exposelink {
	padding: 8px 10px 8px 10px;
}

#container #content div.border-with-padding,
#container #content div.border-no-padding,
div.border-with-exposelink {
	margin-bottom: 30px;
}

#container #content #rechts div.border-with-padding,
#container #content #rechts div.border-no-padding {
	margin-bottom: 15px;
}

#container #content #clear {
	clear: both;
}

/* styles für 3spaltige impressum-seite */
div#normal-dreispaltig div#spalte1,
div#normal-dreispaltig div#spalte2,
div#normal-dreispaltig div#spalte3 {
float: left;
}

div#normal-dreispaltig div#spalte1 {
  width: 192px;
  margin-right: 24px;
}

div#normal-dreispaltig div#spalte2 {
  width: 266px;
  margin-right: 24px;
}

div#normal-dreispaltig div#spalte3 {
  width: 247px;
}

/* der PDF-Link soll auf Höhe der Überschrift stehen... */
div.border-with-exposelink a.pdf {
	position: absolute;
	right: 292px;
	top: 5px;
	width: 100%;
}

div.border-with-exposelink a[class=pdf] {
	right: 8px;
}

	/* Formatierungen für den PictureViewer */
	body#pictureviewer {
		margin: 0;
		padding: 0;
		background-color: white;
	}

	body#pictureviewer div#wrap {
		position: relative;
		width: 598px;
		height: 100%;
		margin: auto;
		background-image: url('img/body-pictureviewer.png');
		background-position: center 370px;
		background-repeat: no-repeat;
	}
	body#pictureviewer div.tx-gooffotoboek-pi1 {
		height: 100%;
	}

	body#pictureviewer div#wrap div#bigview {
		text-align: center;
		padding-top: 27px;
	}

	body#pictureviewer div#wrap div#bigview img {
		border: 3px solid #bbe0e3;
		margin: auto;		
	}

	body#pictureviewer div#wrap div#bigview p {
		text-align: center;
		font-family: Tahoma;
		font-size: 1.1em;
		color: #4d4d4d;
		margin-top: 5px;
	}

	body#pictureviewer div#wrap div#thumbview {
		position: absolute;
		bottom: 0px;
		height: 135px;
	}

	body#pictureviewer div#wrap div#thumbview ul {
		margin: 0;
		margin-top: 56px;
		padding: 0;
		list-style-type: none;
		text-align: center;
	}

	body#pictureviewer div#wrap div#thumbview ul li {
		float: left;
	}

	body#pictureviewer div#wrap div#thumbview ul li.thumb {
		margin: 0 5px 0 5px;
		width: 69px;
	}

	body#pictureviewer div#wrap div#thumbview ul li.thumb a img {
		border: 3px solid white;
		padding: 1px;
	}

	body#pictureviewer div#wrap div#thumbview ul li.thumb a:hover img {
		border: 3px solid #1759bf;
	}


	body#pictureviewer div#wrap div#thumbview ul li.left,
	body#pictureviewer div#wrap div#thumbview ul li.right {
		width: 61px;
		line-height: 45px;
		height: 45px;
	}

	body#pictureviewer div#wrap div#thumbview ul li.left a,
	body#pictureviewer div#wrap div#thumbview ul li.right a {
		display: block;
		width: 61px;
		line-height: 45px;
		background-position: center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}

	body#pictureviewer div#wrap div#thumbview ul li.left a {
		background-image: url('img/pv_arr_left.gif');
	}

	body#pictureviewer div#wrap div#thumbview ul li.right a {
		background-image: url('img/pv_arr_right.gif');
	}