/*THOMAS RAU Webseite*/
html { height: 100%; overflow-y: scroll }
body     {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 100%;
 }
 div#body           {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width:100%; 
	max-width:1100px; 
	min-width: 901px;
	height: auto;
	min-height: 100% ;
	background:#fff;
	background: -moz-linear-gradient(left, #e5e9ea 0%, #ffffff 34%, #ffffff 77.77%, #f1f2f4 77.78%, #f1f2f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e5e9ea), color-stop(34%,#ffffff), color-stop(77.77%,#ffffff), color-stop(77.78%,#f1f2f4), color-stop(100%,#f1f2f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #e5e9ea 0%,#ffffff 34%,#ffffff 77%,#f1f2f4 77.78%,#f1f2f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #e5e9ea 0%,#ffffff 34%,#ffffff 77.77%,#f1f2f4 77.78%,#f1f2f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #e5e9ea 0%,#ffffff 34%,#ffffff 77.77%,#f1f2f4 77.78%,#f1f2f4 100%); /* IE10+ */
	background: linear-gradient(to right, #e5e9ea 0%,#ffffff 34%,#ffffff 77.77%,#f1f2f4 77.78%,#f1f2f4 100%); /* W3C */
	-pie-background: linear-gradient(left, #e5e9ea 0%,#ffffff 34%,#ffffff 77.77%,#f1f2f4 77.78%,#f1f2f4 100%); /* W3C */

}
div#kopf     {
	background-color: #fff;
	/*background-image: url("/image/backgr.jpg");
	background-repeat: repeat-y;
	background-position: right top;
	background-size:22.22%;*/
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
	height: 125px 
}
.right_site {
	width:22.22%;
	min-width:200px;
	background:#f1f2f4;
	float:right;
	height:125px;
}
div#kopf_adresse  { color: #7e7f80; font-size: 10px; margin: 0; padding: 0 0 7px; position: absolute; bottom: 0; left:115px; }
#kopf_adresse a { color: #7e7f80 }
#kopf_adresse a:hover   {
	color: #9c1a00 }
div#bildleiste   {
	background-color: #fff;
	width:100%;
	padding: 0px;
	position: relative;
	min-height: 234px;
	clear: both;
	border-top: 7px solid #d9dadc;
	border-bottom: 7px solid #d9dadc 
}
.headerimg1 {
		min-width:700px;
		width:77.78%;
		padding:10px 0;
}
.headerimg2 {
		min-width:200px;
		width:22.22%;
		padding:10px 0;
}
div#info    {
	padding: 34px 2.5%;
	float:right;
	width:16.22%;
	height:100%;
}

div#info h2   {
	color: #064c70;
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0 
}
div#info hr  { font-size: 0; line-height: 0; display: block; margin-top: 10px; margin-bottom: 15px; padding: 0; height: 1px; border-top: 0 none; border-bottom: 1px dashed #646566 }
/*</agl.folder>*/
/*<agl.folder "Navigation">*/
#main_nav {
	margin:0;
	position: absolute;
	top: 0;
	right: 22.22%;
	height:100%;
	background:#fff;
	background:rgba(250,250,250, 0.9);
	-pie-background:rgba(255,255,255, 0.9);
}
.menu          {
	margin: 0;
	padding-top: 25px;
	padding-right: 20px;
	padding-left: 15px;
	width: 200px;
	height: 100%;
	
}
.menu li      {
	font-weight: bold;
	list-style-type: none;
	margin: 0 0 15px;
	padding: 0;
	border-bottom: 1px solid #7e7f80 }
.menu li.active {
	margin-bottom: 0;
	border-bottom: 0 }
.submenu    {
	margin: 3px 0 12px;
	padding-bottom: 0;
	padding-left: 17px;
	width: auto;
	border-top: 0 solid #7e7f80 }
.submenu li        {
	color: #646566;
	font-size: 10px;
	font-weight: normal;
	list-style-type: square;
	margin-bottom: 3px;
	margin-left: 0;
	padding-top: 4px;
	padding-bottom: 0;
	padding-left: 5px;
	border: 0 }
.kontakt {
	text-align: right;
	margin-right: 0;
	margin-bottom: 7px;
	padding-bottom: 0;
	position: absolute;
	right: 15px;
	bottom: 0;
	float: right;
	vertical-align: bottom }
	.kontakt li {
	font-size: 10px;
	list-style-type: none;
	margin-bottom: 1.5px }
/*</agl.folder>*/
/*<agl.folder "Artikelvorschau">*/
div#vorschau    {
	color: #404040;
	padding: 30px 2% 25px 2%;
	padding-bottom: 25px;
	width:73.78%;
	float:left;
	font-size:1.1em; 
	line-height:1.4;


}
div.vorschau_text    {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 180px;
	padding-top: 0;
	padding-bottom: 10px 
}
div.vorschau_text h2     {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: none;
	margin-top: 0;
	margin-bottom: 3px;
	padding-top: 0;
	border-bottom: 0 none }
h2 a {
	color: #086594 
}
.imageview    {
	text-align: left;
	margin-right: 0px;
	margin-left: 20px;
	padding-right: 0;
	width: 420px;
	padding-left:10px;
	background:#fff;
	float: right; 
}
.imageview img   {
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 7px;
	padding-right: 0 
}
.box   {
	font-size: 0.9em;
	margin-right: 0px;
	padding: 8px;
	border: solid 0 
}
.box h1  {
	color: #404040;
	font-size: 1.3em;
	background-color: #d9dadc;
	margin: -8px -8px 8px;
	padding: 8px }
	font.datum  { color: #7e7f80; font-size: 10px }
.vor_zurueck {
	font-size: 0.9em;
	text-align: right;
	margin: -12px 0px 11px 0;
	padding-top: 0;
	border-bottom: 1px dashed #d9dadc }
	.vor_zurueck a {
	color: #7f7f7f }
/*</agl.folder>*/
/*<agl.folder "Content">*/
h1      {
	color: #086594;
	font-size: 1.5em;
	font-weight: normal;
	margin-top: -5px;
	margin-bottom: 20px;
	padding-top: 0;
}
h2    {
	color: #086594;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 15px;
	padding-bottom: 0;
	border-bottom: 1px dotted #a3a3a3 
}
h3 { color: #444; font-size: 11px; font-weight: bold; padding-top: 0 }
h4 { }
	div#text        { margin-right: 260px; padding-top: 30px; padding-bottom: 25px; padding-left: 20px; min-height: 300px }
	div#text h1 { margin-top: 0; margin-bottom: 12px; padding-top: 0 }
	div#text h2 { margin-bottom: 0; margin-left: 7px; padding-bottom: 0 }
	div#text h3 { margin: 0 0 0 7px }
	div.contentpart { margin-top: 18px }
	.small { color: #5d5d5d; font-size: 0.9em }
	td.imagelisttd { text-align: left; padding-bottom: 20px; vertical-align: top }
	.others {
	color: #757575;
	font-style: italic }
	.showno {display:none}
	.undertitle   {
	color: #757575;
	font-style: italic;
	margin-top: 0 }
	.overtitle {
	color: #8896a3;
	font-size: 0.85em;
	margin-top: 0;
	margin-bottom: 3px;
	padding-top: 0 }
	hr {
	font-size: 1px;
	margin: 15px 0 10px;
	padding: 0;
	height: 1px;
	clear: both;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #7f7f7f;
	border-left: 0 }
	.left {
	margin-right: 15px;
	margin-bottom: 7px;
	float: left }
	.right {
	margin-bottom: 7px;
	margin-left: 15px;
	float: right }
	.nomargin {
	margin: 0;
	padding: 0 }
	.clear {
	clear: both }
	strong {
	color: #086594 }
	li  {
	color: #404040;
	list-style-type: square;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 8px }
	.box ul  {
	margin-top: 5px;
	margin-left: 0;
	padding-top: 0;
	padding-left: 15px }
	dl  {
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 0 }
	dt  {
	color: #086594;
	margin-bottom: 0;
	padding-bottom: 0 }
	dd { margin-top: 4px; margin-bottom: 12px; margin-left: 25px }
	table  {border-collapse: collapse }
	td {
	padding-bottom: 6px;
	vertical-align: top }
	.table   {
	margin-bottom: 20px;
	border: solid 1px #7f7f7f }	
	.table td  {
	padding-top: 8px;
	padding-bottom: 4px;
	padding-left: 4px;
	width: 48%;
	vertical-align: top;
	border-bottom: 1px solid #d9dadc }
/*</agl.folder>*/
/*<agl.folder "bilder">*/
	a img {
	border-width: 0 }
img#logo   {
	margin-right: 15px;
	margin:20px 15px 7px 0;
	border-width: 0 
}
img.vorschau { margin-right: 20px; margin-left: 20px; float: left; clear: left }
	/*Ausrichtung im Text*/
	span.vorschaubild { margin-right: 0; margin-bottom: 10px; margin-left: 30px; float: right }
	div.imgDIVinTextLeft { margin-top: 15px; margin-right: 30px; margin-bottom: 10px; float: left }
	div.imgDIVinTextRight  { margin-top: 15px; margin-bottom: 10px; margin-left: 30px; float: right }
	p.bildlisten { margin-bottom: 7px }
	p.untertitel { color: #646566; font-size: 10px; margin-top: -3px; margin-bottom: 0; margin-left: 30px; padding-top: 0 }
/*</agl.folder>*/
/*<agl.folder "Links">*/
	a   {
	color: #9c1a00;
	text-decoration: none }
	a:hover  {
	color: #086594;
	text-decoration: none }
	.details    {
	background-image: url("/image/arrow_link.gif");
	background-repeat: no-repeat;
	background-position: 0 2px;
	margin-left: 20px;
	padding-left: 20px }
	.details:hover  { background-image: url("/image/arrow_link_active.gif"); background-repeat: no-repeat; background-position: 0 3px }
	a.details { margin-left: 0 }
	/*NAVIGATION*/
	.menu a   {
	color: #000;
	text-decoration: none }
	.menu a:hover  {
	color: #9c1a00;
	text-decoration: none }
	.menu a.active   {
	color: #9c1a00 }
	.kontakt a    { color: #7e7f80; text-decoration: none }
	.kontakt a:hover   {
	color: #9c1a00;
	text-decoration: none }
	.kontakt a.active      {
	color: #9c1a00;
	text-decoration: none }
/*</agl.folder>*/
/*<agl.folder "Kontaktformular">*/
	/*Formulare*/
	form       {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 0 0;
	padding: 0;
	vertical-align: top }
	.feld      { color: #3d3d3d; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; width: 300px; overflow-x: hidden; overflow-y: auto      }
	.feldkl       { color: #3d3d3d; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; overflow: hidden }
	form p.right     {
	margin-top: 20px;
	margin-right: 30px;
	float: right }
/*</agl.folder>*/
/*<agl.folder "Sitemap">*/
	ul.site { }
	/*ul.site li  { font-weight: bold; list-style-type: none; margin-bottom: 7px; padding-bottom: 0 }*/
	ul.site li     { font-weight: bold; background-color: #d8dbdc; list-style-type: none; margin-top: 5px; margin-bottom: 5px; margin-left: 0; padding-top: 3px; padding-bottom: 3px; padding-left: 7px }
	ul.site li.site1    { background-color: #d8dbdc; list-style-type: none; margin-top: 5px; margin-bottom: 5px; margin-left: 0; padding-top: 3px; padding-bottom: 3px; padding-left: 7px }
	ul.site li.site2     { font-weight: normal; background-color: #fff; list-style-type: none; margin-top: 8px; margin-bottom: 8px; margin-left: 0; padding-top: 2px; padding-bottom: 2px; padding-left: 32px }
	ul.site li.site3   { font-weight: normal; background-color: transparent; margin-top: 5px; margin-bottom: 8px; margin-left: 40px; padding-bottom: 0; padding-left: 7px; border-bottom: 1px dashed #d8dbdc }

/*</agl.folder>*/
/*<agl.folder "Adminbereich">*/
	body#admin  {
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 0;
	padding-left: 20px }
	#admin .aktiv {
	font-weight: bold }
	#intern li {
	list-style-type: none;
	display: inline;
	padding-right: 20px;
	padding-left: 20px;
	border-right: 1px solid #9c1a00 }
	#intern {
	background-color: #f6f6f6;
	margin: 0 0 15px -20px;
	padding: 15px 5px 5px }
	#admin div#vorschau {
	padding-top: 8px }
	td.kopf {
	font-weight: bold;
	background-color: #d9dadc;
	text-align: center }
	.uebersicht   {
	margin-bottom: 20px;
	border: solid 1px #7f7f7f }	
	.uebersicht td   {
	padding: 8px 8px 7px;
	vertical-align: top;
	border-bottom: 1px solid #d9dadc }
/*</agl.folder>*/