body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: small;
	color: #383d44;
	background: rgb(234, 239, 209) url(../images/reanima/bg.gif) repeat top left;
}

a:link, a:visited {
	color: #3e670c;
	text-decoration: underline;
}
a:hover {
	color: #999999;
}

a.logo {
	text-decoration: none;
}

input {
    border: 1px solid rgb(48, 52, 56);
}
textarea {
    border: 1px solid rgb(48, 52, 56);
}
fieldset {
    margin: 0 auto 1em auto;
    width: 400px;
    padding: 1em;
    border: 1px solid rgb(48, 52, 56);
}

/* siteelements */
#header {
	padding: 5px, 0;
	margin: 0;
	font-size: 95%;
	background: rgb(48, 52, 56) url(../images/reanima/main_top_bg.gif) repeat-x top;
}
#logo {
	width: 752px ;
	margin: 0 auto;
	padding-top: 10px;
}
#logo a {
    width: 350px;
    height: 80px;
    text-decoration: none;
    display: block;
    background: url(../images/reanima/logo.gif) no-repeat rgb(48, 52, 56);
}
#logo a span {
    display: none;
}
#nav {
	width: 750px;
	margin: 0 auto;
	padding: 0;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #464a52;
	background: rgb(56, 60, 65); /*rgb(40, 52, 48);*/
}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 80%; /* 90% */
	letter-spacing: 2px;
	text-transform: uppercase;
}
#nav li a {
	float: left;
	padding: 10px 12px;
	text-decoration: none;
	color: #e7e3d9;
	border: none;
	background: url(../images/reanima/nav-bg.gif) no-repeat bottom right;
}
#nav li a:hover {
	color: #fff;
	background: #464a52;
}
#nav li a.active {
	font-weight: bold;
	color: #fff;
	background-color: #292d34;
}
#allover-body {
	width: 752px;
	margin: 0 auto;
	padding: 0;
	background: rgb(234, 239, 209) ;
	border: 1px solid #dbd5c5;
	border-top: 0 ;

}
#main-body {
    width: 752px ;
    margin: 0 ;
    padding: 0 ;
    clear: both ;
	font-size: 95%;
	line-height: 1.6em;
	background: rgb(234, 239, 209) url(../images/reanima/main-bg.gif) repeat-y 475px 0;
	margin-top: 1em;
}
#main-body-without-sidebar {
    width: 752px ;
    margin: 0 ;
    padding: 0 ;
    clear: both ;
	font-size: 95%;
	line-height: 1.6em;
	background: rgb(234, 239, 209);
	margin-top: 1em;
}
#content {
    padding: 0 10px 0 10px ;
    margin: 1em 0 0 0 ;
	width: 440px;
	float: left;
	font-family: Verdana, sans-serif;
	color: #333 ;
}
#content-without-sidebar {
    padding: 0 10px 0 10px ;
    margin: 1em 0 0 0 ;
    width: 720px;
	font-family: Verdana, sans-serif;
	color: #333 ;
}
#sidebar {
	width: 262px;
	float: right;
	margin-right: 5px;
	font-size: 90%;
	font-family: Verdana, sans-serif;
	line-height: 1.5em;
	color: #777;
}
/* end siteelements */

/* teaser */
#teaser-table {
    width: 752px ;
	margin: 1px auto 0 auto;
    border-collapse: collapse ;
}
#teaser-table td {
    margin: 0;
    padding: 0;
	border: 1px solid rgb(239, 239, 215);
    border-top: 0;
}
#teaser-table td a {
    text-decoration: none ;
    border: none;
    white-space: nowrap;
}
#teaser-table tr.image a span {
    display: none;
}
#teaser-table tr.image a {
    display: block;
    width: 187px;
    height: 140px;
}
#teaser-table tr.content td {
    padding: 4px;
    background-color: #aec72c;
	line-height: 1.1em;
 	/*font-family: Georgia, serif; */
	letter-spacing: 1px;
 	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 90%;
	vertical-align: top;
}

#teaser-table tr.links td {
	background: #383d44;
}

#teaser-table tr.links a {
    margin: 0 ;
    padding: 2px;
    display: block;
    color: #ffffff ;
    text-align: center ;
    vertical-align: bottom; 
	font-family: Georgia, serif;
	font-size: 80%; 
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: normal;
}
#teaser-box {
    margin-bottom: 35px ;
	width: 752px ;
    float: left ;
    background: #aec72c url(../images/reanima/teaser-box_bg.gif) repeat-x ;
}
#teaser-box img {
    position: relative ;
	border: 1px solid rgb(239, 239, 215) ; /* 1px */
    bottom: -30px ;
    left: 25px ;
	float:	left ;
}
#teaser-box h1 {
	margin: 0 ;
	margin-right: 20px ;
	margin-left: 20px ;
	padding-top: 20px ;
	color: rgb(239, 239, 215) ;
	font-family: Georgia, serif;
	font-size: 140% ;
	text-transform: uppercase;
	letter-spacing: 2px;
	float: right ;
}
#teaser-box p {
	margin: 0 ;
	padding-top: 30px ;
	padding-left: 237px ;
    padding-bottom: 0.5em;
    padding-right: 0.5em;
	font-family: Georgia, serif;
	letter-spacing: 1px;
	line-height: 1.3em ;
}
/* end teaser */

/* element style sidebar */
#sidebar li {
    list-style-type: square;
}
#sidebar h2 {
    padding-left: 1em;
    padding-top: 1em;
    color: #aec72c ;
	font-family: Georgia, serif;
	font-size: 120% ;
    border-top: 1px solid #dbd5c5;
	text-transform: uppercase;
	letter-spacing: 2px;
    background: url(../images/reanima/sidebar_h2.gif) no-repeat 0 1.3em;
}
#sidebar h2.first {
    border-top: 0 ;
}
/* end element style sidebar */

/* dl-list image left, text right */
.dl-box {
  	/*float: left;
  	width: 454px;*/
  	padding: 10px 0;
  	}
.dl-box dl {
  	float: left;
  	width: 400px;
  	margin: 10px 20px;
  	padding: 0;
  	display: inline; /* fixes IE/Win double margin bug */
  	}
.dl-box dt {
  	float: right;
  	width: 302px;
  	margin: 0;
  	padding: 0;
  	font-size: 130%;
    font-family: Georgia, serif;
	font-weight: normal;
	text-transform: none;
    color:  rgb(48, 52, 56) ;
  	letter-spacing: 1px;
  	}
.dl-box dd {
  	margin: 0 0 0 98px;
  	padding: 0;
  	font-size: 85%;
  	line-height: 1.5em;
  	color: #666;
  	}
.dl-box dl dd.img {
   	margin: 0;
   	}
.dl-box dd.img img {
  	float: left;
  	margin: 0 8px 0 0;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #fff;
  	}

/* reverse float */

.dl-box .alt dt {
  	float: left;
  	}
.dl-box .alt dd {
  	margin: 0 98px 0 0;
  	}
.dl-box .alt dd.img img {
  	float: right;
  	margin: 0 0 0 8px;
}
/* end dl-list right */

div.title {
	margin: 0 0 20px 0;
	padding: 0 0 6px 0;
	border-bottom: 2px dotted #dbd5c5;
}
div.title h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 170%;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 1px;
    color:  rgb(48, 52, 56) ;
	border: none;
}
div.title h1 span {
	color: #666b75;
}
div.title h2 {
	margin: 6px 0 0 0;
	padding: 0;
	font-size: 110%;
	font-weight: normal;
	font-style: italic;
	line-height: 1.6em;
	color: #777;
}

/* footer */
#footer {
	width: 752px;
	margin: 0 auto;
	font-size: 95%;
	line-height: 1.5em;
	text-align: center ;
}
#footer p {
	margin: 0;
	padding: 0;
	font-size: 90%;
}
/*end footer*/

ul.paragraph {
    list-style: none;
}
ol.artikel {
    /*list-style-type: lower-alpha ;*/
}
ol.artikel li {
    font-style: italic;
    font-weight: normal;
    padding-left: 12px;
}
li.paragraph {
    font-weight: bold;
    padding-left: 12px;
}
/* contact form*/
#contact legend {
    margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 130%;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 1px;
    color:  rgb(48, 52, 56) ;
	border: none;
}
/**/

/* self-clearing floats */
#nav ul:after,
#main-body:after,
#footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}