/*Das Layout des Webauftritts DFM
Author: Detlef Reuter
©2010: Detlef Reuter*/

@import url("gallery.css");
@import url("jquery.fancybox-1.3.1.css");

/*adminpanel*/
#adminpanel      {
	background: #444 url(css_images/admin_header_bg.png) repeat-x 0px bottom;
	font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
}
/*adminnav*/
ul#adminnav      {
	margin: 0 auto;
	text-align: right;
	background: url(css_images/admin_header.png) no-repeat 10px 0px;
	width: 980px;
	padding-top: 14px;
	padding-bottom: 16px;
	padding-right: 45px;
}

ul#adminnav li a      {
	color: #BBB;
	text-decoration: none;
	margin-top: 15px;
}
ul#adminnav a:hover, ul#adminnav .current_page_item a     {
	color: #fff
}
ul#adminnav li     {
	color: #DDD;
	font-size: 12px;
	display: inline;
	font-weight: bold;
	padding: 2px 5px 2px;
}
ul#adminnav li.item___logout a, ul#adminnav li.item___login a      {
	background: url(css_images/login.png) no-repeat right 0px;
	color: #BBB;
	padding-right: 24px;
	padding-top: 3px;
}
ul#adminnav li.item___logout a:hover, ul#adminnav li.item___login a:hover       {
	background: url(css_images/logout.png) no-repeat right 0px; color: #eee;
}
/*editlink*/

a.editlink {
	background: url(css_images/edit_button.png) no-repeat;
	padding-left: 22px;
	padding-top: 3px;
	padding-bottom: 10px;
	line-height: 2em;
}
/*style*/
a {
	color: #FB772C;
	text-decoration: none;
}
a:hover {	text-decoration: underline;}
body               {
	color: #000;
	font-size: 62.5%;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 62.5%;
	background-color: #FFF;
	text-align: center;
	margin: 0
}
#page              {
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 966px
}
/*header*/
#header              {
	background-image: url(css_images/dfm_header-01.png);
	background-repeat: no-repeat;
	background-position: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBB;
}
#header h1            {



}
#header h1 a    {
	color: #b8b2b8;
	font-size: 1em;
	height: 50px;
	width: 700px;
	display: block;
	text-indent: -9999px;
	margin-left: 135px;
	margin-top: 10px;
}
/*navigation_active*/
ul#navigation_full                 {
	font-size: 1.1em;
	padding: 0px;
	margin: 0px;


}
ul#navigation_full li                    {
	list-style-type: none;
	line-height: 1.4em;
	padding-top: 0px;
	padding-bottom: 10px;
}
ul#navigation_full a, ul#navigation_full #current ul li a         {
	text-decoration: none;
	color: #000;
}
ul#navigation_full #current a             {
	color: #f00
}
ul#navigation_full #current a:hover       {
	color: #f00
}
ul#navigation_full a:hover              {
	color: #f00
}
ul#navigation_full li ul               {
	padding: 0px;
	margin: 0px;
}
ul#navigation_full li ul li              {
	font-size: 12px;
	margin-left: 15px;
	line-height: 1.2em;
	padding-top: 0px;
	padding-bottom: 5px;
}
ul#navigation_full li ul li a             {
	color: #777;
}
/*content*/
#content              {
	font-size: 12px;
	padding-top: 60px;
	padding-bottom: 20px;
	padding-right: 25px;
}
#content h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}
small {
	display: block;
	color: #888;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 11px;
}
.narrowcolumn     {
	margin-left: 150px
}
.widecolumn   {
	margin: 0;
	padding-top: 10px;
	padding-left: 50px
}
/*sidebar*/
#sidebar       {
	margin: 30px 0 0;
	padding-top: 0px;
	width: 140px;
	float: left
}

/*articles*/
.sidebox_articles       {
	margin-bottom: 20px;
}
.year       {
	font-size: 12px;
	line-height: 12px;
	margin: 0px;
	padding: 0px;	
}
.month       {
	font-size: 12px;
	line-height: 12px;
	margin: 4px 0px 6px;
	padding: 0px;
}
.month a      {
	color: #777;#f00
}

.month a.active, .month a:hover     {
	color: #f00;
}

/*images*/
.left_image {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;	
}
.center_image {
	margin-bottom: 10px;
	text-align: center;
}
.right_image {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;	
}
a img { border: solid 1px #000 }
a:hover img  { border: solid 1px #b8b2b8 }
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.caption {
	border: 1px solid #BBB;
	text-align: center;
	background-color: #EEE;
	padding: 5px 5px 2px;
	float: left;
	margin-bottom: 15px;
	margin-top: 5px;
}
.caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.caption p, .caption-text{
	font-size: 0.85em;
	line-height: 1.1em;
	padding: 4px 5px 6px;
	margin: 0;
	color: #555;
}
/*dies und das*/
h1 { font-size: 2em; font-weight: bold; margin: 0.67em 0 }
h2        {
	color: #f00;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0.83em 0 0.2em
}
h4 { font-size: 1.3em; font-weight: normal; line-height: 1.5em; margin: 1em 0 0 }

.narrowcolumn ul, .narrowcolumn ol  {
	margin-bottom: 20px;
	margin-top: 0px;
}
.narrowcolumn ul li, .narrowcolumn ol li       {
	font-size: 1.1em;
	line-height: 1.2em;
	padding-top: 2px;
	padding-bottom: 5px
}
.alignright { float: right }
.alignleft { float: left }
.center { text-align: center }
 a       {
	color: #f00;
	text-decoration: none
}
a:hover  {
	color: #555;
}
.widecolumn a:hover, .narrowcolumn a:hover  {
	color: #555
}
p               {
	color: #000;
	font-size: 1.1em;
	line-height: 1.3em;
	margin-top: 4px;
	margin-bottom: 12px
}

.nachoben   {
	color: #555;
	font-size: 0.85em;
	text-align: right;
}
hr   { visibility: hidden; height: 0; clear: both }
/*footer*/
#footer       {
	font-size: 1.1em;
	clear: both;
	height: 101px;
}
#footer p      {
	color: #777;
	margin-left: 10px;
}
/*footernav*/
ul#footernav      {
	margin: 0;
	padding-left: 150px;
	padding-top: 5px;
}
ul#footernav a     {
	color: #888;
	text-decoration: none;
	padding: 0
}
ul#footernav a:hover    {
	color: #f00
}
ul#footernav li      {
	color: #AAA;
	list-style-type: none;
	display: inline;
}