@charset "ISO-8859-1";

body {
	background-image:url("../bg.jpg");
}

img {
    border: 0;
}


@font-face{
font-family: 'Teletype';
src: url("../fonts/TELETYPE.ttf") format("truetype");
}


#all {
	position:relative;
	width:100%; 
	height:100%;
}

#hauptdiv {
	position:relative;
	max-width:70%;
	min-width:900px;  
	/*width:900px; */
	margin-left:auto; 
	margin-right:auto;
	margin-bottom:70px;
}

#header {
	position:relative;
	height:70px;
	margin-top:5px;
	background-color: #E2725B; 
	background-color: rgba(226, 114, 91,0.7); 

	z-index:0;
}

#newsdiv {
	position:absolute;
	z-index:5;
	width:33%;
	margin-top:7px;
	right:0px;
	left:auto;
	background-image:url("../bg-news.jpg");
	background-color:#AAA;
	background-color: rgba(170, 170, 170, 0.8);

}

#newsdiv:hover{
	position:absolute;
	clear:both;
	z-index:5;
	width:33%;
	margin-top:7px;
	right:0px;
	left:auto;
	background-color:#CCC;
	background-color: rgba(200, 200, 200, 1);

}

#maindiv {
	position:relative;
	display:block;
	float:left;
	width:66%;
	z-index:2;
	margin-top:7px;
	background-color: #3388CC; 
	background-color: rgba(51,136,204,0.5);

	
}

#maindiv a:link {
	text-decoration: none;
	color: #35A;
}

#bilderdiv {
	position:relative;
	float:left;
	width:32%;
	height:42%;
	max-height:144px;
	margin-left:1%;
	margin-top:1%;
	margin-bottom:1%;
	background-color:#bcefb4;
	overflow:hidden;
}

#austauschdiv{
	position:relative;
	float:left;
	width:32%;
	height:42%;
	max-height:144px;
	margin-left:1%;
	margin-top:1%;
	margin-bottom:1%;
	background-color:#8ACBC7;
	overflow:hidden;
}

#archivdiv {
	position:relative;
	float:right;
	width:32%;
	height:42%;
	max-height:144px;
	margin-right:1%;
	margin-top:1%;
	margin-bottom:1%;
	background-color:#C17390;
	overflow:hidden;
}

#content {
	position:relative;
	clear:both;
	width:98%;
	margin:1%;
	height:100%;
	/*background-color:#BB5511;*/
	background-color:#efdeb4;
	overflow:hidden;
}

#footer {
	position:relative;
	width:98%;
	margin:1%;
}

#footer  a:link{
	text-decoration: none;
	color: #35A;
}

#footer  a:visited  {
	text-decoration: none;
	color: #35A;
}

#footer  a:hover {
	text-decoration: none;
	color: #58C;
}

.teaser {
	font-family: 'Times New Roman','Teletype','Adler','Courier New',serif;
	font-weight: lighter;
	font-size: 12pt;
}

.teaser A:link {
	text-decoration: none;
	color: #333;
}
.teaser A:visited {
	text-decoration: none;
	color: #333;
}
.teaser A:active {
	text-decoration: none;
	color: black;
}
.teaser A:hover {
	text-decoration: underline;
	color: red;
}

.headline {
	display:block;
	font-size:1.2em;
	margin-bottom:1%
}

.round {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; 
	background-color: #98d4e3;
}

.round div {
 	font-size:0.9em;
}


/*test */

.caption {
	margin: 0;
	margin-right: 1%;
	overflow: hidden;
	float: left; 
	position: relative;
}
.caption a {
	text-decoration: none;
	float: left;
}
.caption a:hover {
	cursor: pointer;
}



.caption a .more {
	position: absolute;
	right: 7px;
	bottom: 7px;
	font-size: 0.7em;
	color: #fff;
	background: #000;
	padding: 5px 10px;
}
.caption a:hover .desc{
	display: block;
	font-size: 0.7em;
	padding: 10px 0;
	background: #111;

	color: #fff;
	position: absolute;
	bottom: 7px;
	left: 7px;
	right: 7px;
	padding: 10px;
	margin: 0;
	width: auto;
	border-top: 1px solid #999;
}

.caption a .desc {	display: none; }
.caption a:hover .more { visibility: hidden;}