@import url("/css/navigation.css");
@import url("/css/lightbox.css");

/* grundelemente */
/* -----------------------------------------*/

html     {
font: 0.8em/1.3em "Arial" "Verdana", "Sans-Serif";
color: #000;
margin: 0;
padding: 0;
text-align: center;
}

body     {
background-image: url("/pictures/bg_body.jpg");
background-repeat: repeat-x;
margin: 13px 0px 15px 0px;
background-color: #153e8a;
padding: 0;
}

.bodycontent {
background-color: #fff;
background-image: none;
text-align: left;
margin: 0;
}
	
#accesskeys {
top: -250px;
left: 0px;
position: absolute
}
	
/* layoutelemente */
/* --------------------------------------*/


#container-grau,
#container-gelb,
#container-rot,
#container-gruen,
#container-blau {
width: 964px;
margin: auto;
text-align: left;
}

#container-grau {
background-color: #dcdcdc;
}
#container-gelb {
background-color: #f5efb1;
}
#container-rot {
background-color: #f6dbd2;
}
#container-gruen {
background-color: #c9e7c9;
}
#container-blau {
background-color: #c9ddf9;
}

#container-inner {
background-image: url(/pictures/bg_container_bottom.gif);
}

#container-fuer-rechts {
background-image: url(/pictures/bg_container_fuer_rechts.gif);
background-position: top right;
background-repeat: no-repeat;
}

#head {
margin: auto;
background-image: url(/pictures/bg_head.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 113px;
width: 964px;
text-align: right;
}

#head img {
float: right;
display: block;
margin: 14px 1px 0px 0px;
}

#navi {
clear: both;
position: relative;
top: 32px;
text-align: left;
}

#rechts {
float: right;
text-align: left;
width: 183px;
margin: 4px 0px 0px 0px;
-margin: -3px 0px 0px 0px;
font-size: 11px;
}

#rechts h2 {
font-size: 14px;;
margin: 15px 0px 7px 0px;
}

#rechts img{
padding: 9px 9px 13px 9px;
background-image: url(/pictures/bg_pic_right.gif);
background-repeat: no-repeat;
}

#rechts p{
margin: 7px 0px 0px 12px;
line-height: 14px;
}


#rechts-start {
position: relative;
left: 12px;
width: 170px;
}

#rechts-start table td{
padding: 1px 0px 1px 0px;
}


#rechts-start table td img{
display: none
}

#eventsplatzhalter{
height: 90px;
}

#banner {
margin: 40px 0px 0px 14px;
}

#banner img {
padding: 0;
background-image: none;
margin: 0px 0px 5px 0px;
}

#content {
margin: 25px 0px 0px 105px;
text-align: left;
width: 610px;
}
#container-grau #content {
margin: 25px 0px 0px 40px;
width: 675px;
}

#footer {
border-bottom: 1px solid #494949;
margin: auto;
width: 964px;
height: 30px;
}

#footer ul {
list-style-type: none;
margin: 0px 0px 0px 105px;
padding: 2px 0px 0px 0px;
text-align: left;
font-size: 11px;
width: 610px;
border-top: 1px solid #000;
}

#footer ul li {
display: inline;
padding: 0px 20px 0px 0px;
margin: 0;
}

#footer a {
color: #000;
text-decoration: none;
}

#footer a:hover {
color: #000;
text-decoration: none;
}

#footer a.gotop {
}

#footer a.print {
}

#footer li.created {
float: right;
padding: 0;
}


/* startseite */	
/* ------------------------------------------*/

blockquote {
background-repeat: no-repeat;
padding: 0;
font-size: 12px;
}

blockquote#hell {
background-image: url(/pictures/zitat_bg_1.jpg);
width: 310px;
height: 383px;
float: left;
margin: 0px 0px 0px 55px;
-margin: 0px 0px 0px 22px;
}

blockquote#hell p{
width: 210px;
padding: 90px 0px 0px 20px;
margin: 0;
}

blockquote#dunkel {
background-image: url(/pictures/zitat_bg_2.jpg);
width: 410px;
height: 400px;
float: left;
margin: 0;
}

blockquote#dunkel p{
width: 210px;
padding: 120px 0px 0px 80px;
margin: 0;
}

blockquote#variabel {
background-image: url(/pictures/zitat_neu_mitte.gif);
background-repeat: repeat-y;
width: 320px;
float: left;
margin: 20px 0px 0px 55px;
-margin: 20px 0px 0px 22px;
}
.variabel_top {
background-repeat: no-repeat;
background-image: url(/pictures/zitat_neu_oben.gif);}

.variabel_bottom {
background-repeat: no-repeat;
background-image: url(/pictures/zitat_neu_unten.gif);}


blockquote#variabel p{
padding: 20px 30px 11px 30px;
margin: 0;
}

cite {
display: block;
font-weight: bold;
text-align: right;
}

#portrait {
border: 1px solid #AFAFAF;
margin: 0px 0px 0px 435px;
padding: 13px;
position: relative;
top: 65px;
text-align: center;
background-color: #eee;
}
#portrait img {
border: 1px solid #AFAFAF;
}

#portrait p {
margin: 10px 5px 0px 30px;
font-size: 11px;
text-align: left;
}

/* links */	
/* ------------------------------------------*/

a:link  {
	color: #1e5284; }
a:visited { 
	color: #032b50;
	}
a:hover { 
	color: #032b50;
	}
a:active { 
	color: #032b50;
	}
a img { 
	border: none;
	}


/* typo / tables */	
/* ----------------------------------------*/	

p, .normal	{
margin: 0;
padding: 0;
font-size: 1em;
line-height: 1.55em;
margin: 0px 0px 16px 0px ;
	}

h1 {
margin: 0px 0px 10px 0px ;
padding: 0;
font-size: 1.6em;
font-weight: normal;
line-height: 1.3em; 
margin-bottom: 10px;
	}

h2  {
margin: 0px 0px 10px 0px ;
padding: 0;
font-size: 1.4em;
font-weight: normal;
	}

h3, .untertitel  {
margin: 0;
padding: 0;
font-size: 1em;
font-weight: bold;
	}
hr {
color: #656565;
background-color: #656565;
height: 1px;
border: 0 }

ul.sitemap li  {
	margin: 0;}

ol {
	}
	
table  {
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
font-size: 1em; }

table.data, table.data td{
border: 1px solid #afafaf;
font-size: 1em; }

th  {
background-color: #EFEFEF;
font-size: 1em;
font-weight: bold;
text-align: left;
	}
td  {
font-size: 1em;
vertical-align: top;
}
img	{
border: 0;
}
  	
.invis {display: none}
.break {clear: both}


/* dokumente */
/* ------------------------------------------*/

a.pdf  {
	background-image: url("/icons/module/Dokument3_0/icon_pdf_klein.gif");
	}
a.doc, a.rtf  {
	background-image: url("/icons/module/Dokument3_0/icon_word_klein.gif");
	}
a.xls  {
	background-image: url("/icons/module/Dokument3_0/icon_excel_klein.gif");
	}
a.pps  {
	background-image: url("/icons/module/Dokument3_0/icon_powerpoint_klein.gif");
	}
a.zip  {
	background-image: url("/icons/module/Dokument3_0/icon_zip_klein.gif");
	}
 a.document {
	background-position: 0 0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	background-repeat: no-repeat;
	}

a.txt {
	background-image: url("/icons/module/Dokument3_0/icon_txt_klein.gif");
}
a.vcf  {
	background-image: url("/icons/module/Dokument3_0/icon_vcf_klein.gif");
	background-position: 0 3px; }

/*=image mit legende
-------------------------------------------*/
.card-left, .card-right {
	float: left;
	width: 170px;
	padding: 10px 0;
	text-align: center;
	background: white;
	border: 1px solid #ccc;
	font-size: 1em;
	margin-top: 1em;
	}
.card-right {
	float: right;
	}

.card-title {
	margin: 0 0 5px 0;
	font-size: 1em;
	color: green;
	}
.card-photo {
	margin: 0 auto;
	padding:0;
	border: none;
	}
.card-desc {
	margin: 5px 10px 0 10px;
	padding: 0;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.1em;
	}

/* formular
--------------------------------------------*/

#formmail {
	margin: 20px 0 20px 0;
	 }
#formmail fieldset {
	border: 1px solid #000;
	margin: 0 0 20px 0;
	padding: 8px; }
#formmail fieldset label, #formmail fieldset input {
	width: auto;
	border: none;
	background-color: transparent;
	float: none; }
#formmail legend {
	color: #000;
	font-weight: bold;
	}
#formmail label {
	width: 100px;
	float: left; }
#formmail label:hover {
	color: #c10000; }
#formmail strong { }
#formmail input, #formmail textarea {
	background-color: #ededed;
	width: 190px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: solid 1px #95B9D5; }
input:focus, textarea:focus {
	background-color: #fff; }
.nowidth {
margin: 0px 0px 0px 100px;
 }
.required {
	border: 1px solid #c10000; }
#formmail .formerror, #formmail .formerror:focus {
	background-color: #FF0000;
	}

