p, ol, ul, dl, h1, h2, body, div, table {
color : #444444;
font-size : 12px;
line-height : 130%;
font-family : verdana, arial, sans-serif;
text-align : left;
}
body {
margin : 0 0 0 0;
padding : 0 0 0 0;
background-color : #eeeeee;
text-align : left;
}

h1 {
font-weight : bold;
color: #fff;
font-size: 13px;
}

img {
border : none;
}
#border {
width : 958px;
background-color : #ffffff;
height : 560px;
border : 1px solid #626260;
position : relative;
z-index : 100;
}
#fenster {
width : 530px;
height : 430px;
}
#fenster_breit {
width : 590px;
height : 430px;
}


#fenster_eintrag {
width : 310px;
height : 420px;
}

#fenster_gb {
width : 500px;
height : 420px;
}


#flashcontent {
width : 430px;
height : 330px;
margin : 10px;
position: absolute;
top:0px;
left:0px;
}
#frame {
width : 530px;
height : 430px;
z-index : 2;
top : 130px;
left : 210px;
position : absolute;
}
#frame_breit {
width : 590px;
height : 430px;
z-index : 2;
top : 130px;
left : 150px;
position : absolute;
}
#framelink {
top : 400px;
left : 10px;
position : absolute;
width : 100px;
height : 25px;
}

#framelink_rechts {
top : 400px;
left : 400px;
position : absolute;
width : 100px;
height : 25px;
}
#frametext {
top : 20px;
left : 0px;
position : absolute;
width : 200px;
height : 350px;
}
#head {
width : 958px;
height : 110px;
background : url(images/header.gif) no-repeat top left;
z-index : 200;
padding : 0;
margin : 0 0 0 0;
position : absolute;
}
#head div {
left : 785px;
top : 65px;
vertical-align : bottom;
position : absolute;

}
#hg {
width : 960px;
height : auto;
margin : auto;
border-style : solid;
border-left-width : 9px;
border-top-width : 9px;
border-right-width : 9px;
border-bottom-width : 9px;
border-color : #ffffff;
background-color : #ffffff;
position : relative;
z-index : 30;
border: 0px solid red;
}
#links {
width : 120px;
border : 1px solid #ffffff;
position : absolute;
z-index : 100;
}
#rechts {
width : 155px;
position : absolute;
top : 120px;
left : 785px;
overflow :auto;
height: 440px;
}

#rechts_small {
width : 120px;
position : absolute;
top : 150px;
left : 825px;
vertical-align : bottom;
}
#text {
width : 535px;
height : 415px;
margin : 0;
z-index : 2;
padding : 0 20px 0px 0;
overflow : auto;
top : 130px;
left : 210px;
position : absolute;
}
#text ul {
list-style-type: square;
}
#text li {
padding : 0 0 10px 0;
}

#text_audio {
width : 530px;
height : 430px;
margin : 0;
z-index : 2;
overflow : auto;
top : 130px;
left : 210px;
position : absolute;
}

#text_ecard {
width : 575px;
height : 415px;
margin : 0;
z-index : 2;
padding : 0 20px 0px 0;
overflow : auto;
top : 130px;
left : 170px;
position : absolute;
}


#titel {
text-align : right;
width : 960px;
margin : auto;
padding : 0;
position : relative;
margin-top : 0px;
z-index : 200;
}

#welcome {
width : 620px;
height : 425px;
margin : 0;
padding:0;
top : 138px;
left : 320px;
position : absolute;
}

#welcomelogo {
position : absolute;
text-align : right;
width : 640px;
height : 85x;
top : 475px;
left : 300px;
z-index : 10;
}



/*** Dropdownmenü ***/	

#dropmenudiv {
position : absolute;
top : 25px;
border : 1px solid #180f45;
border-bottom-width : 0;
font-size : 10px;
color : #000;
z-index : 100;
vertical-align : top;
font-weight : normal;
}
#dropmenudiv a {
width : 100%;
display : block;
text-indent : 3px;
border-bottom : 1px solid #180f45;
font-size : 10px;
color : #9e1111;
padding : 1px 0;
text-decoration : none;
text-align : center;
z-index : 100;
font-weight : normal;
}
#dropmenudiv a:hover {
color : #000;
z-index : 100;
}
/*** Dropdownmenü Ende ***/	


/*** Menüleiste ***/	
#nav {
width : 100px;
margin : 100px 0 0 0;
z-index : 500;
padding : 30px 0 40px 10px;
overflow : hidden;
position : absolute;
background : url(images/onepx_line.gif) repeat-y 50% 0%;
top : 5px;
}
#nav ul {
list-style : none;
margin : 0;
padding : 0;
}
#nav li {
margin : 0;
padding : 0;
}
#nav a:link, #nav a:visited {
display : block;
margin : 2px 0;
padding : 0.7em 1.5em 0.5em 0.5em;
background : #03037e url(images/br_corner_weisslink.gif) no-repeat bottom right;
border : 1px solid #000000;
text-decoration : none;
font-weight : bold;
color : #ffffff;
}
#nav a:hover, #nav a:active {
background-image : url(images/br_corner_blauhover.gif);
text-decoration : none;
font-weight : bold;
color : #fff;
}

/*** Ende Menüleiste ***/		

/* Styles Bestellung Newsletter, Kontaktformular */

#content {
padding : 20px;
}
form {
text-align : left;
margin-top : 0;
}
form br {
/* Alle Zeilenumbrüche in Formularen auswählen */
clear : both; /* das floating der labels und inputs aufheben */
line-height : 5px;
}
label.left {
margin-top : 3px;
width : 200px;
display : block;
text-align : left;
}
input[type="text"], textarea {
border : 1px solid #8d8dc5;
}
input#submit {
float : none;
width : 75px;
margin : 15px 0;
background-color : #03037e;
color : #fff;
font-weight : bold;
display : inline;
padding : 1px;
font-size : 12px;
text-align : center;
border : 2px solid #8d8dc5;
cursor : pointer;
}

.defbreite {
width : 260px;
}
.fehler {
color : red;
font-weight : bold;
}

/*Newsletter Ende*/


/* Styles Bio-Bildergalerie*/

#text img
		{
		display:inline;
		margin:1em auto; 
		border:1px solid #fff;
		padding:1px;
		cursor:pointer;
		}

div img 
		{
		cursor:auto;
		}
		
.unsichtbar{visibility:hidden}
.sichtbar{visibility:visible}

	#grossbild_div
		{
		background-color:#000;
		border:none;
		width:300px;
		height:300px;
		text-align:center;
		position:absolute;
		left:0px;
		top:0px;
		z-index:550;
	/*	left und top 	werden für js-workarround im js auch deklariert */
		}	
		
	#zumacher 
		{
		text-align:center;
		color:#cc3300;
		background-color:#fff;
		display:block;
		width:1.5em;
		height:1.5em;
		position:absolute;
		right:0;
		top:0;
		cursor:pointer;
		font-weight:bold;
		font-family:courier;
		font-size:.8em;
		z-index:600;
		}

.imgbio{
	margin-left: 5px;
	width: 100px;
	height: 100px;
	display: inline;
	line-height: 10px;
	}

.subtext{
		font-size: 9px;
		font-style: italic;
	}

/* Ende Styles Bildergalerie*/




/*** Classes ***/	

.audio {
padding : 2px 50px;
}
.bio {
width : 450px;
}
.blue {
font-weight : bold;
color:#03037e; 
}
.center {
text-align : center;
}
.card_h {
width : 198px;
height : 140px;
border : none;
}
.card_v {
width : 140px;
height : 198px;
border : none;
}
.center {
text-align : center;
}


.datei_icon {
border : none;
width : 45px;
height : 45px;
cursor:pointer;
}
.extlink {
width : 14px;
height : 13px;
border : none;
}
.galerie{
width : 125px;
height : 167px;
}

.galerie_quer{
width : 167px;
height : 133px;
}

.left {
text-align : left;
}

.pobject {
line-height : 40px;
}
.portrait {
margin : 0 0 0 5px;
width : 110px;
height: 110px;
}
.redsmall {
color : #cc3300;
font-size : 10px;
font-weight:bold;
}
.right {
text-align : right;
}
.shop {
width : 100px;
height : 100px;
vertical-align:bottom;
}
.small {
font-size : 10px;
}
.texttable {
margin : auto;
width : 500px;
}
.tdtermin {
width : 25%;
text-align : center;
}
.tdaudio {
height : 35px;
}

.tdshop {
width : 150px;
text-align : center;
vertical-align:bottom;
}

/*** Ende Classes ***/	
	
/*** Links ***/

a {
text-decoration : none;
font-weight :bold;
}
a:link {
color : #cc3300;
}
a:visited {
color : #cc3300;
}
a:focus {
color : #000000;
}
a:hover {
color : #000000;
}
a:active {
color : #cc3300;
}
a.ext:link, a.ext:visited {
background-image : url(images/extlink.gif);
background-repeat : no-repeat;
background-position : left;
text-decoration : none;
padding : 0 29px;
line-height : 175%;
}
a.ext:hover, a.ext:active {
background-image : url(images/extlink.gif);
background-repeat : no-repeat;
background-position : left;
padding : 0 29px;
text-decoration : none;
color : #000000;
line-height : 175%;
}
a.infobox {
text-decoration : none;
}
a.infobox:hover {
color : #444444;
background : #fff;
font-weight : normal;
}
a.infobox span {
visibility : hidden;
position : absolute;
left : 40px;
margin-top : 1px;
text-decoration : none;
width : 460px;
padding : 10px;
}
a.infobox:hover span {
visibility : visible;
color : #444444;
background : #fff;
font-weight : normal;
}