/*--- general ---*/

	* { padding: 0; margin: 0; border: 0; outline-width: 0; }
	html#web, #web body { background: #f3f0dc;}
	.hideme { display: none; }
	a { color: #13478e; text-decoration:none;}
	a:hover { text-decoration: underline;}
	ul, ol { list-style: none; }
	p, address { padding: 0 0 13px 0; font-style: normal; }
	em { font-weight: bold; font-style: normal; color: #333; }
	.nowrap { white-space: nowrap; }
	.clear { float: none; clear: both; }
	.arrow { padding: 0 0 0 17px; background: url(../images/arrow.gif) no-repeat 0 center; }
	.zms_graphic { padding: 0 0 13px 0; }
		.zms_graphic.left { text-align: left; }
		.zms_graphic.right { text-align: right; }
		.zms_graphic.floatleft { float: left; }
			.zms_graphic.floatleft .graphic { padding: 0 20px 0 0; }
		.zms_graphic.floatright { float: right; }
			.zms_graphic.floatright .graphic { padding: 0 0 0 20px; }
		.zms_graphic.center { text-align: center; }
	.graphic.alignleft { float: left; text-align: right; }
	.graphic.alignright { float: right; text-align: right; }

/*--- epoz content ---*/

	body#epozcontent { padding: 10px; background: #fffdee; color: #333; }
	body#epozcontent a { color: #13478e!important; }
	body#epozcontent a:hover { text-decoration: none!important; }
	body#epozcontent h2, body#epozcontent h3, body#epozcontent h4, body#epozcontent h5, body#epozcontent h6 { padding: 0 0 13px 0; font-family: Georgia, sans-serif; color: #13478e; }
	body#epozcontent h2 { font-size: 15px; line-height: 23px; }
	body#epozcontent h3 { font-size: 14px; line-height: 22px; }
	body#epozcontent h4, body#epozcontent h5, body#epozcontent h6 { font-size: 13px; line-height: 21px; color: #333; }
	body#epozcontent ul, body#epozcontent ol { padding: 0 0 13px 15px; }
		body#epozcontent ul ul, body#epozcontent ol ul, body#epozcontent ol ol, body#epozcontent ul ol { padding: 0; }
	body#epozcontent li { padding: 0 20px 0 17px; background: url(../images/arrow.gif) no-repeat 0 5px; }
	body#epozcontent table { margin: 0 0 13px 0; }

/*--- fonts ---*/

    body {font-size: 62.5%; line-height:1.7em;} /* easy em calculation: 1px = 0.10em */
	body, textarea, input, select, button { font-family: Arial, sans-serif; color: #364649; }
	input, select, button { line-height: 16px; }
	h1, h2, h3, h4, h5, h6, legend { padding: 0 0 13px 0; font-family: Arial, Georgia, sans-serif; color: #13478e; }
	h1 {font-size:17px; padding:21px 0 0 275px;}
    .startpage h1 {display:none;}
	h2, legend { font-size: 13px; line-height: 20px; font-weight: bold; }
	h3 { font-size: 12px; line-height: 22px; }
	h4, h5, h6 { font-size: 13px; line-height: 21px; color: #333;}
    p {padding:0 0  1.2em 0;}
	#content ul, #content ol {padding: 0 0 13px 0;}
	#content ul, #content ol { padding: 0 0 13px 15px; }
	#content li { padding:0 20px 0 17px; background:url(../images/arrow.gif) no-repeat 0 0.52em;}

/*--- general form ---*/

	.section { padding-bottom: 8px; }
		#content .section h3 { padding: 0; float: none; clear: both; }
	form { width: 530px; }
		form br { clear: both; display: none; }
		form label { display: block; padding: 0 0 6px 0; float: left; width: 170px; }
		form input { width: 155px; }
		form select { width: 161px; }
		form textarea { width: 494px; height: 150px; }
		form span { display: block; padding-bottom: 2px; }
		form label.error span { color: #a5010d; }
		form label.error input, form label.error textarea { border: 1px solid #a5010d; color: #a5010d; }
		form label.error input.focus, form label.error input:focus, form label.error textarea.focus, form label.error textarea:focus { border: 1px solid #a5010d; }
		form label.postcode input { width: 95px; }
		form label.location input { width: 215px; }
		form label.email input { width: 325px; }
		form label.job input { width: 495px; }
		form label.antispam input { width: 325px; }
		form label.radio span { display: inline; }
		form label.radio input { width: auto; background: none; border: 0; }
		form label.radio { padding: 0 0 2px 0; }
		form label.nofloat { float: none; width: auto; }
		form label.postcode { width: 110px; }
		form label.location { width: 230px; }
		form label.email { width: 342px; }
		form label.job { width: auto; }
		form label.antispam { width: auto; }
		form .text label { width: auto; }
		form .text input { width: 494px; }
		form .google_maps { width: auto; }
			form .google_maps input { margin-top: 13px; width: 200px; }
		form .search { width: auto; }
			form .search input { margin-top: 13px; width: 200px; }
	input.focus, textarea.focus, input:focus, textarea:focus { color: #333; border: 1px solid #13478e; background:white;}
	input, select { padding: 2px 2px; background: #fffdee; color: #333; border: 1px solid #333; }
	select { padding: 1px; }
	textarea { padding: 2px; background: #fffdee; color: #333; border: 1px solid #333; }
	button { padding: 3px 3px 0 3px; margin: 0 0 13px 0; cursor: pointer; border: 1px solid #333; background:#ebe7dd; font-weight:bold; font-size:12px;}
	#form_selections { margin: 0 0 13px 0; }
    #validationMessage h2 {color:#a5010d;}

/*--- general table ---*/

	table { margin: 1px 0 13px 1px; border-collapse: collapse; background: white; }
		table tr { background: none; }
		table td, table th { padding: 2px 4px; vertical-align: top; border: 1px solid #ebe7dd; }
		table thead td, table thead th { font-weight: bold; color: #364649; background: #ebe7dd; border: 1px solid #ebe7dd; vertical-align: bottom; }
		table thead tr:hover { background: none; }
		table th { text-align: left; background: #d6cfba; color:#364649; }
		table .even { background: none; }
		table .odd { background: none; }
		table tbody tr:hover th, table tbody tr.hover th, table tbody tr:hover td, table tbody tr.hover td { background: #d6cfba; color:#364649;}
			table tbody tr:hover th a, table tbody tr.hover th a, table tbody tr:hover td a, table tbody tr.hover td a { color: #fffdee; }
	.notable table { background: none; }
		.notable table td, .notable table th { padding: 0 30px 0 0; vertical-align: top; border: 0; color: #364649; }
		.notable table thead td, .notable table thead th { font-weight: bold; color: #364649; background: none; }
		.notable table th { background: none; }
		.notable table tbody tr:hover th, .notable table tbody tr.hover th, .notable table tbody tr:hover td, .notable table tbody tr.hover td { background: none; color: #364649; }
			.notable table tbody tr:hover th a, .notable table tbody tr.hover th a, .notable table tbody tr:hover td a, .notable table tbody tr.hover td a { color: #13478e; }
	.thead { display: none; }

/*--- slimbox ---*/

	#lbOverlay { position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #364649; cursor: pointer; }
	#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fffdee; }
	.lbLoading { background: #fffdee url(../images/slimbox/loading.gif) no-repeat center; }
	#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fffdee; background-repeat: no-repeat; }
	#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
	#lbPrevLink { left: 0; }
	#lbPrevLink:hover { background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0% 15%; }
	#lbNextLink { right: 0; }
	#lbNextLink:hover { background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%; }
	#lbBottom { font-family: Arial, sans-serif; font-size: 11px; color: #364649; line-height: 17px; text-align: left; border: 10px solid #fffdee; border-top-style: none; }
	#lbCloseLink { display: block; float: right; width: 98px; height: 22px; background: transparent url(../images/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
	#lbCaption, #lbNumber { margin-right: 71px; }
	#lbCaption { font-weight: bold; }

/*
    ####################################################
                      GENERAL STYLES
    ####################################################
*/

    /* HEADER */
    #header {background:#d6cfba url(../images/sujet_start.jpg) no-repeat;  }
    #leftbox {width:974px;}

        #logo {background:#fffdee; margin:0 0 0 50px; padding:20px 40px; width:174px; float:left; display:inline;}
        .startpage #logo {margin:6.7em 0 0 50px; padding:23px 40px;}
        #logo img {display:block;}
    
        #navbox {font-size:1.4em; line-height:1.15em; background:#ebe7dd; margin:267px 0 0 0; width:670px; float:right;}
        .startpage #navbox {margin:340px 0 0 0;}
        #nav {display:block; padding:0 0 0 0; border-bottom:1px solid #ebe7dd;}
        #nav li {float:left;}
        #nav li a {color:#415053; font-weight:bold; padding:1.00em 13px 1.07em 13px; display:block;}
        #nav li.first a {padding:1.00em 13px 1.07em 21px; }
        #nav li a:hover {color:#13478e; text-decoration:none;}
        #nav li.active a, #nav li.activenode a, #nav li a:hover {background:#13478e; color:white;}
            #nav ul {position:absolute; top:369px; left:50px;}
            #nav ul li {float:none; font-size:12px;}
            #nav li.active ul li a {padding:3px 0 3px 30px; width:224px; background:none; color:#364649;}
            #nav li.active ul li a:hover {color:#13478e; background:none;}
            #nav li.active ul li.active a, #nav li.active ul li.activenode a, #nav li.active ul li.active a:hover, #nav li.active ul li.activenode a:hover {background:#13478e url(../images/ul_nav.gif) no-repeat 16px 8px; color:white;}

    /* MAIN */
    #white_box {background:#fffdee; margin:0 0 0 50px; width:924px; padding-top:1px; min-height:250px; height:auto!important; height:250px;}
    #content {margin:15px 0 0 275px; padding:0 1.25em 1.25em 0; font-size:1.2em; line-height:1.60em;}

    /* FOOTER */
    #footer {border-top:1px solid #f3f0dc; clear:both;}
    #bluebar {background:#13478e; margin:0 0 20px 304px; height:5px; width:670px; font-size:1px; clear:both; float:none;}
    #functions {padding:0 0 0 66px; float:left; width:257px; font-size:1.2em;}
    #functions li {margin:0 0 3px 0}
    #functions li a {padding:0 0 0 12px; background:url(../images/functions_arrow.gif) no-repeat 0 4px;}
    #author {margin:23px 0 0 0;}
    #author a {background:url(../images/designbyatikoncom.gif) no-repeat; display:block; width:123px; height:16px;}
    .contactbox {float:left; width:321px; font-size:1.2em;}
    .contactbox h3 {font-size:1.32em; line-height:1.00em; padding:0 0 0.23em 0;}
    .contactbox p {padding:0 0 0.60em 0;}

/*
    ####################################################
                      CONTENT-PAGES
    ####################################################
*/


/*--- startpage ---*/

    .rss {text-align:right;}
    .rss a {padding:0 0 0 20px; background:url(../images/rss.gif) no-repeat; font-weight:bold;}

/*--- google maps ---*/

    #google_maps_map{position:relative; width:100%; height:650px;}
    #google_maps_map_info {width:280px; padding:10px 5px 20px 5px;}
    #google_maps_map_info_logo {margin: 0 0 1em 0;}
    #google_maps_map_info_route {white-space: nowrap; margin:1em 0 0 0; width:260px; padding:8px; background:#ebe7dd; border:1px solid #d6cfba;}
    #google_maps_map_info_route h2 {padding:0 0 5px 0!important;}
    #google_maps_map_info_route * {float:none; clear:both;}
    #google_maps_map_info_route br {display:inline;}
    #google_maps_map_info_route input {width:235px!important; margin:0 0 5px 0; padding:0;} 
    #google_maps_map_info_route label {margin:0; padding:0;}
    #google_maps_map_info_route button {clear:both;}
    #google_maps_map_info_route button{margin:0; padding:0; width:155px;}
    #google_maps {margin:0 0 5px 0;}

/*--- staff ---*/

	.staff_overview .head { height: 60px; }
		.staff_overview .head h2 { padding: 0; }
	.staff_overview .staff_member { margin: 0 0 13px 0; float: left; width: 280px; height: 210px;}
	.staff_overview img { float: left; margin: 0 20px 0 0; }
	.staff_overview .info { padding: 13px 0; margin: 0 0 0 109px; }
	.staff_overview .nofloat { float: none; }
	.staff_vita .head { height: 60px; }
		.staff_vita .head h2 { padding: 0; }
	.staff_vita img { float: left; margin: 0 20px 0 0; }
	.staff_vita .info { margin: 0 0 0 109px; }

/*--- address, impressum ---*/

	.address .float { padding: 0 30px 0 0; float: left; }
	.atikon_address img { margin: 3px 20px 0 0; float: left; }
	.atikon_address .none { display: none; }
	.atikon_address .atikon1 { padding: 0 0 13px 0; display: block; }
	.atikon_address .atikon2 .float { float: left; padding-right: 20px; }
		.notable .impressum td, .notable .impressum th { padding: 3px 0;}
		.notable .impressum th { padding: 3px 13px 3px 0; }
		.impressum address { padding: 0; }
		.impressum .padding { padding: 0 0 13px 0; display: block; }
		.impressum .nopadding { padding: 0; }

        .impressum_tmg .strong {display:none;}
        .impressum h3, .impressum .strong {padding:0;}

/*--- service  ---*/

    #backlink, .infolist_toplink {text-align:right;}
    .infolist_toplink a {padding: 0 0 0 17px; background: url(../images/arrow.gif) no-repeat 0 center; }
	.overview .entity h3 { padding: 0 20px 0 17px; background: url(../images/arrow.gif) no-repeat 0 center; }
	.overview .entity p { padding: 0 0 13px 17px; }
	.onlinetool_overview { padding: 0; margin: 0 0 13px 0; }
		.onlinetool_overview h3 { padding: 0 20px 0 17px; background: url(../images/calculator.gif) no-repeat 0 center; }
		.onlinetool_overview p { padding: 0 0 13px 17px; }
	#calcdiv { width: 100%; height: 500px; margin:0 0 15px 0;}
	#content .abmeldung-mitarbeiter {height:580px;}
	#content .aenderung-mitarbeiter {height:580px;}
	#content .erinnerungsservice {height:450px;}
	#content .erinnerungsservice {height:510px;}
	#calc { width: 100%; height: 100%; overflow: auto; }

    #web #popupcalc { position: absolute; top: 0!important; bottom: 0!important; left: 0!important; right: 0!important; width: 100%!important; height: 100%!important; background-color: transparent; border: 0px; }
    #web #content .iframe_popup .hideme { display: none; }
    #web #popup_content .scroll { overflow: auto; }
    #web #popup_content .iframe { width: 100%; height: 100%; overflow: auto; }
    
    #web #popup_background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; background: #364649; }
    #web #popup_content { position: fixed; top: 50%; left: 50%; z-index: 10001; margin-left: -400px; margin-top: -300px; width: 800px; height: 600px; background: #fffdee; border: 4px solid #d6cfba; }
    #web #popup_close { position: absolute; top: 10px; right: 10px; z-index: 5000; }
    #web #popup_close a { width: 15px; height: 15px; display: block; background: url(../images/close.gif) no-repeat 0 0;}
    #web #popup_close span { display: none; }
    #web #popup_text { position: absolute; left: 10px; right: 10px; top: 30px; bottom: 10px; }
    

/*--- links ---*/

    .lexikon_liste a {font-weight:bold;}
	.linksammlung { padding: 0 0 0 32px; background: url(../images/arrow.gif) no-repeat 15px 5px; }

/*--- downloads ---*/

	.download_section table { background: none; margin: 0 0 13px 14px; border: 0; }
		.download_section table td { padding: 2px 0 4px 0; border: 0; }
	.download_section .download { padding-right: 50px; }
	.download_section img { vertical-align: top; margin-right: 2px; }

/*--- news ---*/

	.news_preview { margin: 0 0 13px 0; }
		.news_preview h3 { padding: 0 20px 0 20px; font-size: 13px; line-height: 21px; background: url(../images/arrow.gif) no-repeat 3px 5px; }
		.news_preview p {display:none;}
	.news_page .graphic { margin: 13px 4px 10px 20px; float: right; }
		.news_page .graphic img { border: 1px solid #333; padding: 1px; }
		
		#news_selection {width:225px; float:right;}
		#news_selection span {float:left; display:none;}
		#news_selection select {float:right;}

/*--- sitemap ---*/

	#sitemap { padding: 0; }
	#sitemap li { padding: 0 0 13px 15px; }
	#sitemap li a { font-weight: bold; }
	#sitemap li li { margin: 0 0 0 17px; padding: 0 0 0 15px; background: url(../images/arrow.gif) no-repeat 1px 5px; }
	#sitemap li li a { font-weight: normal; text-decoration: underline; }
	#sitemap li li a:hover { text-decoration: none; }
	#sitemap li li li { margin: 0; }
	#sitemap ul { padding: 13px 0 0 0; }
	#sitemap ul ul { padding: 13px 0 13px 0; }
	#sitemap ul ul a {color:black;}


    .vcard {display:none;}