
.print, .printaddress, .printlogo  {display: none;}

/* ---- Grundlagen, Layout ---- */

html,body{margin:0;padding:0}
body{font-family: "trebuchet ms",arial,sans-serif; font-size: 90%; color: #333; text-align:center; background-image: url('img/hg-seite.jpg'); background-repeat: repeat-y; background-position:center top}

#header {height: 290px; width: 913px; margin-left: 0px; background-repeat: no-repeat;}
#navigation{margin:35px 0 0 49px;}

#container{width:913px;padding: 0 11px 0 7px; margin:0 auto;text-align:left;}
#content{float:left;width:557px; margin-left: 38px;}
	* html #content{width:557px; margin-left: 18px;}

#hauptinhalt, #hauptinhalt-seite {width: 515px; border: 2px solid #DDD; padding:20px 20px 20px 20px;background-image: url(img/hg-hauptinhalt-verlauf.jpg); background-repeat: repeat-x;}


#hauptinhalt2 {width: 587px; margin: 10px 0 0px -20px;}
	* html #hauptinhalt2 {width: 607px; margin: 10px 0 0px -40px;}

#marginal{float:right;width:250px; margin-right: 38px;}
	* html #marginal{margin-right: 18px;}
	
#marginal-kasten {background:#F3F4F8;background-image: url(img/hg-marginal-verlauf.jpg); background-repeat: repeat-x;border: 2px solid #DDD; margin-bottom: 20px;padding: 5px 10px;}
#marginal-kasten2 {background:#F3F4F8;background-image: url(img/hg-marginal-verlauf.jpg); background-repeat: repeat-x;border: 2px solid #DDD; margin-bottom: 20px;padding: 5px 10px;}
#extra{clear:both;width:100%;}

#footer{margin: 100px 0 0 42px;  }


#sprachswitch {position: absolute; z-index: 4; left: 50%; margin-left: 200px; top: 10px; font-size: 11px; color: #999; font-style: italic;}
#sprachswitch td {padding: 0 5px; text-align: center;}
#sprachswitch .aktiv {color: #000;}
#sprachswitch img:hover {border:1px solid #0D2168;}


/* ---- Typo, Links ---- */

#navigation a {font-size: 110%; text-decoration: none; color: #0D2168; margin-right: 15px;}
#navigation .aktiv {font-weight: bold; border-bottom: 3px solid #0D2168 ;}
#navigation a:hover {border-bottom: 3px solid #0D2168;}

#hauptinhalt h1, #hauptinhalt-seite h1 {color: #0D2168; margin: 0 0 15px 0; font-size: 140%;}
#hauptinhalt h2, #hauptinhalt-seite h2 {margin: 40px 0 15px 0; font-size: 110%; font-style: italic;color: #222;}
#hauptinhalt p, #hauptinhalt-seite p, #hauptinhalt li {text-align: justify; font-size: 110%; margin-top: 0; line-height: 1.3em;}
#hauptinhalt img {vertical-align: middle;}
#hauptinhalt ul {list-style-type:square; margin-left:-20px;}
	* html #hauptinhalt ul {margin-left:15px;}
	*+html #hauptinhalt ul {margin-left:15px;}
#hauptinhalt ol {list-style-type:decimal}

#langinformation {font-size: 110%;}

#hauptinhalt a:link, #hauptinhalt a:active,#hauptinhalt a:visited {color: #0D2168; text-decoration: none;}
#hauptinhalt a:hover{color: #0D2168; text-decoration: underline;}

#teaser-text {color: #FFF; font-size: 130%; font-style: italic;}
#teaser-text a:link, #teaser-text a:active, #teaser-text a:visited {color: #FFF; text-decoration: none;}
#teaser-text a:hover {color: #FFF; text-decoration: underline;}

#teaser-fachartikel h1 {font-size: 110%; color: #222; margin-bottom: 0;}
#teaser-fachartikel strong {font-size: 100%; font-weight: normal;}

#angebot p {padding-left: 3px;}
#teaser-fachartikel a:link,#teaser-fachartikel a:active,#teaser-fachartikel a:visited, #angebot p a:link, #angebot p a:active, #angebot p a:visited {font-style: italic; color: #0D2168; text-decoration: underline;}
#teaser-fachartikel a:hover,#angebot p a:hover{color: #000; text-decoration: underline;}

#footer p{font-size: 85%;}
#footer a:link, #footer a:active,#footer a:visited {color: #333; text-decoration: none;}
#footer a:hover{color: #333; text-decoration: underline;}

#marginal-kasten p {line-height: 1.3em; color: #666; font-size: 98%;}
	*+html #marginal-kasten p {line-height: 1.4em;}
	* html #marginal-kasten p {line-height: 1.5em;}
	
#marginal-kasten strong, #hauptinhalt-seite strong {color: #222;}
#marginal-kasten a:link, #marginal-kasten a:active, #marginal-kasten a:visited {color: #666; text-decoration: none;}
#marginal-kasten a:hover{color: #222; text-decoration: underline;}

#sprachswitch a {color: #999; text-decoration: none;}

#marginal-kasten2 p {line-height: 1.3em; color: #666; font-size: 98%;}
#marginal-kasten2 strong {color: #222;}
#marginal-kasten2 a:link, #marginal-kasten2 a:active, #marginal-kasten2 a:visited {font-style: italic; color: #666; text-decoration: underline;}
#marginal-kasten2 a:hover{font-style: italic;color: #222; text-decoration: underline;}

.service {margin: 0 0 6px 0}
#hauptinhalt-seite .hinweis  {font-style: italic; font-size: 90%; color: #666;}

/* ---- Bilder ---- */

img {border: 0;}
#sprachswitch img {margin: 0; border: 1px solid #ddd;}

.artikelbild { width: 240px; margin: 5px 0 20px 20px; float: right;}
#bildunterschrift {padding: 3px 35px 12px 0px;font-size: 90%;width:240px;}
#bildunterschrift-vita {padding: 3px 0px 12px 0px;font-size: 90%;}

.logo-links { width: 140px; margin: 5px 20px 20px 0px; float: left;}
#bildunterschrift-logo {padding: 3px 0px 12px 0px;font-size: 90%;}

#teaser-text {position:absolute; margin: 40px 20px 12px 30px; z-index: 3;width: 120px;}
.teaser {position:relative; width: 169px; padding-bottom: 10px; float: left; height: 133px; margin: 10px 0px 0px 20px; border: 2px solid #DDD;}
	* html .teaser {padding-bottom: 0;}
	
.teaser2 {clear:left; position:relative; width: 169px; padding-bottom: 10px; float: left; height: 133px; margin: 5px 20px 20px 0px; border: 2px solid #DDD;}
	* html .teaser2 {padding-bottom: 0;}
		
.social {margin: 4px 4px 0 0; border: 1px solid #ddd;}

.vitabild {float: right;margin: 5px 0 17px 15px;width:140px;}
.aufzaehlung-vita {clear: right; margin: 30px 0 0 0;} 
.aufzaehlung-vita p{ padding: 0 170px 0 0px ;}

#leistungen {margin: 0 0 35px 0;}
#leistungen p {padding-left: 190px;}

/* ---- Formulare ---- */


form {margin: 0px 0 0 0;padding: 0;}
.captcha   {margin: 5px 0 0 12px;float: left;}

label {width: 120px;display: block;float: left;margin-top: 5px;}
	*+html label {	width: 111px;}

.text { width: 300px;padding-left: 3px;}
	* html .text, * html textarea {width: 290px;}
	*+html .text, *+html textarea {width: 290px; margin-left: 15px;}


.plz {width: 60px;float: left;	padding-left: 3px;}
.ort { 	width: 215px;padding-left: 3px;}
	* html .ort { width: 211px;}
	*+html .ort { width: 214px;}
	* html .plz {  	margin: 6px 0  0 13px;}
	*+html .plz { 	margin: 6px 0  0 15px;}
.input-captcha {width: 162px;float: left;	padding-left: 3px;}

textarea {  width: 297px;  height: 100px;font-size: 13px;padding: 3px;}
	* html textarea {width: 288px;}

textarea, .select, .text, .select_anrede, .plz, .ort, .input-captcha {background-color: transparent;font-size: 14px; font-family:"Trebuchet MS", Arial, Helvetica, Sans-Serif;border: 1px solid #DDD;margin: 5px 10px;}

.select, .text, .select_anrede, .plz, .ort, .input-captcha {height: 20px; }



.upload {height: 20px; margin: 5px 10px;}
	*+html .upload {margin-left: 15px;}

#kontakt .button {float: right; margin: 0 80px 0 0; width: 150px; font-weight: bold;}
	*+html #kontakt .button {margin: 5px 87px 0 0;}




/* ---- Ende CSS ---- */
