﻿body { margin: 0;padding: 0;
       background: url(images/bg_body1.jpg) ;  
       background-color: #D7F3F6;
       text-align: center;
	   font-family: arial, helvetica, sans-serif;
	   font-size: 11px;
	   height:100%;
  	   width:100%;
	   color: #000000;
}

#env {width:100%; height:800px; background: url(images/bg1.jpg) 0 0 repeat-x; }

/* 0 BASIC TAGS */

h1, h2, h3, h4 {margin: 0;	font-family: arial, helvetica, sans-serif; }
h1 { margin-top: 1.0em;	margin-bottom: 1.12em; font-size: 1.4em;  text-transform:uppercase; }
h2 { margin-top: 1.0em;	margin-bottom: 1.12em; font-size: 1.3em; }
h3 { margin-top: 1.0em;	margin-bottom: 1.12em; font-size: 1.2em; }
h4 { margin-top: 1.0em;	margin-bottom: 1.12em; font-size: 1.1em; font-weight: bold; }

h1.main {margin-top:9px; border-bottom: 1px solid #00004F;}

p { color:#00004F;}

/* Links im Inhaltsbereich */
#content a:link, 
#content a:visited { text-decoration: underline;	color: #5E5E5E; }
#content a:hover { color: Blue; }
#content a:active { color: Maroon; }


img { border-width: 0; }

/* Basislayout */

#wrapper 
{
    background-color:#FFF;
    position: absolute;
	width: 940px;
	top: 20px;
	left: 50%;
    margin:0 0 0 -470px;
	padding: 0px;
    text-align:center; 
}

/* HEADER */

#header {
	background-image: url(Images/header1a.jpg);
	background-repeat: no-repeat;
	width: 920px;
	height: 46px;
	margin: 0;
    position:relative;
    text-align: right;
    padding:114px 20px 0px 0px;
    color: White;
    font-size:12px;
    font-weight:bold;
}

#mainmenu ul {display:inline;}
#mainmenu ul li { display:inline; list-style-type:none; padding:0 10px 0 10px; }

#mainmenu ul li a { text-decoration:none;}
#mainmenu ul li a:link,
#mainmenu ul li a:visited   { color:#D7E7FF; }
#mainmenu ul li a:hover     { color:#FFF; }
#mainmenu ul li a:active    { color:#F7BF5F; }
#mainmenu ul li a#current  { color:#F7BF5F; }


#loginstatus {display:inline;padding-left:20px;}
#loginstatus a { text-decoration:none;}
#loginstatus a:link,
#loginstatus a:visited  { color:#D7E7FF; }
#loginstatus a:hover    { color:#FFF; }
#loginstatus a:active   { color:#F7BF5F; }


/* BREADCRUMB */

#breadcrumb { position:absolute; left:220px; top:140px; color:#00004F; font-size:10px; font-weight:normal; color:#5E5E5E; }
#breadcrumb a:link, 
#breadcrumb a:visited { text-decoration: underline;	color: #5E5E5E; }
#breadcrumb a:hover { color: Blue; }
#breadcrumb a:active { color: Maroon; }


/* NAVIGATIONSBEREICH */

#navigation {	padding:0; margin:0;  
                float:left;     
             	width:200px;
             	padding:0 10px;
             	/*
             	position:absolute;
             	top:160px;
             	left:0px; */ 
             	}
             	
.zitat { text-align:left; color:#5E5E5E; }
.zitat h3 { margin:0 0 4px 0; padding:0px; }             	

/* CONTENTBEREICH */

#content { text-align:left; width:700px; background-color:White; margin:0px 10px 10px 0px; float:right;}
#contentleft  { width:500px; float:left;}
#contentright { width:190px; float:right; }
#clearfloat   { clear:both;}

#contentright ul {margin:2px; padding-left:12px; list-style-type:disc;}


/* 3 FOOTER */

#footer {
	background: url(images/footer_940.jpg) top left no-repeat;
	background-repeat: no-repeat;
	margin:0;
    padding: 26px 0 0 0;
	width: 940px;
	height: 54px;
	text-align: center;
	font-size: 10px;
	color: White;
    clear:both; 
    position:relative;
}

#copyright { position:absolute; top:52px; left:135px; color:#5E5E5E; }

#copyright a:link,
#copyright a:visited {color:#5E5E5E; text-decoration:underline;}
#copyright a:hover {color: #F7BC58;}



/* INFOBOXEN */
.box_n { border: 1px solid #9E9E9E; width:178px; background-color:#E9E9E9; padding:10px; margin-bottom:10px; }
.box_r { border: 1px solid #9E9E9E; width:178px; background-color:#E9E9E9; padding:5px;  margin-bottom:10px; color:#5E5E5E; }
.box_r p { color:#5E5E5E; }

.boxheader {
             text-align:left;
             font-size:12px; font-weight:bold; 
             color:#5E5E5E;
             padding:6px 0 0 30px; 
             height:20px;
             width:170px;
             /*border-top: 1px solid #9E9E9E;
             border-left: 1px solid #9E9E9E;
             border-right: 1px solid #9E9E9E; */
              }

.boxheader_r {
             text-align:left;
             font-size:12px; font-weight:bold; 
             color:#5E5E5E;
             padding:6px 0 0 30px; 
             height:20px;
             width:159px;
             border-right: 1px solid #9E9E9E;
             /*
             border-top: 1px solid #9E9E9E;
             border-left: 1px solid #9E9E9E;
             */
              }

.bhn  { background:url(images/bgboxhead_n1.jpg) top left no-repeat; }
.bhk  { background:url(images/bgboxhead_k.jpg) top left no-repeat; }
.bhuk { background:url(images/bgboxhead_uk.jpg) top left no-repeat; }
.bhwk { background:url(images/bgboxhead_wk.jpg) top left no-repeat; color:White; }
   
.boxheader2 {
             background:url(images/bg_editheader1.jpg) top left repeat-x;
             font-size:11px; font-weight:bold; 
             color:#471021;
             padding:4px 2px 0px 2px; 
             height:24px;
              }
             
.box_c { 
       padding:10px; background-color: #E9E9E9; margin-bottom:10px; color: #5E5E5E; font-size:11px; border:1px solid Gray; width:478px;
 }

.boxlink { height:20px;}
.msgbox { border: 1px solid Gray; background-color:#E9E9E9; color:Red; text-align:center; padding:4px 10px; margin-bottom:8px; }


/* LISTENFORMATIERUNGEN */ 
ol li { text-align:justify; margin-bottom:12px; }


/* Textbausteine */
.tbedit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00004F;
	width:100%;
	background-color: #F8F8F8;
}
.tbeditheader {background: url(images/footer_940.jpg) 0px -20px no-repeat; color: White;  font-size:10px; font-weight:bold; padding:4px; height:16px; }


/* Gridviews */
.gvheader { height:29px; font-weight:bold;  background: #FFF url(images/bg_gv_header1.jpg) top left repeat-x; }
.gvrow    { background-color: #F0F0F0;  color: #00004F; }
.gvarow   { background-color: #E0E0E0;  color: #00004F; }
.gvpager  { height: 24px; background: #909090 url(images/bg_gv_pager1.jpg) top left repeat-x; }
.tdShowpage { background-color: White; color:Black; border-top:1px solid #444;
                                                    border-left:1px solid #444;
                                                    border-right:1px solid #111;
                                                    border-bottom:1px solid #111;
                                                    padding:2px 4px;
                                                        }
.gvbtnedit   { width:43px; } /* steuert die Breite der Button-Spalten in Unilist */
.gvbtndelete { width:43px; }

.emptydata td,
.nodata { padding: 20px; color: #aeaeae; border: 1px solid #999; color: #FF7F7F; }

.emptydatablank {padding:20px 40px; border:1px solid gray; background-color:#F2EEE4; }
.emptydatablank td { padding:0px;}

/* Allgemeine Klassen */
.center  { text-align:center; }
.left    { text-align:left; }
.right   { text-align:right; }
.justify { text-align:justify; }
.error   { color: #FF7F7F; }
.minitext { font-size:9px; }


/*-------------------------- */
/* Formulare                 */
/*-------------------------- */

fieldset { margin-top: 16px; padding: 10px;	background-color: #EAEAEA; border: 1px solid #9E9E9E; }

/* Hack für ältere Internet-Explorer */ 
* html fieldset { background: #EAEAEA url(images/formularoben.jpg) top left repeat-x; }

legend { font-weight: bold;	font-size:12px;	background-color: transparent; color: #5E5E5E; }

form p, form .form { clear: left; margin: 0; padding: 4px 0 0 0; }
form p label, form p .label, form .form label  { float: left; text-align: right; width: 30%; padding:2px 2px 0 0; }

input.txt, textarea.txt { background-color: White; border: 1px solid #471021; }
input.txt:focus, input.txt:hover, textarea.txt:focus, textarea.txt:hover { background-color: #E0E0E0; }
input.btn {	color: #C19B28;	background-color: #232323; border: 1px outset black; font-weight: bold; }
input.btn:focus, input.btn:hover { background-color: #636363; }

/*-------------------------- */
/* Spezielle Seiten          */
/*-------------------------- */

/* Filemanager */
.uploadpanel { margin:20px 20px 20px 0; border: 1px solid #C0C0C0; background-color:#ECECEC; padding:20px 10px; width:98%; text-align:left; }
.filemanpanel { margin:20px 20px 20px 0; border: 1px solid #C0C0C0; background-color:#ECECEC; padding:4px 0px; width:98%; text-align: center;  vertical-align: middle;}
.linklogo { padding:4px; margin-top:10px; }

/* Login */
.loginpanel { border:1px solid Gray; background-color:#ECECEC; border-collapse:collapse; }

/* Zitate */
.zitatleft { text-align:left; font-size:90%; margin-left:8px; }
.zitatleft h2 { font-size:90%; font-weight:bold;  background-color: #DCDCDC; margin:0px; padding:4px 0; color: maroon; text-align:center; }

/* UC ImageSelector */
.imageselector { padding:4px; }

/* UC add_to_wk */
#add_to_wk { padding:8px 0; }

/* Artikellisten */
.artlistheader  { height:30px; background: #FFF url(images/bg_gv_header1.jpg) top left repeat-x; padding:0px 4px; margin:0px; }
.pager { height:28px; background: #FFF url(images/bg_gv_pager1.jpg) top left repeat-x;  color: #FFF; padding:2px; margin:0px; }
.pagerinfo { position:relative;top:-8px; padding:4px;  margin:0 10px;  }

/* Warenkorb */
.wkfooter { margin:0; padding:2px;background-color: #DDD; }
.wkfootertotal { color:#FFF; margin:0; padding:0 0 10px 0; background: url(images/bg_gv_pager1.jpg) top left repeat-x; height:24px; font-weight:bold; }


/* Erweiterte Suche */
.selectiontable { border: 1px solid #9E9E9E; background-color:#E9E9E9; border-collapse:collapse; }

/* SiteMap */
.sitemaplist ul { margin-left:12px; padding-left:0px; }
.sitemaplist ul 



/*-------------------------- */
/* Admin-Breich              */
/*-------------------------- */

html {} /* setzt den background zurück! */
body.admin { margin:0; text-align:left; padding:0; width:90%; background-image:none; background-color:#FFF;}
#admininhaltframe {background-color:#E0E0E0; background-image:none;} 

.admin #header { margin:4px 4px 10px 4px; padding:10px 0 0 0; width:190px; height:40px; 
                  background: #D3E9FF url(images/box_yellow1a.gif) top left no-repeat;
                  text-align:center; }
.admin #header h2 { font-size: 12px; font-variant:small-caps; color:#666; position:absolute; top:-10px; left:40px; }

.admin #postnavi { margin:0px; padding:0 0 8px 30px; text-align:left; }
.admin #postnavi h3 { font-size:11px; font-weight:bold; text-transform: uppercase; color: Black; }
                           
.admin .menu1 {text-transform: uppercase; font-weight:normal; background-color:#E0E0E0; text-align:left;}

.admin #content { text-align:left; margin:4px 0 10px 10px; padding:0; width:100%; }
.admin #sidebarleft {float: left; width: 214px;	height: 100%; }
.admin #contentright {float:left; width:420px; margin-left:20px;}

.arow { background-color:#E0E0E0; }

/* Admin - Zwischenseiten mit nur Text */
.zwischenseite p { width:560px; }

#admininhaltframe #postnavi a:link,
#admininhaltframe #postnavi a:visited { color:#00004F; text-decoration:none; text-transform:uppercase;}
#admininhaltframe #postnavi a:hover { color:#5E5E5E; }


/*-------------------------- */
/* Ajax-Controls             */
/*-------------------------- */

/* Tabs */
.ajaxtab  .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background: url(images/tab-line.gif) repeat-x bottom; padding:0;}
.ajaxtab  .ajax__tab_outer {padding-right:0px;background:url(images/tab-right.gif) no-repeat right;height:21px;}
.ajaxtab  .ajax__tab_inner {padding-left:3px;background:url(images/tab-left.gif) no-repeat;}
.ajaxtab  .ajax__tab_tab {height:13px;padding:4px 10px;margin:0;background:url(images/tab.gif) repeat-x; color:Black;}
.ajaxtab  .ajax__tab_hover .ajax__tab_outer {background:url(images/tab-hover-right.gif) no-repeat right;}
.ajaxtab  .ajax__tab_hover .ajax__tab_inner {background:url(images/tab-hover-left.gif) no-repeat;}
.ajaxtab  .ajax__tab_hover .ajax__tab_tab {background:url(images/tab-hover.gif) repeat-x;}
.ajaxtab  .ajax__tab_active .ajax__tab_outer {background:url(images/tab-active-right.gif) no-repeat right;}
.ajaxtab  .ajax__tab_active .ajax__tab_inner {background:url(images/tab-active-left.gif) no-repeat;}
.ajaxtab  .ajax__tab_active .ajax__tab_tab {background:url(images/tab-active.gif) repeat-x;}

.ajaxtab .ajax__tab_body {border-right:1px solid #999999;border-bottom:1px solid #999999;border-left:1px solid #2B2B2B;border-top:0;padding:8px;background-color:#fff;}

/* scrolling 
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
*/
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

/* Accordion */
.accordionheader {
    color: #CFE0E8;
    background: url(images/bg_gv_pager1a.jpg) top  left repeat-x;
    font-family: Arial, Sans-Serif;	 font-size: 12px; font-weight:bold; 
    padding: 5px; margin-top: 5px;
    cursor: pointer;
    width:490px;
    height:14px;
}

.accordionheader a:link,
.accordionheader a:visited { color: #CFE0E8; text-decoration:none !important;  }
.accordionheader a:hover {	 color: #FFF !important; }
.accordionheader a:active { color: #FFF !important; }


.handcursor { cursor: pointer; }
.accordioncontent{ background-color: #E5E5E5; border-bottom: 1px solid #bababa; padding:10px; width:480px; }

.ucatlink a { text-decoration:none; color:#5E5E5E; }
.ucatlink a:hover { text-decoration:none; color:#9E9E9E; }

/* ValidatorCallout */
.valextender { font-weight:bold; color:Red; }
.validatorCalloutHighlight { background-color: red; }

/* Suggestbox für Webservices */
#suggestBoxElement {border: 1px solid #8FABFF; visibility:hidden; text-align: left;  white-space: nowrap; background-color: #eeeeee;}
.suggestions { font-size:12px;background-color: #FFF; padding:1px 4px; }
.suggestionMouseOver { font-size:12px;background: #E0E0E0; color: black;  padding:1px 4px; }


p.repeat
{
    height: 0.25px;
    overflow:hidden;
}

