body {
background-image : url(/files/bg_mylitho.jpg);
background-attachment : fixed;
background-color: #D4A064;
font-size : 12px;
font-weight: bolder;
font-family : Verdana, Arial, SunSans-Regular, Sans-Serif;
color : #A8211E;
text-align : center;
}

a {
font-size : 12px;
text-transform : uppercase;
color : #A8211E;
font-weight : lighter;
text-decoration : none;
}
a:visited {
color : #A8211E;
}
a:hover {
color : #7FC040;
text-decoration : underline;
}
a:active {
color : #A8211E;
background-color: #F08080;
}

ul.nav1st a {
font-size : 11px;
text-transform : uppercase;
font-weight: bolder;
}

ul.nav2nd a {
font-size : 10px;
text-transform : uppercase;
font-weight: lighter;
}

ul.main {
list-style-image : none;
}
li {
text-align : left;
padding : 2px;
list-style-type:none;
}
li.main {
text-align : center;
padding : 2px;
}

dl {
	width: 238px;

}

dd {
	text-align: left;
	width: 200px;
	padding-left: 10px;
	margin: 0px;
	list-style-image: none;
}

hr {
	width: 180px;
}

h1 {
font-size : 12px;
text-transform : uppercase;
background-color : transparent;
border-top : 1px solid #A8211E;
border-bottom : 1px solid #A8211E;
padding : 5px 15px;
margin : 0;
}

h2 {
font-size : 13px;
text-transform : uppercase;
font-weight : bolder;
padding : 5px 5px;
margin : 0px;
}

h2.catlist {
font-size : 12px;
text-transform : uppercase;
text-align: left;
font-weight: lighter;
color: #FFA07A;
padding-left: 15px;
margin-left: 5px;
}


img.download {
vertical-align : middle;
}
#container {
width : 1024px;
padding : 0;
margin : auto;
}
#webcam {
width : 500px;

margin : auto;
}
#header {
text-align : right;
background-color : transparent;
padding : 0;
margin : 0;

}

#header img {
padding : 10px 0;

}
#out {
border-left : 236px solid transparent;
border-right : 236px solid transparent;
background-color : opacity 0.5;
}
#in {
margin : 0;
width : 100%;
}
#left {
width : 236px;
float : left;
position : relative;
margin-left : -236px;
margin-right : 1px;
}
#right {
width : 236px;
float : right;
position : relative;
margin-right : -236px;
margin-left : 1px;
}
#content {
position : relative;
margin : 0px;
text-align : left;
}
p {
padding : 5px 10px;
margin : 0;
}
p.middle {
padding : 5px 10px;
margin : 0;
text-align : center;
}

p.weiss {
color : #b8c8d1;
}
pre {
font-size : 12px;
padding : 5px 10px;
margin : 0;
}
img.n-links {
float : right;
padding : 5px 10px;
}
img.n-rechts {
float : left;
padding : 5px 10px;
}
img.middle {
float : none;
padding : 10px;
border : 1px solid #C9B056;
text-align: center;
}

img.reflect {
float: none;
padding: 0px 10px 0px 10px;
border: none;
}


img.galimg {
float : none;
padding : 2px;
margin: 2px;
border : 1px solid #89b829;
}

.column {
float : left;
padding : 12px 12px 12px 12px;
width : 150px;
}
.clearfix {
clear : both;
}

.flashobjekt {
text-align: center;
padding : 3px 3px;
margin: auto;
width: 530px;
border : 1px solid #89b829;
float: none;
}

.flashad {
position: absolute; 
top: 225px;
text-align: center;
padding-left: 172px;
padding-right: 352px;
margin: auto;
visibility : hidden;
}
.zweispalter {
width : 530px;
}
.zweispalter_1 {
width : 170px;
}
.zweispalter_2 {
width : 170px;
margin-right : 10px;
}
.zweispalter_3 {
width : 170px;
margin-right : 10px;
}
.zweispalter_1, .zweispalter_2, .zweispalter_3 {
float : left;
}
.clboth {
clear : both;
display : block;
line-height : 0;
font-size : 0;
}
#footer {
clear : left;
padding : 0;
margin : 0;
text-align : right;
}
.jaosg_galerie {
text-align : center;
vertical-align : middle;
padding : 5px;
}
.jaosg_thumbnail {
margin : 5px;
height : 80px;
width : 80px;
text-align : center;
vertical-align : middle;
}
.jaosg_nav {
text-align : center;
}
.jaosg_bild {
text-align : center;
}
.jaosg_bildbeschreibung {
text-align : center;
}
.contentlinklist {
margin-left : 5%;
margin-top : 10px;
}
.linkarea {
background : none;
margin-top : 10px;
margin-bottom : 10px;
padding : 10px;
width : 500px;
}
h3 {
font-size : 12px;
font-weight : bold;
text-transform : uppercase;
background-color : transparent;
padding : 5px 15px;
margin : 0;
}
.linkarea_img {
padding : 2px;
background : #fff;
float : left;
margin-right : 15px;
border : 0;
}
.linkarea_imgmax {
padding : 10px;
background : none;
}
.clean {
clear : both;
}
div.hm_container {
padding : 0;
width : 100%;
margin-top : 0;
margin-right : 0;
margin-bottom : 20px;
margin-left : 0;
}
div.hm_container .hm_bild_left {
padding : 0;
margin-top : 0;
margin-right : 20px;
margin-bottom : 20px;
margin-left : 0;
float : left;
height : auto;
width : auto;
border : 1px solid #cccccc;
}
div.hm_container .hm_bild_right {
padding : 0;
margin-top : 0;
margin-left : 20px;
margin-bottom : 20px;
margin-left : 0;
float : right;
height : auto;
width : auto;
border : 1px solid #fdfcb4;
}
div.hm_container .hm_zbueberschrift {
font-style : italic;
font-weight : bold;
text-decoration : underline;
}
div.hm_container .hm_galeriebild {
background : #dcdcdc;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #fdfcb4;
border-right-color : #fdfcb4;
border-bottom-color : #fdfcb4;
border-left-color : #fdfcb4;
height : 100px;
width : 100px;
}
* html div.hm_container .hm_galeriebild {
margin : 6px;
padding : 0;
}
div.hm_container .hm_galeriebild .hm_qformat {
border : 1px solid #fdfcb4;
padding : 0;
margin-top : 20px;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 20px;
height : 60px;
width : 80px;
}
div.hm_container .hm_galeriebild .hm_hformat {
border : 1px solid #fdfcb4;
padding : 0;
margin-top : 10px;
margin-left : 20px;
margin-right : 20px;
margin-bottom : 10px;
height : 80px;
width : 60px;
}
div.hm_container .hm_galeriebild_text {
float : left;
font-size : 8.5pt;
color : #ffffff;
text-align : center;
vertical-align : middle;
margin-top : 7px;
margin-right : 15px;
margin-bottom : 0;
margin-left : 15px;
}
div.hm_container .clearing {
clear : both;
}
.formgen {
font-size : 1em;
padding-right : 10px;
padding-left : 10px;
border : 1px solid #990000;

}
label, select, input[type="checkbox"], input[type="radio"], input[type="button"], input[type="submit"] {
cursor : pointer;
}
.formgen form {
line-height : 120%;
}
.formblock {
margin-bottom : 15px;
margin-top : 10px;
padding-top : 3px;
padding-bottom : 3px;
padding-right : 2px;
padding-left : 5px;

}

.forminfo {
width : 360px;
margin-bottom : 15px;
background-color : #ffcc33;
padding-top : 3px;
padding-bottom : 3px;
padding-right : 2px;
padding-left : 5px;
font-weight : bold;
border : 5px dashed #990000;
}

.formgen br {
clear : none;
}

.formgen .formtextfield {
width : 400px;
height : 200px;
margin-left : 4px;
border : 1px solid #ffffff;
}
.formgen .formtext {
width : 275px;
margin-left : 4px;
padding-bottom : 4px;
font-size : 1em;
}
.formgen input:focus, .formgen input:hover, .formgen select:focus, .formgen select:hover, .formgen textarea:focus, .formgen textarea:hover {
border-bottom-color : #000000;
background-color : #ffcc66;
}
.formgen label {
width : 120px;
float : left;
height : 20px;
}
.formgen .formselect {
width : 200px;
background-color : #33ff33;
margin-left : 4px;
color : #000000;
}
.formgen .formsubmit {
width : 410px;
text-align : center;
background-color : #ffffcc;
border : 1px solid #990000;
float : none;
color : #666666;
}
.formgen legend {
color : #333333;
}
.formgen .formerror {
border-bottom-width : 1px;
color : #990000;
}
.formgen .formcaptcha {
border : 2px solid #990000;
vertical-align : top;
float : left;
margin-right : 10px;
}

.ecardthumb {
width: 95px;
height: 95px;
padding: 3px;
margin: 1px;
text-align: center;
vertical-align: middle;
float: left;
}

.clear {
clear: left;
}

.list_content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:24px;
	width:518px;
	background-color:#59718F;
	margin:0px;
   line-height: 18px;
	}

.list_content2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:518px;
	background-color:#B5C0CF;
	margin:0px;
    line-height: 18px;
	}
	
.data {
   border: 1px solid #A4A4A4;
   width: 500px;
}
.data_desc {
	background-color: #DF726F;
	font-weight: bold;
	
}

.data_zebra {

}

div.rexkal {
	background-color: Silver;
	width: 500px;
	margin: auto;
	
}

th.rexkal-month {
	background-color: Teal;
	color: White;
}

/* Adressliste - ENTWICKLUNG!!!!
************************************************************/
#adressliste * { 
	padding: 0px;
	margin: 0px;
}

#adressliste { 
	/*width: 520px;*/
	color: #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.2em;
}

#adressliste .formulardaten {
	width: 450px;
	float: left;
}

#adressliste .formularbuttons {
	width: 115px;
}

#adressliste fieldset { 
	border: 0px;
	background: #fff;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#adressliste legend {
	
}

#adressliste p { 
	margin: 0;
	padding: 5px;
	font-size: 1em;
	font-weight: bold;
}

#adressliste .element { 
	display: block;
	clear: both;
}

#adressliste label { 
	display: block;
	float: left;
	padding: 5px;
	width: 120px;
}

#adressliste label.checkbox { 
	width: 372px;
	border-right: none;
}

#adressliste input, 
#adressliste select, 
#adressliste textarea { 
	width: 295px;
	color: #224A10;
	padding-top: 0px;
	padding-left: 2px;
	margin: 1px;
	border: 1px solid #86ae74;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	background-color: #FFFFFF;
}

#adressliste input.text,
#adressliste input.plz,
#adressliste input.tag,
#adressliste input.monat,
#adressliste input.jahr { 
	height: 20px;
}

#adressliste input.plz {
	width: 44px;
}

#adressliste input.tag,
#adressliste input.monat { 
	width: 21px;
}

#adressliste input.jahr { 
	width: 36px;
}

#adressliste input.speichern, 
#adressliste input.loeschen, 
#adressliste input.zuruecksetzen,
#adressliste input.abbrechen {
	margin-top: 10px;
	/* letzter Wert zur Positionierung des Schalters */
    padding: 1px 1px 1px 1px;
	border: 1px solid #224A10;
	background-color: #224A10;
	font-weight: bold;
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	cursor: pointer;
	width: 110px;
}
/*
#adressliste input.speichern { width: 90px; margin-left: 97px; float: left; }
#adressliste input.zuruecksetzen { width: 110px; margin-left: 130px;}
#adressliste input.loeschen { width: 90px; margin-left: 97px; float: left; }
#adressliste input.abbrechen { width: 110px; margin-left: 130px; }
*/
#adressliste input.speichern:hover,
#adressliste input.loeschen:hover,
#adressliste input.zuruecksetzen:hover,
#adressliste input.abbrechen:hover { 
	border: 1px solid #224A10;
	background-color: #DEEEDB;
	color: #224A10;
}

#adressliste label.textarea, 
#adressliste textarea.textarea { 
	height: 96px;
}

.adressenliste { 
	font-size: 1em;
	padding: 5px 5px 5px 0;
	border-bottom: 1px solid black;
}

.adressenlistetop { 
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px 5px 5px 0;
	border-bottom: 2px solid black;
}

.adresslisteedit {
	width: 23px;
	height: 23px;
	/*background-color:#094;*/
	background-image:url(editieren.gif);
}