/**********************/
/* ALLGEMEINES LAYOUT */
/**********************/

html, body { height: 100%; }
body { margin: 0; padding: 0; background-color: #FFF; background-image: url("../images/bg.gif"); background-repeat: repeat-x;	font-size: 12px; font-family: Helvetica, Arial, Sans-serif, sans-serif; color: #666; }
table { font-size: 12px; }
tr { vertical-align: top; }
h1 { font-size: 24px; padding: 0 0 14px 0; margin: 0; }
h2 { font-size: 14px; padding: 0 0 8px 0; margin: 0; }
a:link, a:active, a:visited { text-decoration: none; color: #A01B11; }
a:hover { text-decoration: underline; }
img { border: none; }
form { padding: 0; margin: 0; }
ul { list-style-type:circle; padding-left: 15px; margin: 0; }
ul.navi { list-style-type:none; padding: 0; margin: 0; }
ul.navi li { background: url(/images/ptline.gif) repeat-x 0 100%; height: 23px; }
input, textarea, select { border: 1px solid #999; font-size: 10px; width: 300px; padding: 3px; }
input.text_half{ width: 150px; }
input.button { width: 120px; }
input.gobtn { background:url(/images/go.gif) no-repeat 50%; border:0; width: 22px; cursor: pointer; }
input.gobtn_black { background:url(/images/go_black.gif) no-repeat 50%; border:0; width: 22px; cursor: pointer; }
textarea { font-size: 12px; }
p { line-height: 1.5em; text-align: justify; }

#centerbox { text-align: center; }
#page {	height: 100%; width: 930px; margin: auto; padding: 0 3px 0 3px; }
#logo { display: block; float: left; padding-top: 19px; }
#topsuche { font-size: 10px; text-align: right; height: 75px; }
#topnavi { font-size: 10px; text-align: right; height: 39px; color: #FFF; }
#contentnavi { margin-top: 18px; height: 20px; }
#content { clear: both; text-align: left; margin-bottom: 50px; }
#navipath { margin-bottom: 20px; height: 19px; font-size: 10px; color: #FFF; }
#leftcontainer { float: left; width: 165px; overflow: hidden; }
#inhalt { width: 534px; float:left; overflow: hidden; margin: 0 30px 0 30px; }
#inhalt_orn { width: 729px; float:left; overflow: hidden; margin-left: 30px; }
#rightcontainer { width: 165px; float:right; overflow: hidden; }
#footer { clear: left; text-align: center; font-size: 10px; font-weight: bold; color: #A01B11; margin-top: 30px; }

div.teaser { width: 165px; color: #FFF; background-color: transparent; margin: 0; padding: 0 0 10px 0; overflow: hidden; }
div.teaser h1 { font-size: 12px; text-align: center; line-height: 17px; text-transform: uppercase; background: url("../images/teaser_header.gif") no-repeat top; margin: 0; padding: 2px 10px 2px 10px; height:17px; white-space: nowrap; }
div.teaser ul.navi { padding: 5px 6px 15px 2px; }
div.teaser div.box { padding: 6px 8px 15px 6px; }
div.teaser ul.navi, div.teaser div.box { background: url("../images/teaser_content.gif") repeat-y bottom left; margin: 0; color: #999; line-height: 1.2em; text-align: left; }

/****************************/
/* TOP-NAVIGATION UND LINKS */
/****************************/

a.topnavi:link, a.topnavi:visited, a.topnavi:active { color: #FFF; }
a.topnavi:hover { text-decoration: underline; }

a.navipath:link, a.navipath:visited, a.navipath:active { color:#FFF; } 
a.navipath:hover { color:#FFF; text-decoration: underline; }

a.rahmen:link, a.rahmen:visited, a.rahmen:active { border: 1px solid #A01B11; padding: 2px 5px 2px 5px; }

a.next:link, a.next:visited, a.next:active, a.prev:link, a.prev:visited, a.prev:active, a.top:link, a.top:visited, a.top:active, a.weiter:link, a.weiter:visited, a.weiter:active {
  background-repeat: no-repeat; border: 1px solid #A01B11; background-position: 4px 6px; padding: 2px 5px 2px 15px;
}
a.next:hover, a.prev:hover, a.top:hover, a.rahmen:hover { font-weight: bold; }
a.next:link, a.next:visited, a.next:active { background-image: url("../images/doubarr_right.gif"); }
a.prev:link, a.prev:visited, a.prev:active { background-image: url("../images/doubarr_left.gif"); }
a.top:link, a.top:visited, a.top:active { background-image: url("../images/doubarr_up.gif"); }
a.weiter:link, a.weiter:visited, a.weiter:active { border: none; background-image: url("../images/darr_right.gif"); }

a.sitemap_level1:link, a.sitemap_level1:visited, a.sitemap_level1:active, a.sitemap_level2:link, a.sitemap_level2:visited, a.sitemap_level2:active {
  display: block; background-repeat: no-repeat; line-height: 20px; 
}
a.sitemap_level1:link, a.sitemap_level1:visited, a.sitemap_level1:active { text-transform: uppercase; background-image: url("../images/darr_right.gif"); background-position: 5px 5px; padding-left: 20px; }
a.sitemap_level2:link, a.sitemap_level2:visited, a.sitemap_level2:active { background-image: url("../images/arr_right.gif"); background-position: 5px 5px; padding-left: 15px; }
a.sitemap_level3:link, a.sitemap_level3:visited, a.sitemap_level3:active { line-height: 20px; }

a.rbtn86, a.rbtn86r { background: url(/images/rbtn86.gif) no-repeat; display: block; height: 20px; text-indent: 7px; width: 86px; font-size: 10px; line-height: 18px; }
a.rbtn86r { text-align: left; }
a.lbtn86 { background: url(/images/lbtn86.gif) no-repeat; display: block; height: 20px; text-align: right; text-indent:0; padding-right: 7px; width: 79px; font-size: 10px; line-height: 18px; }

a.lightbox_yes, a.lightbox_no, a.lightbox_off, a.download, a.download_off, a.download_zip, a.download_zip_off, a.postcard, a.postcard_off {
  height: 20px; text-align: right; width: 93px; padding-right: 7px; font-size: 10px; line-height: 18px; display: block;
}

a.lightbox_yes { background: url(/images/lightbox_yes.gif) no-repeat; }
a.lightbox_no { background: url(/images/lightbox_no.gif) no-repeat; }
a.lightbox_off { background: url(/images/lightbox_off.gif) no-repeat; }
a.download { background: url(/images/download.gif) no-repeat; }
a.download_off { background: url(/images/download_off.gif) no-repeat; }
a.download_zip { background: url(/images/download_zip.gif) no-repeat; }
a.download_zip_off { background: url(/images/download_zip_off.gif) no-repeat; }
a.postcard { background: url(/images/postcard.gif) no-repeat; }
a.postcard_off { background: url(/images/postcard_off.gif) no-repeat; }


/*******************/
/* MAIN-NAVIGATION */
/*******************/

/* Level 1 */
div.navi1, div.navi1act {
  display:block; float: right; margin: 2px; width: 118px; background-image: url("../images/navi1bg.gif"); height: 26px;
}
div.navi1act { background-position: 0px 28px; }

a.navi1:link, a.navi1:visited, a.navi1:active, a.navi1act:link, a.navi1act:visited, a.navi1act:active {
	text-align: center; display:block; width: 118px; font-size: 12px; font-weight: bold; line-height: 26px; overflow: hidden; white-space: nowrap; 
}
a.navi1:link, a.navi1:visited, a.navi1:active { color: #666; }
a.navi1act:link, a.navi1act:visited, a.navi1act:active { color: #FFF; background-position: 0px 28px; }
a.navi1:hover, a.navi1act:hover { text-decoration: underline; }


a.navi2act, a.navi2, a.navi3act, a.navi3, a.navi4act, a.navi4 { font-size: 12px; height: 22px; line-height: 22px; display: block; overflow: hidden; white-space: nowrap; }
a.navi2:hover, a.navi2act:hover, a.navi3:hover, a.navi3act:hover, a.navi4:hover, a.navi4act:hover { text-decoration: underline; background-color:#e6e6e6; }

/* Level 2 */
a.navi2:link, a.navi2:visited, a.navi2:active { color:#666; padding: 0 0 0 14px; }
a.navi2act, a.navi2:hover { color:#A01B11; background-image: url("../images/doubarr_right.gif"); background-repeat: no-repeat; background-position: 3px 6px; }
/*a.navi2:hover, a.navi2act:hover { background-color:#e6e6e6; }*/
a.navi2act:link, a.navi2act:visited, a.navi2act:active { color: #A01B11; padding: 0 0 0 14px; font-weight: bold; }

/* Level 3 */
a.navi3:link, a.navi3:visited, a.navi3:active { color:#666; padding: 0 0 0 26px; }
a.navi3act, a.navi3:hover { color:#A01B11; background-image: url("../images/darr_right.gif"); background-repeat: no-repeat; background-position: 3px 6px; }
/*a.navi3:hover, a.navi3act:hover { background-color:#e6e6e6; }*/
a.navi3act:link, a.navi3act:visited, a.navi3act:active { color:#A01B11; padding: 0 0 0 26px; font-weight: bold; }

/* Level 4 */
a.navi4:link, a.navi4:visited, a.navi4:active, a.navi4act:link, a.navi4act:visited, a.navi4act:active { font-size: 11px; color:#666; padding: 0 0 0 38px; }
a.navi4act, a.navi4:hover { color:#A01B11; background-image: url("../images/arr_right.gif"); background-repeat: no-repeat; background-position: 3px 6px; }
/*a.navi4:hover, a.navi4act:hover { background-color:#e6e6e6; }*/
a.navi4act:link, a.navi4act:visited, a.navi4act:active { color:#A01B11; }


/*********************************/
/* SPEZIELLE FORMATIERUNGSREGELN */
/*********************************/

.smalltext { font-size: 10px;}

div.borderall { border: 1px solid #999; padding: 5px; margin-bottom: 15px; }
div.borderbot { height: 10px; background: url(/images/ptline.gif) repeat-x 0 100%; padding-top: 5px; margin-bottom: 15px; }
div.borderbotbox { background: url(/images/ptline.gif) repeat-x 0 50%; height: 14px; }
div.borderbotboxgr { background: url(/images/ptline.gif) repeat-x 0 50%; height: 20px; }
div.msg { border: 1px solid #666; padding: 3px; margin-bottom: 25px; font-size: 10px; background: url(/images/streifen.gif) repeat; }

table.ohnealles { border-collapse: collapse; }
table.spacer td { padding: 4px 0 4px 0; }
table.sitemap { border-collapse: collapse; border: 1px solid #999; width: 100%; }
table.sitemap td.level1 { border-bottom: 1px solid #999; }
table.sitemapLower1 { border-collapse: collapse; width: 100%; }
table.rahmen, table.rahmen_klein { border-collapse: separate; border: 1px solid #999; }
table.rahmen th, table.rahmen_klein th { border-bottom: 1px solid #999; padding: 2px; background: #666666; color: white; font-weight: bold; }
table.rahmen td { padding: 4px 2px 4px 2px; }
table.rahmen_klein td { padding: 0px 2px 0px 2px; }
table.rahmen_komplett { border-collapse: collapse; }
table.rahmen_komplett th { background: #666666; color: white; font-weight: bold; border: 1px solid #999; }
table.rahmen_komplett td { border: 1px solid #999; }

input.topsearch { font-size: 9pt; color: #FFF; margin-top: 10px; background-color: #000; border: 1px dotted #FFF; padding: 2px; width: 130px; }
input.plain { border: 0; background-color: #FFF; width: 20px; }
input.radio, input.checkbox { border: none; }


/***********/
/* GALERIE */
/***********/
div.clickstream { background: url(/images/ptline.gif) 0 100% repeat-x; font-size: 10px; margin-bottom: 25px; }
div.thumbnail { border:1px solid #e5e5e5; background-color: #fff; margin: 0 10px 0 10px; overflow: hidden; padding: 4px; }
div.thumbnail div { background: url(/images/streifen.gif) repeat; text-align: center; }
span.new { font-size: 10px; font-weight: bold; }
select.categoryselect, select.setperpageselect { width: 120px; }
div#motioncontainer { width: 400px; height: 40px; }
div#motioncontainer a img { border: 1px solid white; }
div#motioncontainer a:hover img { border: 1px solid #666; }
div#statusdiv { background-color: lightyellow; border: 1px solid gray; padding: 2px; position: absolute; left: -300px; visibility: hidden; }
div#motioncontainer a:hover { color: red; }
