/* Version 0.1 07-03-2007 rk */

BODY, HTML { text-align:center; width:100%; padding:0; margin:0; }
BODY, FORM { padding:0; margin:0; }
BODY {  background:#FFF url(files/img/bg.gif) repeat-x; }
DIV, BODY, TEXTAREA, .dropdown, .upload, SELECT, INPUT { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#575e66; }
IMG, TABLE { border:none; }

H1, H5 { font-size:18px; font-weight:normal; color:#31558c; padding:0; margin:0; line-height:22px;  }
H2 { font-size:12px; color:#31558c; margin:2px 0 12px 0; }
H3 { font-size:12px; }
h4 { font-size:12px; font-weight:normal; margin:0; padding:0; } /* Listenueberschrift */
h5 { background:url(files/img/hr.gif) top repeat-x; padding-top:20px; margin-top:5px; } /* Trenner zwischen 2 Artikeln */
#content P { max-width:500px; }

A { color:#31558c; text-decoration:none; font-weight:bold; }
A:hover, A:focus, a.download.active { color:#C03; text-decoration:underline; } /* hinzu von Stefan */
a.download {background: transparent no-repeat center left; display: block; float: left; clear:left; line-height:1.8em; padding: 5px 0 5px 25px; line-height: 1.8em } /* hinzu von Stefan */
a.pdf {background-image: url(./files/icon_pdf.gif)} /* hinzu von Stefan */
/* 
für weitere Dokumententypen einfach Klassen wie folgt anlegen:
a.doc {background-image: url(./files/icon_doc.gif)}
a.xls {background-image: url(./files/icon_xls.gif)}
*/

.red { color:#C03; }
.small { font-size:11px; }

/* HR */ 
div.hr { height:1px; background:url(files/img/hr.gif) repeat-x scroll left; margin:5px 0 5px 0; }
div.hr hr { display:none; }

/* #content { position:absolute; width:860px; overflow:visible; margin:auto; background:url(files/img/bg_head.jpg) no-repeat right top; text-align:left;  } */
#content { background:url(files/img/bg_head.jpg) no-repeat right top; width:860px; postition:absolute; overflow:visible; margin:auto; text-align:left; }

#head { height:180px; width:860px; }

#logo { height:180px; float:left; width:249px; background:url(files/img/bg_logo.jpg) no-repeat; }

/* Mainmenu */
#mainmenu { margin-top:142px; height:36px; float:left; }
#mainmenu UL { list-style-type:none; margin:0; padding:0; }
#mainmenu LI { display:inline; margin:0; padding:0; }
#mainmenu LI A { color:#FFF; font-weight:bold; font-size:14px; padding:10px 12px 0 12px; height:26px; display:block; float:left; 
				 background:url(files/img/bg_mainmenu.gif) left no-repeat bottom; }
#mainmenu LI.firstitem A { background:url(files/img/bg_mainmenu_firstitem.gif) left no-repeat; }
#mainmenu LI A:hover, #mainmenu LI A.selected { text-decoration:none; background:url(files/img/bg_mainmenu_h.gif) repeat-x; color:#465260; }

#flags { padding-top:152px; padding-right:6px; float:right; }
#flags A { margin-left:4px; } 

/* Submenu */
#submenu { 	clear:both; float:left; min-height:270px; _height:270px; width:225px; padding:0 10px; border-left:2px solid #FFF; border-right:2px solid #FFF; 
			background:url(files/img/bg_submenu.gif) repeat-x; }
			
#submenu UL { list-style-type:none; margin:0; padding:0; }
#submenu LI { background: url(files/img/hr.gif) repeat-x top; padding:10px 0; }
#submenu LI.firstrow { padding-top:0; background:none; }
#submenu LI A { font-weight:bold; padding:0 18px; display:block; background: url(files/img/arrow.gif) no-repeat;  }
#submenu LI A:hover { color:#a0271a; }
#submenu LI A.selected { color:#a0271a; background: url(files/img/icon_submenu.gif) no-repeat; }

#article, #startpage { float:left; padding:40px 0 25px 25px; width:585px; line-height:16px; height:auto; min-height:400px; }
#startpage { padding:0; width:610px; }

#article UL { margin:0 30px 30px 30px; padding:0; }
#article LI { padding:2px 0px; margin:0; }
#article LI A { color:#C03; }
#article P { clear:both }

.picture, .flRight { float:right; padding-left:10px; width:235px;  }
.picture IMG, .flRight IMG { padding:2px; border:1px solid #6e7987; margin-bottom:4px;}
.gallery { background:url(files/img/bg_gallery.gif) repeat-x top; text-align:right; _float:right; padding:12px 8px;  }
.gallery A {  background:url(files/img/icon_gallery.gif) no-repeat top right; padding:0 36px; display:block; height:20px; }

/* Footer und Kundenlogin */
#customerlogin { padding:22px 16px; width:217px; float:left; clear:both; }
#customerlogin A { background:url(files/img/arrow_login.gif) no-repeat; padding-left:10px; }

#footer { padding:22px 0; width:611px; float:left; background:url(files/img/hr.gif) repeat-x top; }
#adress { float:right }
#adress IMG { margin:0 4px; }
#backlink { float:left }
#backlink A { background:url(files/img/arrow_back.gif) no-repeat; padding-left:20px; }
#drucken { float:left; } 
#drucken A { background:url(files/img/icon_print.gif) no-repeat; padding-left:26px; margin-left:8px; }

/* Startseite only Formatierungen */
#startpage { padding-bottom:20px; }
#startpage H1 { padding:20px 0 0 0 ; }
#startpage P { padding:0 60px 0 0 }

#startpage UL.related { list-style-type:none; margin:0 0 0 0; padding:0; }
#startpage UL.related LI { background: url(files/img/arrow.gif) no-repeat; padding:0 0 0 18px; }

#submenu h2 { margin-bottom:20px; }
#submenu P { padding:0; margin:0; font-size:11px; line-height:16px; }

/* Galerie */
#gallery { width:585px; }
#hassoThumbs { width:585px; float:left; margin:4px 0 0 0; background:url(files/img/hr.gif) repeat-x top; padding-top:16px; }
#hassoThumbs H2 { font-size:12px; font-weight:normal; }
#hassoThumbsend { clear:both; height:1px; width:585px; margin:12px 0; background:url(files/img/hr.gif) repeat-x top; }
.hassoThumb { float:left; padding:2px; border:1px solid #6e7987; margin:0 4px 12px 0; height:80px; }

#hassoPic  { margin:6px 0;  background:url(files/img/hr.gif) repeat-x top; _display:block; }
#hassoPic IMG { padding:2px; border:1px solid #6e7987; _padding:2px 0; _border:none; _background:url(files/img/hr.gif) repeat-x bottom; }

#hassoNav { text-align:right; float:right;  padding:16px 0; }
.hassoDescription { float:left; padding:16px 8px; width:350px; }
#hassoPrevPic { display:inline; padding-right:10px; }
#hassoNextPic { display:inline; padding-left:10px;  }

.hassoTitle { display:none }


/* Druckansicht */
BODY.print { background:#fff; padding:30px; }
.print .printlogo { float:right; padding-left:20px; }
.print #printcontent P { width:100%;  }
.print #printcontent h1 { margin:30px 0 }
.print #printcontent #gallery { width:100%; background:#fff; float:right; padding:20px 0; }

/* FORM */
.alert { border:2px solid #C03; color:#C03; padding:6px; margin:6px; font-weight:bold;  }
INPUT, TEXTAREA, SELECT { font-size:12px; padding:2px; background:#f4f4f5; border:1px solid #cccfd3 }
TEXTAREA { width:350px; height:150px; }
.button { padding:3px 25px; font-weight:bold; background:#cccfd3; border:1px solid #575e66; }
.inputfield { width:253px; }
SELECT { width:260px }