/* CSS www.der-diabetologe.de */

/* Globale anweisungen */

body { margin: 0px; padding: 0px; font-size: .70em; background-color: #ffffff;}

div, p, h1, h2, h3, span, a, form, img, li, hr, body	{
   	margin: 0px;
   	padding: 0px;
   	font-family: tahoma,arial,verdana,sans-serif; vertical-align: top; }

/* Ende Globale anweisungen */

/* :::::::::: Navigation :::::::::: */

/* Listenformatierung */
ul { list-style: url(/images/cm/pfeil.gif); margin: 2px; padding-left: 1.5em;}
ol { padding : 0; margin : 0 0 0 20px; }
li { margin-bottom: 4px; padding : 0; }

#sidebar { float: left; width: 224px; padding:0; margin: 0;  }
.ignore, span.hier, dfn { position:absolute; width:0px; height: 0px; overflow:hidden; display:inline; }
#sidebar ul { list-style: none; background-color: #00205a;}
#sidebar li { list-style: none; display: inline; }
#sidebar a { display: block; color: #fff; margin: 0px 0px 0px 2px; padding: 2px 0 2px 20px; background: url(/images/framework/butpass.gif) 0 0 no-repeat;  border-bottom: 1px solid #ffffff;}
#sidebar ul ul { margin: 0px 0px 0px 0px; }
#sidebar a:visited { color: #eef3f9; background: url(/images/framework/butvis.gif) 0 0 no-repeat; }

#sidebar a.butpfad, 
#sidebar a:visited.butpfad { background: url(/images/framework/butpfad.gif) 0 0 no-repeat; font-weight: bold; background-color: #1b4ba0;}
#sidebar a:hover, #sidebar a:hover.butpfad  { background: url(/images/framework/buthov.gif) no-repeat; text-decoration:none; background-color: #f8a509; color: #174569;}

font { font-size: 1em; }
.navi1 { }
.navi2 { background-color: #456fb8 !important;  }

/* Klasse für die aktive Seite in der Navigation*/
#sidebar .butakt        { display : block; font-weight:bold; margin:5px 0 0; padding: 0 0 0 20px; background: url(/images/framework/butakt.gif) no-repeat; }
/* :::::::::: Navigation-Ende :::::::::: */

/* :::::::::: Sitemap :::::::::: */
.navinhalt_sitemap { background: #ecf1f6; padding: 1px; border-bottom: 1px solid #ffffff; padding: 2px 5px 2px 5px;}
.navinhalt_sitemap2 { padding: 2px; margin-left: 10px; padding: 2px 5px 2px 5px;}
/* :::::::::: Sitemap Ende :::::::::: */

/* :::::::::: Design :::::::::: */
.suche {position: absolute; top: 4px; right: 200px; }
.language {position: absolute; top:5px; right: 10px; }
.right {position: absolute; top:0px; right: 0px; width:413px; height:463px; background: url(/images/framework/right.jpg) no-repeat; z-index: 1;}
.right_zess { position: absolute; right: 0px; top: 31px; width:398px; height:102px; z-index: 4; }
.wrapper {position: absolute; top:155px; width: 100%;  z-index: 2;}
#content {margin: 1px 210px 0px 216px; }
.nav {position:absolute; left: 0px; top: 146px; width: 200px; left: -22px; z-index: 3; }
.freemenu {position: absolute; width: 180px; top: 60px; right: 9px; ; z-index: 4; }
.footer {clear: left; width: 100%; background: #333; color: #FFF;}
.info {  background-color: #f4f4f4; padding: 5px 4px 5px 4px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff;}

.white		{  	color: #ffffff;}
.red		{  	color: #e74a29;}
ul.graph	{ list-style: url(/images/cm/pfeil.gif); margin: 0px; padding-left: 1.5em;}

.float 	{ float:left; margin-right: 5px; padding-right: 5px; padding-bottom: 5px; background-color: #fff;} 
.floatright 	{ float: right; margin-left: 5px; padding-left: 5px; padding-bottom: 5px; background-color: #fff;} 
.float_start 	{ float: right; margin-left: 5px; padding-left: 5px; padding-bottom: 20px; } 
.float_start_tour 	{ float: right; margin-left: 2px; padding-left: 2px; padding-bottom: 20px; } 
.rightalign 	{ text-align:right; } 

h1 {   	font-size: 1.8em; color: #f2f5f9; }
h1.red { background-color: #f9003c; color: #ffffff; padding: 1px 5px; }
h1.info { background-color: #235e94; color: #ffffff; padding: 1px 5px; }
h2 {   font-size: 1em; background-color: #3c66b1; color: #ffffff; padding: 2px 5px 2px 5px;  }
h3 {   font-size: 1em; background-color: #d3d8e2; color: #000; padding: 2px 5px 2px 5px;  }

p {  margin: 0px; line-height: 1.3em; }
.nomargin { margin-bottom: 2px ;}
/* Zeile der Funktionen unter dem Inhalt */
.contentfunctions	{ width: auto; font-size:1em; margin:20px 0px 0px -8px; font-size:.95em; }
.contentfunctionsitem	{ float:left; padding:0px 8px; }
.contentfunctionsitemborder	{ float:left; padding:0px 8px; border-right:1px solid #e1e1e1; }

/* Tabellen */
table { font-size: 1em; margin: 0px; line-height: 1.3em; }
td { font-size: 1em; vertical-align: top; padding: 2px 4px; }

table.clear { width: 0px; margin: 0px; padding: 0px; }
td.clear  { margin: 0px; padding: 0px; border: 0px;}
/* ENDE Tabellen */


/* Adresszeile */
.addbox1 { position: absolute; margin-left: 19px; top: 3px; color: #fff;  filter:DropShadow(color=#000000, offx=1, offy=1);}
.addbox2 { position: absolute; margin-left: 218px; top: 3px; color: #fff; z-index: 4;  filter:DropShadow(color=#000000, offx=1, offy=1);}
.addbox3 { position: absolute; margin-left: 19px; top: 38px; color: #fff; font-size: 1.2em;  filter:DropShadow(color=#000000, offx=1, offy=1);}
.addbox4 { position: absolute; margin-left: 19px; top: 99px; color: #fff;  filter:DropShadow(color=#000000, offx=1, offy=1);}
.addbox5 { position: absolute; margin-left: 218px; top: 78px; color: #fff;  z-index: 4;  filter:DropShadow(color=#000000, offx=1, offy=1);}

/* ENDE Adresszeile */

.legende {  background-color: #fbfbfb; padding: 4px; border: 1px solid #a4a7b0; }


.galerie	{ float: left; margin: 0px 5px 5px 0px; }
.clear	{ clear:both; }

/* :::::::::: Design-Ende :::::::::: */

.mo {  background-color: #a2cfec;  }
.sa {  background-color: #e62828;  }
.so {  background-color: #2ad14d;  }

/* :::::::::: Flaggen-Ende :::::::::: */
.sp				{ border: 1px solid #c0c0c0; filter:alpha(opacity=35);	-moz-opacity:0.5; }
.spaktiv		{ border: 1px solid #c0c0c0; }
/* :::::::::: Flaggen-Ende :::::::::: */


/* :::::::::: Link Styles :::::::::: */

a:link 						{	color: #072f78; text-decoration: underline; }
a:visited 					{	color: #727272; text-decoration: underline; }
a:hover 					{	color: #ffffff; background: #00205a; }

a.start:link, a.start:visited, a.start:active {	text-decoration: none; color: #ffffff; }
a.start:hover {	text-decoration: none; background: #000000; color: #ffffff; }

a.white:link, a.white:visited, a.white:active {	text-decoration: none; color: #ffffff; }
a.white:hover {	text-decoration: none; background: #003399; color: #ffffff; padding: 1px 0px 1px 0px; }

a.menu:link, a.menu:active, a.menu:visited 		{	text-decoration: none; color: #ffffff;  }
a.menu:hover 				{	text-decoration: underline; color: #efefef;  }

a.blank:link, a.blank:visited, a.blank:active {	text-decoration: none; color: #072f78;  }
a.blank:hover 				{	text-decoration: underline; background: none;  color: #727272; }

a.blanklittle:link, a.blanklittle:visited, a.blanklittle:active {	text-decoration: none; color: #ffffff;  }
a.blanklittle:hover {	color: #efefef;  }

a.blankdark:link, a.blankdark:visited, a.blankdark:active	{	text-decoration: none; color: #343434;  }
a.blankdark:hover 			{	text-decoration: none; background: #676767; color: #676767  }

a.blanklight:link, a.blanklight:visited, a.blanklight:active	{	text-decoration: none; color: #343434;  }
a.blanklight:hover	{	text-decoration: none; background: #676767; color: #efefef; }

a.blankdarklittle:link, a.blankdarklittle:visited { text-decoration: none; color: #000000; }
a.blankdarklittle:hover { text-decoration: none; color: #ffffff; }
a.blankdarklittle:active 	{	background: #00205a; text-decoration: none; color: #ffffff;  }

a.navdark:link, a.navdark:visited	{ text-decoration: none; color: #121212; }
a.navdark:hover, a.navdark:active 	{ text-decoration: none; background: #666666; color: #ffffff; }

a.navactivedark:link, a.navactivedark:visited 		{	text-decoration: none; color: #043464;  }
a.navactivedark:hover, a.navactivedark:active 		{	text-decoration: none; background: #666666; color: #ffffff;  }

a.navlight:link, a.navlight:visited {	text-decoration: none; font-weight: bold; color: #121212;  }
a.navlight:hover, a.navlight:active {	text-decoration: none; font-weight: bold; background: #676767; color: #ffffff; }

a.navactivelight:link, a.navactivelight:visited { text-decoration: none; font-weight: bold; color: #043464;  }
a.navactivelight:hover, a.navactivelight:active { text-decoration: none; font-weight: bold; background: #676767; color: #ffffff; }

/* :::::::::: Link Styles Ende :::::::::: */

/* Logininfo */
.logininfo 		{ padding:10px 0px 0px 30px; width:100%; font-size:.85em; clear:both; }
.loginname 		{ float:left; margin-right:10px; font-size:1.2em; }
.logintime 		{ float:left; font-size:1.2em; }
.loginlogout 	{ font-size:1.2em; clear:both; }
/* Login Formular */
.loginusername 			{ float:left; margin-right: 10px;vertical-align: bottom; color:#000; }
.loginusernamefield 	{ float:left; margin-right: 10px; }
.loginpassword 			{ float:left; margin-right: 10px; clear:left; color:#000; }
.loginpasswordfield 	{ float:left; clear:left; }
.loginsmartlogin 		{ clear:both; color:#000; }
.loginbtnfield 			{  }
.loginuser	{ width: 100px; border: 1px inset #e1e1e1; background-color: #fff; color: #676767; }
.loginpw	{ width: 100px; border: 1px inset #e1e1e1; background-color: #fff; color: #676767; }
.loginbtn	{ border: 1px outset #e1e1e1; background-color: #ffffff; color: #676767; }
/* ENDE Logininfo */

/* :::::::::: Form Styles Ende :::::::::: */
.frmnomargin 	{ margin: 0px; }
input 			{	font-family: tahoma,arial,sans-serif; color: #001000; font-size: 1em; }
textarea 		{	font-family: tahoma,arial,sans-serif; color: #001000; font-size: 1em; border: 1px inset; }
.inputborder1 	{ border: 1px inset; }
.input20		{ width: 20px; }
.input30		{ width: 30px; }
.input50		{ width: 50px; }
.input100		{ width: 100px; }
.input200		{ width: 200px; }
.input300		{ width: 300px; }
.submit			{ margin-left: 160px;  }
.button			{ border: 1px outset; background: #f4f4f4; }
.select 		{ font-size: .8em; }
.fieldset		{ padding: 6px; border: 1px solid #474747; }
.feldname		{ width: 100%; margin-top: 5px; font-weight: bold; }
.feld			{ width: 100%; }
.feldnamefl		{ float: left; width: 20%; margin-top: 5px; font-weight: bold; clear: left;}
.feldfl			{ float: left; width: 80%; clear: right;}
.formspan		{ padding: 6px; margin: auto; }
.fieldspan		{ clear: both; }
/* :::::::::: Form Styles Ende :::::::::: */

/* :::::::::: Weiterempfehlung :::::::::: */
.empmain		{ width: 350px; padding: 6px; background: #f4f4f4; margin: auto; }
.empfieldset	{ padding: 6px; border: 1px solid #474747; }
.empfeldname	{ width: 100%; margin-top: 5px; font-weight: bold; }
.empfeld		{ width: 100%; }
/* :::::::::: Weiterempfehlung Ende :::::::::: */

/* :::::::::: News :::::::::: */
h1.newshead 	{ font-size: 1em; margin-top: 0px; margin-bottom: 4px; background-color: #3c66b1; color: #ffffff; padding: 2px 5px 2px 5px;}
h1.quicklink 	{ font-size: 1em; margin-top: 0px; margin-bottom: 4px; color: #000000; padding-bottom: 0px; }
.nonews 		{ padding: 6px; margin-top: 10px; border: 1px solid #5f77a0;  }
.newsthema 		{ text-align: right; margin-bottom: 2px; font-style: italic; }
.newsspan 		{ border: 1px solid #5f77a0; padding: 4px; margin-top: 10px; }
.newsimage 		{ float: left; width: 20%; padding: 4px; height: 100%; }
.newscontent 	{ padding: 0px 0px 4px 4px; line-height: 1.4em; text-align: left; border-bottom: 1px solid #5f77a0; }
.newsgallery 	{ clear: both; padding: 6px; }
.newsfunctions 	{ clear: both; margin: 0px; padding: 2px; text-align: center; }
.newsdetail		{ padding: 0px 0px 4px 4px; line-height: 1.4em; }
/* Statischer Newsticker */
.ntickerspan	{ padding: 4px; border: 1px solid #032547; margin-top:20px; }
.ntickerhead	{ padding: 2px; background:#032547; color:#ffffff; font-size:1.2em; font-weight:bold; }
.ntickercontent	{ padding: 4px; margin: 2px 0px; background: #efefef; }
.ntickerdate	{ border-bottom: 1px dashed #ababab; }
.ntickertitle	{  }
/* ENDE Statischer Newsticker */
/* :::::::::: ENDE News :::::::::: */

/* :::::::::: Newsletter :::::::::: */
.nlmain	 		{ background: #f4f4f4; padding: 6px; }
.nlfieldset		{ padding: 6px; border: 1px solid #474747; }
.nlfeldname		{ float: left; width: 30%; margin-right: 5px; font-weight: bold; }
.nlfeld			{ float: left; width: 68%; }
.nlthema		{ width: 50%; }
.nlcheck		{ float: left; width: 10%; }
.nlthemalabel	{ float: left; width: 90%; }
/* :::::::::: ENDE Newsletter :::::::::: */

/* :::::::::: Intranet :::::::::: */
h1.loginhead 	{ font-size: 1em; margin-top: 0px; margin-bottom: 4px; color: #e74a29; }
.loginleft		{ float: left; width: 47%; height: 240px; padding: 6px; background: #f4f4f4; border: 1px solid #898989; border-right: 0px; }
.loginright		{ float: left; width: 47%; height: 240px; padding: 6px; background: #f4f4f4; border: 1px solid #898989; }
/* :::::::::: ENDE Intranet :::::::::: */

/* :::::::::: Kalender :::::::::: */
.kalmaintable	{ margin-bottom: 50px; font-size: 1em; padding: 0px; }
.kallefttable	{ width: 100%; padding: 0px; background: #ffffff; border-collapse: separate; }
.kalrighttable	{ width: 100%; padding: 0px; background: #ffffff; border-collapse: separate; }
/* .kaleventdiv	{ overflow: auto; height: 600px; width: 100%; } */
.kaltdleft		{ width: 15%; padding: 0px; background-color: #f4f4f4; border: 0px; border-right: 1px solid #235e94; }
.kaltdright		{ width: 85%; padding: 0px; border: 0px; }
.kalh1			{ padding: 2px;	font-size: 1.2em; background-color: #a4a7b0; color: #ffffff; border-right: 1px solid #a4a7b0; }
.kalh1blank		{ padding: 2px;	font-size: 1.2em; color: #ffffff; background-color: #235e94; border-right: 1px solid #235e94; }
.kallegenditem	{ padding: 2px 0px 2px 4px; border-bottom: 1px dashed #a4a7b0; }
.kallegenditemsel	{ padding: 2px 0px 2px 4px; border-bottom: 1px dashed #a4a7b0; font-weight: bold; }
.kalheadmonat	{ width: 70%; background-color: #235e94; text-align: center; border: 1px solid #235e94; }
.kalheaddatum	{ width: 20%; font-weight: bold; font-size: 1.2em; color: #ffffff; background-color: #a4a7b0; border-top: 1px solid #a4a7b0; border-bottom: 1px solid #a4a7b0; }
.kalheadva		{ width: 85%; font-weight: bold; font-size: 1.2em; color: #ffffff; background-color: #a4a7b0; border: 1px solid #a4a7b0; border-right: 2px solid #a4a7b0; }
.kaleventcolumn	{ padding: 0px; }
.kaldaycolumn	{ border-right: 1px solid #235e94; }
.kalevent		{ padding: 0px; width: 100%; }
.kaluhrzeit		{ float: left; width: 15%; padding-left: 2px; }
.kaltitel		{ float: left; width: 80%; }
.eventdetails	{ padding: 1px; }
.detailheaddate	{ background-color: #ffffff; padding: 2px; }
.detailheadprint	{ float: left; width: 40%; background-color: #ffffff; padding: 1px; }
.detailanmeldung	{ margin-top: 1px; width: 100%; background-color: #ffffff; padding: 1px; }
/* Legende und Orte Link */
a.kallegendlink:link, a.kallegendlink:active, a.kallegendlink:visited { text-decoration: none; color: #121212; }
a.kallegendlink:hover 	{ color: #898989; text-decoration: none; font-weight: bold; background-color: #ffffff; }
/* Event Links */
a.kal:link, a.kal:active, a.kal:visited { text-decoration: none; color: #000000; }
a.kal:hover 	{ color: #efefef; text-decoration: none; background-color: #797979; padding: 1px; }
a.kalanm:link, a.kalanm:active, a.kalanm:visited { text-decoration: none; color: green; }
a.kalanm:hover 	{ color: #efefef; text-decoration: none; background-color: #797979; padding: 1px; font-weight: bold; }
.kalsubmit		{ border: 1px outset; padding: 0px 1px 1px 2px; }
/* Kurzanzeige */
h1.kalKurzHead	{ background-color: #235e94; color: #ffffff; padding: 1px 5px; border-right: 1px solid #ffffff; }
.kalKurzInfo	{ background-color: #ebebeb; padding: 4px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; vertical-align: top; margin-bottom: 10px; }
.kalKurzEvent	{ padding: 0px 0px 2px 18px; border-bottom: 1px dashed #a4a7b0; background: url(/images/framework/date.gif) no-repeat; vertical-align: top; }
/* :::::::::: ENDE Kalender :::::::::: */

/* :::::::::: Gästebuch :::::::::: */
.gbhead		{ margin-bottom: 6px; }
.gbmainspan	{ margin: 6px 0px; border: 1px solid #cecece; }
.gbentryhead	{ background: url(/images/framework/date.gif) no-repeat; background-color: #efefef; padding: 0px 18px 2px 18px; vertical-align: top; border-bottom:  1px solid #cecece; }
.gbentryhead2	{ background-color: #f5f5f5; padding: 0px 2px 2px 18px; vertical-align: top; border-bottom:  1px solid #cecece; }
.gbentrycontent	{  padding: 2px 18px 2px 18px; vertical-align: top; }
.gbstatus	{  padding: 4px; border: 1px solid #a4a7b0; margin: 8px 0px; background-color: #efefef; }
/* Links */
a.gb:link, a.gb:active, a.gb:visited { text-decoration: none; color: #000000; }
a.gb:hover 	{ color: #efefef; text-decoration: none; background-color: #797979; padding: 1px; }
/* :::::::::: ENDE Gästebuch :::::::::: */


/* Editor Styles */
.bggraydark { background: #999; color: white; }
.bggraymiddle { background: #e8e8e8; }
.bggraylight { background: #f4f4f4; }
.colorblack { color: #000000; }
.red { color: red; }
.green { color: green; }
/* ENDE Editor Styles */

/* FAQ */
h1.faqhead1		{ color: #ffffff; font-size: 1em; margin: 0px; }
/* ENDE FAQ */