@media print
{
  /* ... Formatdefinitionen zum Drucken ... */
  
  #servicenav  { display:none }
  #mainnav  { display:none }
  #subnav  { display:none }
  }

body {
    padding:0;
    margin:0;
    color:#111111;
    background-color: #ffffff;
    font:normal 100% Verdana, Arial, sans-serif;
    line-height:120%;
    }

h1 { font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:105%;
    font-weight:bold;
    line-height:120%;
    margin-top:0;
    margin-bottom:0.8em;
    }

h2 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:90%;
    line-height:120%;
    font-weight:bold;
    margin-top:0.4em;
    margin-bottom:0.8em;
    }

h3 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:80%;
    line-height:120%;
    font-weight:bold;
    margin-top:2.1em;
    margin-bottom:0.4em;
    }

ul { list-style-type:square; padding-left:0; margin: 0 0 1em 30px; }
li { font-size:75%; }
p { margin-top:0; margin-bottom:1em; font-size:75%}
strong {font-weight:bold}

img {
    border:0;
    }

.hide {
    position: absolute;
    left:-1000em;
    width:500em;
    line-height:0px;
    }

.clearer {
    clear:both;
    height:1px;
    line-height:0px;
    font-size:1px;
    margin:0;
    padding:0;
    }

a, a:link {
    color:#51591B; /*#3C4214; /* #616B21; /* #5770A3; /*#176798;*/  
    text-decoration:none;
    }

a:visited {
    color:#51591B; /*#3C4214; /* #616B21; /* #176798;*/
    }
a:hover, a:focus {
    color:#51591B; /* #111111;*/
    text-decoration:underline;
    }

a:active {
    color:#51591B; /* #111111; */
    text-decoration:none;
    }

a.selected {
    font-weight:bold;
    }



div.ico_linkintern {
    margin:0 0 0.3em 0;
    padding-left: 15px;
    background-image:url("../img/link_int.gif");
    background-repeat: no-repeat;
    background-position: 0 .45em;
    }

div.ico_arrowup {
    margin:0 0 0.3em 0;
    padding-left: 15px;
    background-image:url("../img/arrow_up.gif");
    background-repeat: no-repeat;
    background-position: 0.0em 0.4em;
    }

.iconLink {
    margin:0px 0px 5px 0px; /* oben, rechts, unten, links */
    font-size:70%;
    }

.iconLink2 {
    margin:0px 0px 5px 0px;
    font-size:70%;
    }


/********************************************************** Identity Bereich *******/
div#logo {
    float: left;
    }

div#identity {
    padding:0;
    margin:0;
    height:90px;
    width:59.5em;
    background-color:#B8C872;  /*#B0C365; /*#B6C870; /* #68a5d2; COLOR=#000000   */  
    overflow:visible;
    }

div.bg {
    background-image:  url(../img/id_bg_kompass.png); /* Schrift Bund-L...: Futura Lt BT, 22pt, normal - Schrift R-Zeichen: ESRI AMFM Water, 9pt  (The GIMP) */
    background-repeat:no-repeat;
    }

/********************************************************** Service Navigation *******/
/********************************************************** Hauptnavigation *******/
/********************************************************** Navigation, 2. Ebene *******/

/********************************************************** Inhaltsbereich *******/
div#container {/* */
	width:56em; 
    margin:22px 0px 0px 0px; /* 63px; */
    }

div#content {
/*    float:left;  in Druckausgabe kommt die Marginalspalte nach dem Content  
    width:37.1875em;
	width:30em;*/
	width:70%;
    text-align:left;
    }

div#marginal {
/*    float:left;  in Druckausgabe kommt die Fusszeile nach der Marginalspalte und dem Content  */
    width:15.75em;
    margin: 0px 0px 0 2.625em;
    }

div#content_full {
/*    float:left;
    width:48em; 55.5625em;
	width:38em;
	*/
	width:70%;
    }

div.left {
    float:left;
    width:15.75em;
    padding:0;
    }

div.right {
    float:left;
    margin-left:2.625em;
    width:15.75em;
    padding:0;
    }

div.whole {
    width:34.125em;
    padding:0;
    }

div.themen_image {
    margin:0;
    padding:4px 14px 0 0;
    float:left;
    }

div.section {
/*    margin: 0 0 0px 0;*/
    padding:0;
    }

div.section div p a {
    text-decoration:none;
    }

div.section-header {
    margin-top:0;
    padding:0;
    }

div.section-header h1 {
    display:inline; float:left;
    }

div.section-header span.portlet_info {
    float:right;
    font-size:80%
    }

/* nötig für Firefox, sonst zerreissts Überschrift ! */
div.section-header span.clearer {
    display:block;
    }

/* nötig fuer IE: sonst springt in Erweiterter Suche "Portal-U Suche" Button */
div#content .clearer {
    clear:both;
    display:block;
    height:1px;
    line-height:0px;
    font-size:1px;
    margin:0;
    padding:0;
    }

div#content_full .clearer {
    clear:both;
    display:block;
    height:1px;
    line-height:0px;
    font-size:1px;
    margin:0;
    padding:0;
    }/*

div.section p.iconLink span.icon {
    margin: 7px 0px 0px 0px;
    }

div.section ul.catalog {
    margin: 0; padding:0;
    }

div.section ul.catalog li {
    display:inline;
    }
*/
div.section ul li {
/*    font-size:83% */
    }
/*
div.section ul.innermenu {
    list-style:none;
    margin:0 0 0 0.0em;
    }

div.section ul.innermenu li {
    margin:0 0 0.3em 0;
    padding-left:20px;
    background-image:url("../img/down.gif");
    background-repeat: no-repeat;
    background-position: 0 .15em;
    }

div.section ul.extlinklist {
    list-style: none;
    margin:0 0 0 0.0em;
    }

div.section ul.extlinklist li {
    margin:0 0 0.3em 0;
    padding-left:20px;
    background-image:url("../img/link_ext.gif");
    background-repeat: no-repeat;
    background-position: 0 .45em;
    }

div.section ul.internlinklist {
    list-style:none;
    margin: 0 0 0 .5em;
    }

div.section ul.internlinklist li {
    font-size:70%;
    margin:0 0 0.3em 0;
    padding-left:15px;
    background-image:url("../img/link_int.gif");
    background-repeat:no-repeat;
    background-position:0 .5em;
    }

div.section ul.internlinklist2 {
    list-style:none;
    margin:0 0 0 .5em;
    }

div.section ul.internlinklist2 li {
    margin:0 0 0.3em 0;
    padding-left:15px;
    background-image:url("../img/link_int.gif");
    background-repeat:no-repeat;
    background-position:0 .5em;
    }
*/
div.section div.indent {
    margin-left:1em
    }

/* Thomas */	

div.section div.picdesc {  
   font-size:73%;
   line-height:1.1em;
   font-weight:bolder;
   width:80%;
   vertical-align:bottom;  
   margin:0px 0px 0px 20px;/**/
   }

div.section img.hasPicDesc {
   text-align:left;
   float:left;
   }  

div.section p.pubtitel {
	font-size:83%;
    width:80%;
    padding:0;
	line-height:1.1em;
	margin-bottom:0.0em;
	margin-top:0.5em;/**/
	}

div.section p.pubdownload {
    /*border:1px solid red;*/    
	font-size:83%;
	/*float:left;*/
	text-align:left;
    margin-left:58em; /*2.625em;*/
	margin-bottom:0.5em;
	margin-top:0.0em;	
    /*width:10000em; 85%;*/
    padding:0;
    }
	
div.section p.pubdownload a {
    /*background:#666666;
	color:#FFFFFF;
	font-weight:bold*/
    }	


/*div.publine { clear:both; border:0px; height:1px; margin:0; padding:0 }*/

div.publine { 
    clear:both;
	border:0px; 
	background-color: #CCCCCC; 
	height: 1px; 
	margin:0;
	padding:0 }/**/
/* for CSS1 browsers */ 
div.publine hr { display: none;}
/* for CSS2 browsers */
div.publine * { display: none;}

/********************** Tabelle WinUDK **********************/
div.section table.tableUDK	{
    margin-left:20px; 
	padding: 5px 10px 5px 10px; 
	border-width:1px; 
	border-color:#666666; 
	border-style:solid; 
	border-collapse:collapse;
	width:100%;
	}
 
div.section table.tableUDK caption { 
    text-align:left; 
	margin:0px 0px 5px 20px;
	font-variant:small-caps; 
	font-size:83%;
	}
	
div.section td	{
	border:0px solid;
	}		
	
div.section table.tableUDK tr	{
	padding:3px 0px 3px 0px;
	}		

div.section table.tableUDK th { 
    text-align:left; 
    padding:0px 10px 0px 5px;
	}

div.section table.tableUDK td { 
    padding:0px 10px 0px 5px;
	vertical-align:top
	}

div.section table.borderbox td { 
    border:1px solid;
	}
	
div.section table.tableUDK .td-farbe1 { background: #cccccc;border:1px solid; }
div.section table.tableUDK .td-farbe2 { background: #999999;border:1px solid; }
				
div.section table th.borderbottom { 
    border-bottom-width:1px; 
	border-bottom-color:#666666; 
	border-bottom-style:solid; 
	}

div.section table .borderright  { 
    border-right-width:1px; 
	border-right-color:#666666; 
	border-right-style:solid; 
	}
	
div.section div.screenshot  {
    margin:5px 20px 5px 0px; 
	float:left; 
	text-align:right; 
	width: 233px;
    }

div.section div.clearLeft {
    clear:left;
	margin:0;
    }
	
/********** Glossar ************/
dl {
   font-size:83%
   }
	
dt {
   width:15em;
/*   margin:5px 0px 5px 0px;
   float:left;*/
   font-style:italic;
   border-top:1px dotted;
   }
   
dt:first-letter { 
/*   font-size:1.3em; */
   font-weight: bold;
   }
					
dd {
   margin:0px 0px 15px 150px;
   }

div.clearleft { /*clear:both */} 

/****** Formular **************/

form label.label_width {
 /*   width:200px*/
    }

	
/********************************************************** Marginalspaltenkaestchen *******/
div.portlet {
    margin-bottom:10px;
    padding:0;
    }

div.portlet p {
    font-size:70%;
    line-height:140%;
    }

div.portlet p.hitrow {
    font-size:83%;
    line-height:140%;
    }

div.portlet ul {
    margin:0 0 -5px 14px;
    }

/* nötig fuer Firefox: sonst fällt Link aus Portlet, vgl. Einstellungen */
div.portlet .clearer {
    clear:both;
    display:block;
    height:1px;
    line-height:0px;
    font-size:1px; 
    margin:0;
    padding:0;
    }

div.portlet .iconLink a {
    float:left;
    line-height:140%;
    }

div.portlet .link_descr {
    margin:0px 0px 0px 15px;
    }

div.portlet div.section-header {
    height:1em;
    padding:0.175em 0.5em 0.05em 0.5em;
    background:#AEBC52;        /*#91A2C5; /*#A9CC5E;/* helloliv    #68a5d2;*/ 
    }

div.portlet div.section-header h1 {
    display:inline;
    color:#ffffff;
    font-size:70%;
    font-weight:bold;
    line-height:120%;
    margin:0;
    text-transform:uppercase;
    }

div.portlet div.portlet-section-body {
    position:relative;
    padding:0.625em 0.875em;
    margin:0;
    border-left: dotted #77822C 1px; 	/*dotted #68a5d2 1px;*/
    border-bottom: dotted #77822C 1px;	/*dotted #68a5d2 1px;*/
    border-right: dotted #77822C 1px; 	/*dotted #68a5d2 1px;*/
    }

/********************************************************** Fusszeile *******/
div#footercontainer {
    margin:30px 0px 0px 0px;
    background:  url(../img/kuglogo_footer.png) no-repeat;
    padding:0px 0px 30px 173px;
    }

#footercontent {
    font-size:65%;
    line-height:120%
    }

div#footermarginalcontainer {
    width:59.5em;
    margin-top:25px;
    margin-bottom:20px;
    padding:0;
    background:#ffffff;
    }

div#footermarginal {
    background:#ffffff;
    width:19em;
    padding-right:14px;
    text-align:right;
    font-size:65%;
    line-height:100%;
    width:100%;
    }


/********************************************************************
  form block styles  
*********************************************************************/

form, input { padding:0; margin:0; }
select { padding:0; margin:0; border: 0px inset #FFFFFF;}

div.formheader {height: 1em; padding: 4px 14px 2px 8px; color: #FFFFFF; font-size: 75%; line-height: 120%; text-transform: uppercase; border-bottom: 1px solid #13547d; background-color: #176798;}

div.formheader span.portlet_info { float:right; color: #FFFFFF; line-height:100%; margin: 0 0 0 0;}
div.formheader span.portlet_info a { color: #FFFFFF; }

div.formbody {padding: 4px 12px 8px 12px; margin:1px 0px 1px 0px; border: 1px solid #666666; background-color:#D2D9A3 }
/* div.formbody {padding: 4px 12px 8px 12px; margin:1px 0px 1px 0px; border: 1px solid #111111; background-color:#D2D9A3 }  */
/*#F4F4F4;} */
/* Sonderbehandlung für IE: dieser übernimmt die Farbe des übergeordneten divs nicht für rollover Link Auszeichnungen 
   siehe auch http://jira.media-style.com/browse/INGRID-192
*/
div.formbody div {background-color: #F4F4F4;}
div.formbody div.line {background-color: #CCCCCC;}
div.formbody div.line_form {background-color: #CCCCCC;}
div.formbody p { padding:0; margin: 0.5em  0.0em; }
div.formbody h3 { font-weight:bold; margin: 0.7em 0; }
div.formbody p.datasource_selection {font-size:75%}
div.formbody div.marginleft {margin-left:4em}
div.formbody .indent1_checkbox {margin-left:2em}
div.formbody .indent2_checkbox {margin-left:4em}

div.formbody select.env_themes, 
div.formbody select.spacial_relation { width:15em;}
div.formbody select.funct_class  { width:20em;}
div.formbody select.info_provider  { width:22em; border: 0px inset #FFFFFF; padding:4px; }
div.formbody select.group_by { width:15em;}

/* Thomas */
div.formbody input { border:hidden } /*1px #666666 } */

div.formbody input.radio {margin: 10px 0px 10px 0px; padding: 4px 4px 4px 4px; line-height: 130%; }
div.formbody .inputstyle {border: 1px inset #FFFFFF;}
div.formbody .inputstyletext {border: 1px inset #FFFFFF; padding: 2px 4px 2px 4px; margin-right:6px;}
div.formbody input.large {width:15em;}

div.formbody textarea {font: normal 83% Verdana, Arial, sans-serif; line-height: 130%; border: 1px inset #FFFFFF; padding:4px; }

div.formbody label { margin: 0px 10px 0px 0px; padding: 0px 4px 0px 4px; line-height: 130%; }
div.formbody label.alignleft { padding: 0px 4px 0px 0px;}
div.formbody label.lbl_qrystr { margin: 0; padding: 0; line-height: 180%; font-size: 80%}
div.formbody label.radiogroup {font-size: 80%; line-height:160%}
div.formbody .spacer_search_form {margin-top: 15px}

.register_label { float:left;width:12em }
/*.register_p { margin-left:15em }*/
.float_left { float:left; }/**/
.col2left { width:120em; }
.col2right { width:15em; }

div.div_width { width:60%}
div.formfooter {height: auto;padding: 2px 12px 2px 12px; margin:0px 0px 20px 0px; border:hidden; background-color: #CCCCCC;text-align:right }
/*div.formfooter {height: auto;padding: 2px 12px 2px 12px; margin:0px 0px 20px 0px; border: 1px solid #666666; background-color: #CCCCCC;text-align:right }*/
div.formfooter .iconLink { margin:0px 25px 0px 0px; font-size:70%; }

input.btn { margin:0; padding: 2px 10px 2px 10px; color:#FFFFFF; font-size:70%; line-height: 130%; font-weight:bold; border: solid 1px #666666; background-color: #77822C; cursor: pointer; }

label.left {width:5.5em; float:left;}
label.login {width:8em; float:left;}
div.optional-links { margin:5px 0 0 0 ; padding:0; }
div.optional-links img, ul.optional-links img { margin:0; padding:0; }
div.optional-links a, ul.optional-links a, div.optional-links span { margin-right:1em; font-size:65%; }

ul.optional-links ul.optional-links { margin: 0 0 0 12px; padding:0; }
ul.optional-links { list-style:none; margin: 0 0 1.2em 0; }