@import url("reset.css");
/* ---------------------------- */
/* STANDARD HTML TAG RESET */
/* ---------------------------- */
body,
h1, h2, h3,
p, ul, li, form {
	border:			0;
	margin:			0px;
	padding:		0px;
}

html, body {

}



/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
body, form, input, table {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	color:			#000000;
}

h1,h2{
	font-size: 		24px;
	font-weight: 	normal;
	color: 			#00377a;
	margin-bottom: 	10px;
	line-height:	24px;
}

h1 a, h2 a{
	text-decoration: none;
	font-weight: normal;
}

h1 a:hover, h2 a:hover{
	text-decoration: underline;
	font-weight: normal;
}

.text h2{
	font-size: 14px;
}

.subtitle{
	font-size: 		14px;
	font-weight: 	bold;
	color: 			#000000;
	margin-bottom: 	20px;
}

a, a:focus{
	color: #00377a;
	text-decoration: underline;
}

a:hover{
	color: #00377a;
	text-decoration: none;
}

.boldBlue{
	font-weight: bold;
	color: #004c99;
}


/* ---------------------------*/
/* CLEARFIX */
.clearfix:after {
    content: 		".";
    display: 		block;
    clear: 			both;
    visibility: 	hidden;
    line-height: 	0;
    height: 		0;
}

.clearfix {
    display: 		inline-block;
	clear: 			both;
}

html[xmlns] .clearfix {
    display: 		block;
}

* html .clearfix {
    height: 		1%;
}

/* ----------------------------*/
/* Form ELEMENTS */
/* ----------------------------*/
input, select { 
  display: block;
  float: left;
  width: 250px; 
  margin-bottom: 5px;
}

label{ 
  display: block;
  float: left;
  width: 100px; 
  margin-bottom: 5px;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

.submit { /* den Submit-Button */
  float: none;
  width: auto;
  margin-left: 100px;
  width: 250px;
}

.trenner{
	height: 1px;
	border-top: 1px dotted #666;
	margin: 15px 0;

}

/* ----------------------------*/
/* PAGE ELEMENTS */
/* ----------------------------*/
#container{
	min-height: 	100%; 
	height: 		auto !important; 
	height: 		100%; 
}

#topLine{
	width: 100%;
	height: 10px;
	background-color: #646464;
	position:fixed;
	z-index: 10000;
	top:0;
	left:0;
}

#page{
	margin:			0 auto;
	width:			900px;
	line-height: 	17px;

}

#pageContent{
	width: 600px;
	float: left;
}

#logo{
	margin: 30px 0 22px 0;
	text-align: right;
}

#suche{
	float: right;
	padding-top: 8px;
	width:228px;
}

#suche img{
	vertical-align: bottom;
	margin-left: 4px;
}

.suchfeld{
	width: 194px;
	border: 1px solid #bbb;
	padding: 2px;
	color: #bbb;
}

#breadcrumb{
	color: #595959;
	font-size: 10px;
	margin: 30px 0;
}

#breadcrumb img{
	margin: 0 10px;
}

#content{
	bottom:170px;
}

#content li{
	margin: 0 0 5px 15px;
}

#text{
	width: 550px;
	margin: 10px 30px 20px 0;
	float: left;
}

.text2{
	width: 500px;
	margin: 10px 30px 20px 0;
	float: left;
}

#team{
	width: 750px;
	margin: 10px 30px 20px 0;
	float: left;
}

#kontakt{
	width: 420px;
	margin: 10px 30px 20px 0;
	float: left;
	padding-bottom: 20px;
}

#mitgliedschaft{
	width: 600px;
	margin: 10px 30px 20px 0;
	padding-bottom: 20px;
}

#home
{
	width: 470px;
	margin: 20px 5px 20px 0;
	float: left;
	padding-bottom: 20px;
}

.imageRight{
	margin: 10px 0 0 0;
	font-size: 10px;
	color: #666;
	text-align:right;
}

.imageRight2{
	margin: 0 0 0 0;
	text-align:right;
}

.imageRight2 img
{
	float: left;
	margin-right: 20px;
}

.thumbnail{
	float: left;
	font-size: 10px;
	color: #666666;
}

.thumbDesc{
	text-align: right;
	margin: -8px 0 0 0;
}



#imageList{
	margin: 20px 0 20px 0;
	padding: 10px 0;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
}

#imageList img{
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.ausstellungListe{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #666;
	width: 750px;
}

.ausstellungListeHome{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #666;
	width: 490px;
}

.topLine{
	padding-top: 15px;
	border-top: 1px dotted #666;
	width: 480px;
}

.ausstellungListe .text{
	width: 500px;
	margin-right: 80px;
	float: left;
}

.textHome{
	float: left;
}

/* ----------------------------*/
/* FOOTER ELEMENTS */
/* ----------------------------*/
#footer{
	width: 100%;	
	background-color: #646464;
	position: fixed;
	height: 36px;
	clear:both;
	bottom:0;
}


#footerText{
	margin:			0 auto;
	width:			900px;
	text-align: center;	
	padding-top: 6px;
	color: #fff;
	font-size: 11px;
}


#footer img{
	margin: 0 10px;
}

/* Paginantion */ 
.pages-menue{
	margin: 0 0 10px 0;
	min-height:20px;
}

.pages-left{
	float:left;
	text-align:left;
	width:30px;
}

.pages-middle{
	float:left;
	text-align:center;
	width:690px;
}

.pages-right{
	float:left;
	text-align:right;
	width:30px;
}


.text-bold-red{
	font-weight:bold;
	color:#850502;
}

.fileList{
	margin-top:5px;
}

.fileIcon{
	margin-right:5px;
	padding-top: 5px;
}