/*******************************************************************************	Project		:	aktive-diabetiker.at	Design - Werbeagentur Kassin - www.kassin.at*******************************************************************************//* ### main #################################################################### */:link,:visited { text-decoration:none; }ul,ol { list-style:none }h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }img, a img,:link img,:visited img, fieldset { border:none }img { margin:0; padding:0; vertical-align:bottom; }address { font-style:normal }table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}tr { border:none; padding:0px; margin:0px; }td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }legend { display:none; }div, p, li, a {background-repeat:no-repeat; }/* ### reset some basic style ################################################### */dl			{margin: 0 0 0 0;}dl dt		{margin: 0 0 0 0;}dl dd+dt	{margin-top: 0;}dl dd		{margin: 0 0 0 0;}ol			{list-style: none;}ol li		{margin: 0 0 0 0;}ol li ol	{margin: 0 0 0 0;}ol li ul	{margin: 0 0 0 0;}p			{margin-bottom: 0em;}ul			{list-style: none;}ul li		{margin: 0 0 0 0;}ul li ul	{margin: 0 0 0 0; list-style: none;}ul li ol	{margin: 0 0 0 0;}pre			{font-size:1.2em; }a:hover { text-decoration:none; }/* ### */* {margin: 0;padding: 0;}/* ### HTML ###################################################################### */html {	/*height: 100%;*/	margin-bottom: 1px;	font-size: 100.01%;}/* ### BODY ###################################################################### *//* html { text-align:left; font-size: 100.01%; } /* *//* IE 5.5 Hack */body {min-height: 101%;font-family: Arial, Helvetica, sans-serif;background-color: #f2f2f2;color: #fff;background-image: url(../files/page_bg.jpg);background-position: left top;background-repeat: repeat-x;/*text-align: center;*//*fuer IE_quirks*/}.clearer {	display:block;	clear:both;	line-height:0;	height:1px;	font-size:0;	visibility:hidden;}.clear {	clear:both;}.floatLeft { float:left; }.floatRight { float:right; }.warning { color:#f00; background: inherit; }p, li {font-size: 80%;}#wrapper {	position: relative;	margin: 0px auto;	width: 754px;	min-height: 300px;	background-color: #f9f9f9;	color: #000;	text-align: left;	background-image: url(../files/schatten_li_re.gif);	background-position: left 200px;	background-repeat: repeat-y;}#header {height: 130px;background-color: #162983;background-image: url(../files/Header_Logo.jpg);background-position: 0 0;background-repeat: no-repeat;color: #000;margin-left: 2px;margin-right: 2px;}/* Überschriften */h1 {font-size: 130%;}h2 {font-size: 90%;}h3 {font-size: 80%;}/* sprungmarker */.unsichtbar {position:absolute;top:-5000px;left: -5000px;overflow:hidden;}/* ---- */#nav-header ul li {list-style: none;float: left;}#mainmenue {position: absolute;top: 130px;left: 0px;width: 730px;font-size: 0.90em;padding-bottom: 0px;padding-left: 20px;text-align: left;background-color: #162983;color: #fff;border-top: 1px solid #162983;margin-left: 2px;/*margin-right: 0px;*/}#mainmenue li {/*display:inline;*/border-left: 1px solid #162983;line-height: 1.30em;/*border-right: 1px solid #666;*/}#mainmenue ul li {display: inline;margin-left: 2px;margin-right: 2px;padding: 6px 0 2px 0;}#mainmenue a,#mainmenue a:link {text-decoration: none;text-transform: uppercase;font-weight: normal;padding: 0px 8px;background-color: #162983;color: #fff;}#mainmenue a:hover {background-color: #f9f9f9;color: #003399;/*padding: 0 8px;*/padding: 6px 8px 4px 8px;}#mainmenue a.current, #mainmenue a.current:link {color:#003399;background-color: #f9f9f9;/*padding: 0 8px;*/padding: 6px 8px 4px 8px;border-bottom: 1px solid #f9f9f9;}#mainmenue a.current:hover {color:#003399;background-color: #f9f9f9;/*padding: 0 8px;*/padding: 6px 8px 4px 8px;}/* ### Sub Navigation - first level ######################################################### */#submenue {float: left;/*left: 10%;*/left: 10px;/*width: 12.8em;*/width: 210px;margin: 13px 0 10px 0px;padding: 10px 0 10px 16px;}/* ### ul.nav1st = cssNavigation für Startseite ################################################ *//* ### ul.nav2nd = cssNavigation für submenue ################################################## *//*#navheight_vert {	min-height: 300px;}* html body #navheight_vert { height: 300px; } /* IE 6 / 5.5 Hack *//*#navheight_vert ul.nav1st li{}/* #navheight_horiz_vert {	min-height: 500px;	margin: 30px 0;} *//** html body #navheight_horiz_vert { height: 300px;} /* IE 6 / 5.5 Hack *//*#navheight_horiz_vert ul.nav1st li{}*/ul.nav1st {font-size: 1.2em;}ul.nav1st li {display: block;color:#f9f9f9;background: inherit;}ul.nav1st a,ul.nav1st a:link {display: block;text-decoration: none;width: 194px; /* damit Linkflaeche bis zum rechten Rand geht*/ margin: 2px 0 0 3px;padding: 1px 0 2px 5px;font-weight: bold;background-color: #f9f9f9;color: #162983;}ul.nav1st a:hover {color: #0066cc;background-color: inherit;}ul.nav1st li a.current,ul.nav1st li a.current:link {color: #fff;background-color: #99cc33;}ul.nav1st li a.current:hover {color: #fff;background-color: #99cc33;}/* ### nav2nd - second level navigation ######################################### */ul.nav2nd {	font-size: 0.9em;		}ul.nav2nd li {display: block;color:#003399;background: inherit;}ul.nav2nd a, ul.nav2nd a:link {display: block;text-decoration: none;width: 194px; /* damit Linkflaeche bis zum rechten Rand geht*/ margin: 2px 0 0 3px;padding: 4px 0 2px 5px;font-weight: normal;background-color: #f9f9f9;color: #003399;/*border-bottom: 1px solid #006600;*/}ul.nav2nd a:hover {color: #003399;background-color: #e0eefc;}ul.nav2nd li.active a, ul.nav2nd li.active a:link,ul.nav2nd li.active a:hover {color: #fff;background-color: #003399;border-bottom: 1px solid #f9f9f9;}/* ### Breadcrump Navigation #################################################### */#sitePath {	padding-left:20px;		color:#cc0000;	background-color: #f9f9f9;	visibility: visible;}#sitePath a, #sitePath a:link {	color:#cc0000;	background-color: #f9f9f9;	text-transform:none;	visibility: visible;}/* ---- *//*#content {	min-height: 300px;}*//* * html #content { height: 12.0em; } /* IE 6 / 5.5 Hack */#content_bereich {background: inherit;color: #000;margin: 0px 0px 0px 0px;padding: 20px 0px 20px 10px;}#content {background: transparent;color: #000;margin: 0px 0px 0px 220px;padding: 20px 20px 20px 20px;}/* hide from IE/MAC \*/* html #content {height:100%;}/* end hide *//* ### breadcrump ############################################################ */* html #content #breadcrumb {position: relative;top: 1.9em;}#content #breadcrumb {position: relative;top: 1.7em;margin-top: 5px;margin-bottom: 20px;padding-top:2px;padding-bottom:2px;}#content p#breadcrumb {visibility: visible;font-size: 0.75em;background-color: #f9f9f9;color: #666;}#content p#breadcrumb a,#content p#breadcrumb a:link {background-color: #f9f9f9;color: #003399;text-decoration: none;}#content p#breadcrumb a:hover {background-color: #f9f9f9;color: #0066cc;text-decoration: underline;}#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {/*margin: 10px 10px 10px 0px;*/padding: 1px 0 5px 0;margin-top: 2px;}#content h1 {font-size: 110%;color: #003399;background-color: #f9f9f9;font-weight: normal;letter-spacing: 0.02em;/* padding: 30px 50px 20px 60px; */}#content h2 {font-size: 100%;color: #003399;background: #f9f9f9;font-weight: normal;}#content h3 {font-size: 90%;color: #003399;background: #f9f9f9;font-weight: normal;}#content h4 {font-size: 75%;color: #003399;background: #f9f9f9;font-weight: bold;}#content h5 {font-size: 70%;color: #003399;background: #f9f9f9;font-weight: normal;}#content h6 {font-size: 70%;color: #003399;background: #f9f9f9;font-weight: normal;}/* ############### IMAGES ###################### */ /* Bild einfügen 4.0 Definition der Klassen ohne Rahmen*/ #content img.pleft {float: left;margin: 5px 5px 5px 0px;padding-right: 10px;padding-top: 10px;border: none;}#content img.pright {float: right;margin: 5px 0px 5px 5px;padding-left: 10px;padding-top: 10px;border: none;}#content img.pnormal {/*clear: both;*/border: none;margin-top: 0px;padding-top: 0px;	}/* Definition der KLassen mit  Rahmen (2.Stil) */#content img.pleft_b {float: left;margin: 10px 15px 5px 0px;background-color: #fff;padding: 5px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}#content img.pright_b {float: right;margin: 10px 0px 5px 15px;background-color: #fff;padding: 5px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}#content img.pnormal_b {clear: both;margin-top: 10px;background-color: #fff;padding: 5px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}/* IMAGES*/ /* Bild einfügen 4.0 Definition der Klassen ohne Rahmen*/ /*.pleft {	float: left;	margin-top: 5px;	margin-right: 5px;	margin-bottom: 5px;	vertical-align: text-bottom;padding-right: 15px;border: none;}.pright {	float: right;	margin-top: 5px;	margin-left: 5px;	margin-bottom: 5px;	vertical-align: text-bottom;padding-left: 15px;border: none;}.pnormal {	clear: both;border: none;margin-top: 0;padding-top: 0;	}*//* Definition der KLassen mit  Rahmen (2.Stil) *//*.pleft_b {	float: left;	margin-top: 5px;	margin-right: 5px;	margin-bottom: 5px;	vertical-align: text-bottom;border: 1px dashed #336633;}.pright_b {	float: right;	margin-top: 5px;	margin-left: 5px;	margin-bottom: 5px;	vertical-align: text-bottom;border: 1px dashed #336633;}.pnormal_b {	clear: both;	border: 1px dashed #336633;}*//* Aktuelles Formatierungen *//* Newsliste */.news {	vertical-align: text-bottom;	background-color: #fff;	color: #333333;	border: 1px solid #CCCCCC;	padding: 5px;}.news .newsimage {	float: left;	margin-right: 5px;	margin-bottom: 5px;	vertical-align: text-bottom;padding-right: 15px;border: none;}.news .newstitle {font-weight: normal;text-decoration: none;}.news .newstext {font-weight: normal;text-decoration: none;}.news .more {font-weight: bold;text-decoration: none;}/* News Details */#newsdetails {	vertical-align: text-bottom;	background-color: #fff;	color: #333333;	border: 1px solid #CCCCCC;	padding: 5px;}#newsdetails .newsimage {	float: left;	margin-right: 5px;	margin-bottom: 5px;	vertical-align: text-bottom;padding-right: 15px;border: none;}#newsdetails .newstitle {font-weight: bold;text-decoration: none;}#newsdetails .newstext {font-weight: normal;text-decoration: none;}#newsdetails .back a,#newsdetails .back a:link {font-weight: bold;text-decoration: none;}#news .back a:hover {text-decoration: none;}/* ### Banner ############################################################ */#banner {left:10px;width: 200px;float: left;}#banner p{background: transparent;color: #999999;}#banner p.banner1{/*display: none;*/background: transparent;color: #999;}/* ### Images ############################################################ */#content img {	display:block;	margin: 4px 0 0 4px;}#content img.floatLeft {	float:left;	margin:4px 10px 4px 4px;}#content img.floatRight {	float:right;	margin:4px 0 4px 10px;}/* ### Hyperlinks ######################################################### */#content a, #content a:link {	color:#003399;	background: inherit;	text-decoration:underline;}#content a:hover {	color:#0066cc;	background: inherit;	text-decoration: none;}#content a.faq, #content a.faq:link {	color:#003399;	background: inherit;	font-size:1.0em;	text-decoration:underline;	text-transform:none;	line-height: 2.0em;}#content a.faq:hover {	color:#0066cc;	background: inherit;	text-decoration:none;}/* ### Modul Artikelliste ########################################################## */#content a.artikelliste, #content a.artikelliste:link {	color:#003399;	background: inherit;	font-size:0.8em;	text-decoration:underline;	text-transform:none;	line-height: 2.0em;}#content a.artikelliste:hover {	color:#0066cc;	background: inherit;	text-decoration:none;}/* ### Paragraphs ########################################################## */.pageupdate {	padding: 0 10px 15px 0px;	font-size: 60%;	text-align: right;}#content p {/* line-height: 150%;*//* font-size: 80%; */padding: 0 0px 15px 0px;}#content p.topper {padding: 20px 30px 20px 4px;}/* ### Tables ############################################################## */#content table {	font-size: 80%;	line-height:1.6em;}#content td {	padding:0 3px 0 3px;}/* ### Blockquotes ########################################################## */#content blockquote {	margin:0 0 0 20px;}/* ### Acronym ########################################################## */#content h2 acronym {	color:#003399;	background-color: #f9f9f9;	border-bottom-style: dotted;	border-bottom-width: 1px;	border-bottom-color: #003399;	border-right-width: 1px;	border-left-width: 1px;	border-right-style: dotted;	border-left-style: dotted;	border-right-color: #f9f9f9;	border-left-color: #f9f9f9;}#content h2 acronym:hover {	color:#003399;	background: inherit;	border: 1px dotted #003399;}#content h3 acronym {	color:#003399;	background-color: #f9f9f9;	border-bottom-style: dotted;	border-bottom-width: 1px;	border-bottom-color: #003399;	border-right-width: 1px;	border-left-width: 1px;	border-right-style: dotted;	border-left-style: dotted;	border-right-color: #f9f9f9;	border-left-color: #f9f9f9;}#content h3 acronym:hover {	color:#003399;	background: inherit;	border: 1px dotted #003399;}#content acronym {	color:#000;	background-color: #f9f9f9;	border-bottom-style: dotted;	border-bottom-width: 1px;	border-bottom-color: #003399;	border-right-width: 1px;	border-left-width: 1px;	border-right-style: dotted;	border-left-style: dotted;	border-right-color: #f9f9f9;	border-left-color: #f9f9f9;}#content acronym:hover {	color:#003399;	background: inherit;	border: 1px dotted #003399;}* html acronym:hover {color:#003399; background-color: #cccccc;border: 1px dotted #003399;}/* ### Lists ################################################################ */#content ul, #content ol {	/*margin-bottom:1.0em;*/	/*font-size:1.0em;*/	margin:0 0 16px 20px;	line-height:1.0em;}#content ol li {	margin:0 0 0 20px;	list-style-type:decimal;	font-weight: bold;} #content ul li {	margin:0 0 0 20px;	list-style-type:square;}/* ### Module ################################################################ *//*#content div.floatLeft img {	float:left;	margin:4px 0px 4px 0;}#content div.floatRight img {	float:right;	margin:4px 0 4px 40px;}#content a.more {	clear:left;	position: relative;	left: 120px;}*//* ### Team ### *//* ### Text und Bild ### */#content div.txt-img {	/*clear: both;	*/	padding: 12px 0;	}/* ### Team ### */#content div.team {	clear: both;	padding: 12px 0;	margin-bottom: 0px;}#content div.team div{	width:100px;}#content div.team p {	/* font-size: 1.3em; */	/* letter-spacing: 0.05em; */		margin-top: 0px;}#content div.team div.floatLeft img {/*margin:4px 0px 4px 0;*/margin:4px 0px 4px 0;}/* ### Bildgalerie ### */#content div.galerie {	/*clear: both;*/}#content div.galerie div.image {	float: left;	/*width: 270px;*/}#content div.galerie div.image img{	padding: 5px;	border:1px solid #aaa;}/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~    Anfügen eines Symbols (.gif) zum Kennzeichnen externer Links~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */#content .extern{display:inline;/*vertical-align: middle;*//*background:url('../files/external.gif') no-repeat left center;*/}#content img.extern{padding-right: 3px;vertical-align: baseline;/*background:url('../files/external.gif') no-repeat left center;*/}#content img.extern:hover{padding-right: 3px;vertical-align: baseline;	/*background:url('../files/external.gif') no-repeat left center;*/}/*#################### Formular Definition ##################*//* Div das das Formular umschließt */.formgen {	font-size: 80%;	background-color: #003399;}label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]{cursor : pointer;}.formgen form{line-height : 120%;width: 350px;display: inline;}/* Wie sehen die einzelnen Blöcke aus? Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann*/.formgen .formblock{	color: #fff;	font-weight: bold;	margin-bottom: 15px;	background-color: transparent;	padding-top: 3px;	padding-bottom: 3px;	padding-right: 2px;	padding-left: 5px;	}/*Verhalten von br-Tags*/.formgen br{/*clear : both;*/}/* --------- FORMULAR-OBJEKTE ------------ *//* Mehrzeiliges Eingabefeld ### Ihre Nachricht ###*/.formgen .formtextfield{	width: 210px;	height: 150px;	margin-left: 4px;}/* Textfeld */.formgen .formtext{	height: 20px;    width: 200px;	background-color: #eeeeee;	margin-left: 4px;}/* Checkbox */.formgen .formblock .formcheck{	display: block;	background-color: #003399;	padding-bottom: 10px;}/* Trennelement , Abstand */.formgen .formtrenn{	display: block;	height: 30px;	}/* Hinweistext */.formgen .formhinweis{	font-weight: bold;	color: #990000;	font-size: 0.9em;}/* Überschrift */.formgen .formheadline{	font-weight: bold;	color: #fff;	background-color: transparent;	}/* Passwortfeld */.formgen .formpassword{	width: 200px;	background-color: #CCCCCC;	margin-left: 4px;}/*Captcha-Bild*/.formgen .formcaptcha {	border: 1px solid #990000;}/* Label */.formgen label {font-family: Arial, Helvetica, sans-serif;width: 120px;clear: left;float: left;height: 20px;padding: 0px;}/* Aussehen der Select-Ausgabe */.formgen .formselect{	width: 200px;	background-color: #CCCCCC;	margin-left: 4px;}/* Sende-Button */.formgen .formsubmit{	width: 99%;	background-color: #eeeeee;	margin-top: 10px;}/* Definition des Fieldsets, das das ganze Formular umschließt */.formgen fieldset {/*width: 350px;*/padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;border: 2px solid #003399;}/* Fieldsetbeschriftung */.formgen legend {font-weight: bold;color: #333333;}/* -------------- AUSGABEN / Fehlermeldungen --------*//* Fehlermeldung nach Versand */.formgen .forminfo {	color: #FFFFFF;	background-color: #990000;	border: 1px dashed #000000;	margin: 5px;	padding: 5px;}/* Markierung der Labels bei Fehler */.formgen .formerror {	color: #FFFFFF;	background-color: #990000;}/*//////////////////////////////////////////////////////////////////////////////*/* Ende der Formulardefinition *//* ### Formular ################################################################ *//* ---- */.breaker {clear: both;}#footer {clear:both;margin-top: 2px;margin-right: 1px;height: 20px;background: transparent;color: #999;background-image: url(../files/footer_bottom_bg.gif);background-position: left bottom;background-repeat: no-repeat;padding:20px 0 10px 10px;}#footer p {padding: 3px 15px 15px;}#footer a {text-decoration: none;background: transparent;color: #003399;border: 0 none;}#footer a:hover {background: inherit;color: #0066cc;border-bottom: 1px solid #0066cc;}#footer .seitenanfang {	text-align: right;	font-weight: bold;	padding-left:50px;	}#seitenanfang {position: relative;top: 0px;right: 0px;width: 30%;margin-left:60%;	text-align: right;	font-weight: bold;}/*.guetesiegel {background-image: url(../files/guetesiegel.jpg);background-repeat: no-repeat;width: 50px;height: 50px;position: absolute;top: -1000px;left: -1000px;background: inherit;color: #f9f9f9;z-index: 100;}*//* ---- */.invis, hr {display: none;}/* JAOS Gallery*******************************************************************************//* JAOS Gallery*******************************************************************************/#jaos	{	margin:0 auto;	}.jaosg_galerie	{	text-align:center; 	vertical-align:middle; 	padding:5px;	}.jaosg_thumbnail 	{	margin:5px;	float: left;	height: 80px;	width: 80px;	text-align: left;	vertical-align:middle;	}.jaosg_nav	{	text-align: center;	}.jaosg_bild		{	text-align: center;	}.jaosg_bildbeschreibung	{	text-align: justify;	}/* Word oder Pdf Datei bereitstellen*******************************************************************************/.list_content {		font-weight:normal;	text-decoration:none;	font-size: 70%;	color:#666666;	padding-left:10px;	padding-top:3px;	padding-bottom:3px;	padding-right:24px;	width: 70%;	background-color:#E8E8E8;	margin:0px;    line-height: 18px;	}.list_contentTitle .h2 {	font-weight:bold;	text-decoration:none;	font-size:80%;	color:#336633;	padding-left:10px;	padding-top:3px;	padding-right:24px;	padding-bottom:3px;	width: 60%;	background-color:#d0d0d0;	margin:0px;    line-height: 18px;	}.list_content2 {	font-family:Verdana, Arial, Helvetica, sans-serif;	font-weight:bold;	text-decoration:none;	font-size:10px;	color:#666666;	padding-left:10px;	padding-top:3px;	padding-right:24px;	padding-bottom:3px;	width:520px;	background-color:#d0d0d0;	margin:0px;    line-height: 18px;	}	/*********/	/* Linkliste ***********************************************/.contentlinklist { margin-left: 0%; margin-top: 0px; width: 90%;}/* bei fixer Breite ggf.  width: 500px; einbauen */.linkarea { background: none; margin-top: 10px; margin-bottom: 10px; padding: 0px;  }.linkarea_head { font-size : 1.0em; font-weight: bold; /*text-transform : uppercase; background-color : transparent;*/ padding : 5px 0px; margin : 0; }.linkarea_img { padding: 2px 10px 2px 2px; background: #fff; float: left; margin-right: 15px; border: 0px; z-index:999;}.linkarea_txt { /*position: relative;*/ /*margin-left: 40%;*/vertical-align: middle; margin-left: 4px; border: 0px;}.linkarea_imgmax { padding: 10px; background: none;}.clean { clear: both;}/* ###### print styles ###### */#header_printonly {position:absolute;top:-1000px;left: -1000px;overflow:hidden;}#printonly {position:absolute;top:-1000px;left: -1000px;overflow:hidden;}#printonly_footer {position:absolute;top:-1000px;left: -1000px;overflow:hidden;}