/*--- Absatzformate -------------------------------------------------------------------------------------------------------*/

p.preface {
	font-weight: bold;
}

p.small {
	font-size: 80%;
}

p.center {
	text-align: center;
}

p.important {
	border-top: 1px solid #c00;
	border-bottom: 1px solid #c00;
	color: #800;
	font-weight: bold;
}

div.space {
	padding-top: 0.7em;
}

table td {
	vertical-align: top;
}


/*--- Spezielle Links -------------------------------------------------------------------------------------------------------*/

a.external {
	padding-right: 14px;
	background: url(ext_link.gif) no-repeat right 3px;
}

a.pdf {
	padding: 1px 0 1px 20px;
	background: url(pdf_sm.gif) no-repeat 0 0px;
}


/*--- Bilder mit Kurztext  ---------------------------------------------------------------------------------------------------*/

div.img_with_title {
    border: none;
    margin: 8px;
    padding: 0;
}

div.img_with_title p, span.img_with_title div.title {
    padding: 0;
    padding-top:2px;
    margin: 0;
    font-size: 10px;
    line-height: 120%;
}

div.img_with_title img, span.img_with_title img {
    border: none;
}

.img_clear.align_r {
	clear: right;	
}

.img_clear.align_l {
	clear: left;	
}

.align_l {
    float: left;
    margin: 0 8px 8px 0;
    clear: left;
}

.align_r {
    float: right;
    margin: 0 0 8px 8px;
    clear: right;
}

a.sgx-file {
	padding: 2px;
	padding-left: 18px;
	background: url(bullet1.gif) left center no-repeat;
}

span.search-hl {
    background: yellow;
}

div.search_res {
    margin: 2em 1em;
}


/*--- formulare ---------------------------------------------------*/

.f_label {
	vertical-align: top;
	text-align: right;
}

.app-form td {
	padding: 0;
}


/*--- Kalender ----------------------------------------------------*/

div.sgx-popup {
	position: absolute;
	border: 1px solid black;
	font-family: Verdana, Arial, sans-serif;
}

table.sgx-calendar {
	background: #ccc;
	font-size: 11px;
}

table.sgx-calendar td {
	background: #fff;
	width: 1.5em;
	text-align: right;
	padding: 1px;
}

table.sgx-calendar td a {
	text-decoration: none;
	color: black;
}

table.sgx-calendar td a:hover {
	background: #ffc;
}

table.sgx-calendar td.active {
	border: 1px solid #00f;
	padding: 0;
}

a.sgx-cal-but span {
	display: none;
}

a.sgx-cal-but {
	margin: 2px;
	width: 11px;
	height: 11px;
	background: url(cal_nav.gif) no-repeat;
}

a.sgx-cal-b5 {
	background: none;
	text-decoration: none;
	float: none;
	color: #800;
}

a.sgx-cal-b5:hover {
	color: #f44;
}

a.sgx-cal-b0 {
	float: left;
	width: 13px;
	height: 13px;
	background: url(closer.gif) no-repeat;
}

a.sgx-cal-b0:hover {
	background-position: 0 -13px;
}

a.sgx-cal-b1 {
	float: left;
	background-position: 0 0;
}

a.sgx-cal-b1:hover {
	background-position: 0 -11px;
}

a.sgx-cal-b2 {
	float: left;
	background-position: -11px 0;
}

a.sgx-cal-b2:hover {
	background-position: -11px -11px;
}

a.sgx-cal-b3 {
	float: right;
	background-position: -33px 0;
}

a.sgx-cal-b3:hover {
	background-position: -33px -11px;
}

a.sgx-cal-b4 {
	float: right;
	background-position: -22px 0;
}

a.sgx-cal-b4:hover {
	background-position: -22px -11px;
}

table.sgx-calendar td.sel {
	background: #ee6;
}

/*-- box-layout ----------------------------*/

div.box2 {
	margin: 2px;
	float: left;
	width: 250px;
    position: relative;
}

div.box2.align_r {
    float: right;
}

div.box2 div.top1 {
	background: url(box1_tl.gif) no-repeat top left;
}

div.box2 div.top2 {
	background: url(box1_tr.gif) no-repeat top right;
	padding: 2px;
	padding-left: 10px;
}

div.box2 div.bg1 {
	background: url(box1_bgl.gif) repeat-y top left;
	padding-left: 1px;
    /*border: 1px solid red;*/
}

div.box2 div.bg2 {
	background: url(box1_bgr.gif) repeat-y top right;
	padding-right: 5px;
}

div.box2 div.bg2 div {
	padding: 2px 8px;
	border-top: 1px dashed #b0b0b0;
}

div.box2 div.bot1 {
	background: url(box1_bl.gif) no-repeat top left;
    line-height: 4px;
    font-size: 4px;
}

div.box2 div.bot2 {
	background: url(box1_br.gif) no-repeat top right;
	height: 10px;
}