body{
margin: 0;
padding: 0;
border: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #000000;
background-color: #FFFFFF;
line-height: 13pt;
}
img {
border: 0;
vertical-align: top;
}
label {
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
margin: 0;
padding: 0;
}
table, tr, td {
border: 0;
margin: 0;
padding: 0;
}
form { 
margin: 0;
padding: 0;
}
.hidden {
display: none;
}
.left {
float: left;
}
.right {
float: right;
}
span.caption, .caption {
font-size: 80%;
}

/*start header + footer */
#logo_out {
height: 139px;
background-color: #ea3fa1;
background-image: url(images/top_right.jpg);
background-position: top right;
background-repeat: no-repeat;
}
#logo_in {
height: 139px;
background-image: url(images/subpage_top.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#text_size {
position: absolute;
top: 100px;
left: 880px;
width: 110px;
font-family: Trebuchet MS, Verdana, san-serif;
font-size: 15px;
font-weight: 600;
color: #ffffff;
}
#text_size img {
vertical-align: bottom;
}

#nav1 {
position: absolute;
top: 110px;
left: 200px;
font-family: Trebuchet MS, Verdana, san-serif;
font-size: 15px;
font-weight: 600;
}
#nav1 ul {
margin: 0;
padding: 0;
list-style: none;
}
#nav1 li {
display: inline;
padding: 0;
margin: 0px 10px 0px 0px;
}
#nav1 a, #nav1 a:link, #nav1 a:visited {
color: #000000;
text-decoration: none;
}
#nav1 a:hover {
color: #000000;
text-decoration: underline;
}

#nav2 {
width: 936px;
}

#topofpage {
text-align: right;
color: #f46e2d;
margin: 20px 0px 0px 0px;
}
#topofpage a, #topofpage a:link, #topofpage a:visited, #topofpage a:hover {
color: #f46e2d;
text-decoration: none;
}
#footer {
background-color: #f46e2d;
color: #ffffff;
margin: 0;
padding: 1px 0px 1px 20px;
}
/*end header + footer */


/* start some shared classes */
.table {
display: table;
table-layout: fixed;
word-wrap: break-word;
}
.row {
display: table-row;
}
.cell {
display: table-cell;
vertical-align:top;
}
.cell,{
display:inline;
zoom:1;
vertical-align:top;
}

.container {
width: 990px;
}

#breadcrumbs {
margin: 20px 0 20px 100px;
font-size: 80%;
}
#breadcrumbs a {
color: #000000;
}

a {
color: #f46e2d;
text-decoration: underline;
}
a:link, a:visited {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}

h1 {
color: #f46e2d;
font-weight: 600;
font-family: Trebuchet MS, Verdana, san-serif;
font-size: 20px;
line-height: 20px;
padding: 0;
margin: 0px 0px 20px 0px;
}
h2 {
color: #f46e2d;
font-weight: 600;
font-size: 100%;
line-height: 100%;
padding: 0;
margin: 0px 0px 20px 0px;
}
p {
padding: 0;
margin: 0px 0px 12px 0px;
}
p.text {
margin: 0px 0px 20px 0px;
}
ul { margin-left: 10px; padding-left: 10px}
ol { margin-left: 12px; padding-left: 12px}
li {  padding: 0;}

h1 a, h1 a:link, h1 a:visited {
text-decoration: none;
}
h1 a:hover {
text-decoration: underline;
}

.orange {
color: #f46e2d;
}
.pink {
color: #cc0066;
}
.white {
color: #ffffff;
}
.black {
color: #000000;
}
b {
font-weight: 600;
}

div.box {
width: 210px;
color: #ffffff;
font-size: 13px;
padding: 0px 0px 3px 0px;
margin: 0px 0px 30px 0px;
text-align: center;
}
div.box p {
margin: 0px 0px 3px 0px;
padding:0px;
}
div.box a.name, div.box a.name:link, div.box a.name:visited {
font-family: Trebuchet MS, Verdana, san-serif;
font-size: 15px;
font-weight: 600;
text-decoration: none;
color: #ffffff;
}
div.box a.name:hover {
text-decoration: underline;
color: #ffffff;
}
div.pink {
background-color: #ea3fa1;
}
div.pink h2 {
text-align: left;
background-color: #cc0066;
background-image: url(images/corner_pink.gif);
background-position: top right;
background-repeat: no-repeat;
font-size: 100%;
font-weight: normal;
padding: 5px;
margin: 0px 0px 3px 0px;
}
div.orange {
background-color: #f46e2d;
}
div.orange h2 {
text-align: left;
background-color: #993300;
background-image: url(images/corner_orange.gif);
background-position: top right;
background-repeat: no-repeat;
font-size: 100%;
font-weight: normal;
padding: 5px;
margin: 0px 0px 3px 0px;
}

/* end some shared classes */

/* index.php */
#home1_out {
width: 177px;
}
#home1_in {
margin: 20px 0px 0px 20px;
}
#home2_out {
width: 535px;
}
#home2_in {
margin: 20px 20px 0px 40px;
}
#home3_out {
width: 278px;
}
#home3_in {
width: 210px;
}

/* artikel_detail.php */
#artikel1_out {
width: 330px;
}
#artikel1_in {
text-align: right;
margin: 0px 30px 0px 20px;
}
#artikel2_out {
width: 660px;
}
#artikel2_in {
margin: 0px 20px 0px 0px;
}
.bildthumb {
width: 60px;
height: 60px;
overflow: hidden;
margin: 0px 0px 10px 10px;
display: -moz-inline-box;
display: inline-block;
}
.bildthumb,{
display: inline;
}
.grey {
font-family: Trebuchet MS, Verdana, san-serif;
font-size: 15px;
font-weight: 600;
color: #999999;
}

/* aktuell.php */
#aktuell1 {
width: 100px;
}
#aktuell2 {
width: 890px;
}
.aktuell_table {
margin: 0px 0px 20px 0px;
}
.aktuell_col1 {
width: 220px;
}
.aktuell_col2 {
width: 650px;
}

/* kalender.php */
#kalender_l {
width: 684px;
}
#kalender_r_out {
width: 306px;
}
#kalender_r_in {
width: 300px;
}
.kalender_col1 {
width: 100px;
}
.kalender_col2 {
width: 584px;
}
.row_in {
padding: 5px;
}
#kalender_l div.top {
background-color: #f46e2d;
font-size: 13px;
}
#kalender_l div.first {
background-color: #ffcc99;
}
.row_in a, .row_in a:link, .row_in a:visited {
color: #000000;
text-decoration: none;
}
.row_in a:hover {
text-decoration: underline;
}
a.aktuell, a.aktuell:link, a.aktuell:visited {
color: #ffffff;
}
label.kalender_date {
width: 100px;
margin: 0;
text-align: right;
}
label.kalender_title {
width: 460px;
overflow: hidden;
margin: 0;
}
h2.jungst {
text-align: right;
background-color: #ffcc99;
background-image: url(images/corner_jungst.gif);
background-position: bottom left;
background-repeat: no-repeat;
font-size: 13px;
font-weight: normal;
padding: 5px 5px 5px 20px;
margin: 0px;
display: -moz-inline-stack;
display: inline-block;
}
h2.jungst,{
display: inline;
}
a.jungst, a.jungst:link, a.jungst:visited {
text-decoration: none;
color: #993300;
}

/* kalender_eintrag.php */
#kalender_contact {
background-color: #ffcc99;
margin: 0px 0px 20px 0px;
padding: 20px 0px 20px 20px;
vertical-align: top;
width: 544px;
}
#kalender_contact div {
width: 250px;
padding: 0px 20px 0px 0px;
}
#kalender_contact textarea {
width: 230px;
}

/* datenbank.php */
#search1 {
width: 177px;
}
#search2_out {
width: 507px;
background-color: #fdcdff;
background-image: url(images/corner_search.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
#search2_in {
font-family: Trebuchet MS, Verdana, san-serif;
font-size: 15px;
font-weight: 600;
padding: 10px;
text-align: center;
color: #cc6699;
}
#search3_out {
width: 306px;
}
#search3_in {
width: 238px;
padding: 12px 0px 12px 0px;
text-align: right;
}
select.datenbank {
padding: 1px 0px 1px 3px;
border: 1px solid #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color: #cc6699;
font-size: 12px;
margin: 0px 0px 0px 10px;
}
#datenbank1 {
width: 100px;
}
#datenbank2 {
width: 584px;
}
#datenbank2 div.row_in {
padding: 5px 5px 5px 20px;
}
#datenbank3_out {
width: 306px;
}
#datenbank3_in {
width: 238px;
}
#datenbank2 div.top {
color: #ffffff;
background-color: #ea3fa1;
font-size: 13px;
}
#datenbank2 div.first {
background-color: #ffcccc;
}
label.name {
width: 300px;
font-weight: 600;
}
label.cat {
width: 120px;
}
label.ort {
width: 125px;
overflow: hidden;
}

/* datenbank_detail.php */
#datenbank_detail_header {
font-family: Trebuchet MS, Verdana, san-serif;
font-size: 18px;
line-height: 20px;
font-weight: 600;
color: #000000;
background-color: #ea3fa1;
padding: 10px;
margin: 0px 0px 20px 0px;
}
#datenbank_detail_header label.name {
width: 260px;
}
#datenbank_detail_header label.cat {
color: #ffffff;
text-align: center;
width: 142px;
}
#datenbank_detail_header label.ort {
text-align: right;
width: 142px;
}
#member_contact {
background-color: #ffccff;
margin: 0px 0px 20px 0px;
padding: 20px 0px 20px 20px;
vertical-align: top;
}
#member_contact h2 {
font-family: Trebuchet MS, Verdana, san-serif;
font-size: 15px;
font-weight: 600;
padding: 0px;
margin: 0px 0px 20px 0px;
color: #cc6699;
}
#member_contact div {
width: 250px;
padding: 0px 20px 0px 0px;
}
#member_contact textarea {
width: 230px;
}
input.text {
width: 230px;
}

/* datenbank_eintrag.php */
#eintrag1{
width: 100px;
}
#eintrag2_out {
width: 890px;
}
#eintrag2_in {
background-color: #ffccff;
width: 782px;
padding: 20px;
}
#col1 {
width: 240px;
padding: 0px 20px 0px 0px;
}
#col2 {
width: 522px;
}
select.members {
width: 236px;
}
#col2 textarea {
width: 515px;
height: 230px;
}
input.small {
width: 115px;
}

/* datenbank_suche.php */
#datenbank_suche_form {
margin: 0px 0px 30px 30px;
}
#datenbank_suche_form input.name {
width: 200px;
}
#datenbank_suche_form input.plz {
width: 60px;
}
#datenbank_suche_form input.ort {
width: 120px;
}
#datenbank_suche_form select {
width: 206px;
}
#datenbank_suche_form div {
display: -moz-inline-box;
display: inline-block;
vertical-align: top;
}
#datenbank_suche_form div,{
display: inline;
}



a.arrow, a.arrow:link, a.arrow:visited {
font-family: Trebuchet MS, Verdana, san-serif;
font-size: 15px;
line-height: 20px;
font-weight: 600;
text-decoration: none;
background-repeat: no-repeat;
}
a.arrow:hover {
text-decoration: underline;
}
a.pink_www, a.pink_www:link, a.pink_www:visited {
color: #cc0066;
background-image: url(images/arrow_pink_r.gif);
padding: 0px 0px 4px 30px;
background-position: top left;
}
a.pink_l, a.pink_l:link, a.pink_l:visited {
color: #cc0066;
background-image: url(images/arrow_pink_l.gif);
padding: 0px 0px 4px 30px;
background-position: top left;
}
a.pink_r, a.pink_r:link, a.pink_r:visited {
color: #cc0066;
background-image: url(images/arrow_pink_r.gif);
padding: 0px 30px 4px 0px;
background-position: top right;
}
a.pink_go, a.pink_go:link, a.pink_go:visited {
color: #cc6699;
background-image: url(images/arrow_pink_go.jpg);
padding: 0px 26px 4px 0px;
margin: 0px 0px 0px 12px;
background-position: top right;
}
a.orange_l, a.orange_l:link, a.orange_l:visited {
color: #f46e2d;
background-image: url(images/arrow_orange_l.gif);
padding: 0px 0px 4px 30px;
background-position: top left;
}
a.orange_r, a.orange_r:link, a.orange_r:visited {
color: #f46e2d;
background-image: url(images/arrow_orange_r.gif);
padding: 0px 30px 4px 0px;
background-position: top right;
}
a.grey_l, a.grey_l:link, a.grey_l:visited {
color: #999999;
background-image: url(images/arrow_grey_l.gif);
padding: 0px 0px 4px 30px;
background-position: top left;
}
a.grey_r, a.grey_r:link, a.grey_r:visited {
color: #999999;
background-image: url(images/arrow_grey_r.gif);
padding: 0px 30px 4px 10px;
background-position: top right;
}
a.blue_l, a.blue_l:link, a.blue_l:visited {
color: #3399cc;
background-image: url(images/arrow_blue_l.gif);
padding: 0px 0px 4px 30px;
background-position: top left;
}
a.blue_r, a.blue_r:link, a.blue_r:visited {
color: #3399cc;
background-image: url(images/arrow_blue_r.gif);
padding: 0px 30px 4px 0px;
background-position: top right;
}
a.black_l, a.black_l:link, a.black_l:visited {
color: #000000;
background-image: url(images/arrow_black_l.gif);
padding: 0px 0px 4px 30px;
background-position: top left;
}
a.black_r, a.black_r:link, a.black_r:visited {
color: #000000;
background-image: url(images/arrow_black_r.gif);
padding: 0px 30px 4px 0px;
background-position: top right;
}
a.white_l, a.white_l:link, a.white_l:visited {
color: #ffffff;
background-image: url(images/arrow_white_l.gif);
padding: 0px 30px 4px 0px;
background-position: top right;
margin: 0px 10px 0px 0px;
}
a.white_r, a.white_r:link, a.white_r:visited {
color: #ffffff;
background-image: url(images/arrow_white_r.gif);
padding: 0px 0px 4px 30px;
background-position: top left;
margin: 0px 0px 0px 10px;
}
a.pink_white_l, a.pink_white_l:link, a.pink_white_l:visited {
color: #ffffff;
background-image: url(images/arrow_pink_white_l.gif);
padding: 0px 30px 4px 0px;
background-position: top right;
margin: 0px 10px 0px 0px;
}
a.pink_white_r, a.pink_white_r:link, a.pink_white_r:visited {
color: #ffffff;
background-image: url(images/arrow_pink_white_r.gif);
padding: 0px 0px 4px 30px;
background-position: top left;
margin: 0px 0px 0px 10px;
}





input {
	width: 230px;
	padding: 3px 0px 3px 3px;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

input.button {
	background-color: #EEEEEE;
	width: auto;
	padding: 3px;
}

input.file {
	width: auto;
}

input.check, input.radio {
	border: 0px;
	padding: 0px;
	width: auto;
}

select {
	padding: 3px 0px 3px 3px;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}


textarea {
width: 230px;
height: 100px;
padding: 3px 0px 3px 3px;
border: 1px solid #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 100%;
overflow: auto;
}

iframe {
margin: 0;
padding: 0;
border: 0;
width: 304px;
height: 26px;
overflow: hidden;
vertical-align: top;
}