/*-- jukeFlex CSS Stylesheet CMS EDITLAND (c) 2007 Jutta Kemperle --*/
/*--www.jukemedia.de --*/


/*global*/
/*----------------------------------------------------------------------------*/
html, body 
{margin:0; padding:0;
text-align:center;
font-size:100.1%;
background: #204665 url(images/body-009.png)  0px -20px repeat-x;
padding: 5px 0 60px 0;}

/** {font-family: Verdana, Arial, sans-serif;}schriftart im gesamten Dokument*/

/*struktur*/

#header 			{
width:90%;
padding:0 40px 0 0; margin:0 auto 0 auto;
background: #fff;height:100px;
position:relative;z-index:2; }

#header h1#name {
position: absolute; bottom: 0; left: 6em;
font: normal 1.1em Georgia, 'times new roman', serif;
color: #2A507E;
font-style: italic;
letter-spacing: 0.1em;}

#wrap1 {
width:960px;
padding:0;
margin:0 auto 0 auto;
text-align:center;
background-color: transparent;}


#branding {
width: 100%; background: #2B5382 url(images/bg-branding.png) repeat-x;
height: 14em;
overflow: hidden;}

#branding-left {
position: relative;
float: left;
width: 25%; background-color: transparent;
height: 100%;}

#branding-right {
float: right;
width: 70%; background: #2B5382 url(images/bg-branding-right.png) no-repeat top right;
height: 100%; }



#sidebar {float: left;
width: 30%; margin-left: 20px;margin-top: 40px;}

#sidebar address.vCard {
margin-right: 20px;
background-color: transparent;
font: normal 0.9em/140% 'times new roman', Georgia, serif;
color: #2B5382; }

div#map {
width: 450px; height: 300px;
padding: 8px; background-color: #fff; border: 1px solid #2B5382;}


/*schattenrahmen----------------------------------------------------------------------*/
#wrap1 		{background:#fff			    url(images/border/border_left.jpg) 			    left 	  top 	  repeat-y;}
#wrap2 		{background:transparent		url(images/border/border_right.jpg) 		    right 	top 	  repeat-y;}
#bdr-top 	{background:#fff 			    url(images/border/border_center_top.jpg) 	  left	  top		  repeat-x;}
#bdr-btm 	{overflow: hidden; background:#fff url(images/border/border_center_bottom.jpg) left	bottom 	repeat-x;}

#bdr-top img#rgt1 {position:absolute; top:0px; right:0px;}
#bdr-top img#lft1 {position:absolute; top:0px; left:0px;}
#bdr-btm img#rgt2 {position:absolute; bottom:0px; right:0px;}
#bdr-btm img#lft2 {position:absolute; bottom:0px; left:0px;}


#branding-left address.vCard {
position: absolute; bottom: 60px; left: 30px;
background-color: transparent;
font: normal 0.9em 'times new roman', Georgia, serif;
font-style: italic;
color: #fff; text-align: left;
margin-left: 5px;}
address.vCard span.additional-name-2 {width: 100%;}
address.vCard span {display: block;}
address.vCard span.postal-code {float: left; margin-right: 10px;}
address.vCard strong {font-weight: bold;}
address.vCard em {display: block; margin: 0.6em 0 0 0; font-style: normal;}
address.vCard span.email a#mail { 
font: bold 1em 'times new roman', Georgia, serif;
background-color: transparent; background-image: none;
display: block; margin-top: 1em; color:#2B5382; text-decoration: none; }

address.vCard span.email a#mail:hover { 
color:#153754; text-decoration: underline;}


#branding-left address.vCard span.additional-name-1 {font-size: 1.9em; letter-spacing: 1px;}
#branding-left address.vCard span.additional-name-2 {margin-left: 110px;}

#sidebar a#small {font: bold 0.8em 'times new roman', Georgia, serif;
background-color: transparent; background-image: none;
display: block; margin-top: 1em; color:#2B5382; text-decoration: none;}

#sidebar a#small:hover { text-decoration: underline;color:#153754;}

#bdr-top, #bdr-btm 	{width:100%;height:20px;text-align:left;position:relative;}
#bdr-top 			{height:20px;}


#content 			{
overflow: hidden;
margin: 0 20px 0px 20px;
text-align:left;padding:0;min-height:400px;text-align:left;
position:relative; z-index:5;
background: #fff url(images/bg-text.jpg) top right no-repeat;
min-height: 35em;}

#text 		{width:53%; float:right; margin: 40px 30px 40px 0; background-color:transparent;}


/* xtra classes */
/*----------------------------------------------------------------------------*/
.zitat{
background:transparent url(images/zitat.jpg) no-repeat 100% 0% ;color:#666;	
padding: 10px 10px 10px 10px;font: normal 18px 'times new roman' , serif !important ;
text-align:left;font-style:italic !important;text-decoration:none;border-left: 3px solid #fff;border-color:#990000;}






#content .markergrau 		{background-color:#f4f4f4;font-weight:normal;font-style:normal;padding:2px;}
#content .quelle	 		{font-style:italic; font-size:0.8em;}	
#content .float				{float:left; margin: 0 10px 10px -18px; padding:10px; border: 1px solid #fff;}

div#aktuell .flt 		{float:left;margin-right:10px;}
#text img.bildLinks {float: left; margin-right: 10px; padding:8px; border: 1px solid #2B5382;}
#text img.bildRechts{float: right; margin-right: 10px; padding:8px; border: 1px solid #2B5382;}
#text .clearimg {clear: both;}
/*----------------------------------------------------------------------------*/
/*Schrift*/
/*----------------------------------------------------------------------------*/
.tsmall 	{font-size: 0.7em !important;}
.tmiddle 	{font-size: 0.9em !important;}
.tbig 		{font-size: 1.2em !important;}


body #wrap1 #wrap2 #content #text p.wichtig1 {font: bold 1.0em tahoma, verdana, sans-serif; color: #2B5382;}
body #wrap1 #wrap2 #content #text p.wichtig2 {font: bold 1.0em tahoma, verdana, sans-serif; color: #E23B29;}
/*Links*/


/*text*/
#text ul, #text ol {font: normal 0.9em tahoma, verdana, sans-serif; color: #2B5382;}
#text ul li, #text ol li {margin: 0.5em 0 0.5em 0;}
/* ueberschriften*/
#text h2 {font: bold 1.0em arial, verdana, sans-serif; color: #2B5382; text-decoration:underline;}
#text h3 {font: bold 0.8em tahoma, verdana, sans-serif; color: #2B5382; text-decoration:none;}
#text h4 {font: normal 1.1em tahoma, verdana, sans-serif; color: #2B5382; text-decoration:none;}
#text h5 {font: normal 1.1em tahoma, verdana, sans-serif; color: #2B5382; text-decoration:none;}
#text h6 {font: normal 1.1em tahoma, verdana, sans-serif; color: #2B5382; }
#text p, #text td 		{color:#2B5382; font: normal 0.9em/160% tahoma, verdana, sans-serif; 	background-color:transparent;}


#text a 			{
font-size: 0.9em; 
padding:3px 3px 3px 20px;
text-decoration:none;
color: #2B5382;	
background: #FDDC55 url(images/bg_a.gif) 3px 5px no-repeat;}

#text a:hover	{padding:3px 3px 3px 20px; color: #2B5382;	background:#FDECA5 		url(images/bg_a_hvr.gif) 3px 5px no-repeat;}

#text img {padding:4px; border: 1px solid #2B5382;}

/*footer*/
#footer a 			{font-size: 10px;padding:4px;color:#fff;text-decoration:none;}
#content a 			{font-size: 12px;font-weight:bold;}


/*images*/
#content img#logo {border:none;}
#header img#logo2 {position:absolute; top:24px; left:1px;}


/*--------------------------------------------------------------------------------------------------------------------*/
/*Schriftfarben*/
/*--------------------------------------------------------------------------------------------------------------------*/

#footer p 		{color: #2B5382; 	background-color:transparent;}


table#sprechzeiten td {
width: 8em; text-align:left;
}








/*SubMENUE  LINKS*/
/*----------------------------------------------------------------------------*/
body #content ul#OLM 									
{ padding:0; background:transparent;text-align:right;list-style-type:none;}


ul#OLM ul {list-style-type:none;margin:0; padding:0;}

ul#OLM a 					{font: normal 1.05em 'times new roman', georgia, serif; color: #2B5382; text-decoration:none;}
ul#OLM ul a				{font: normal 1.05em 'times new roman', georgia, serif; color: #2B5382; text-decoration:none;}
ul#OLM li					{font: normal 1.05em 'times new roman', georgia, serif; color: #2B5382;}

ul#OLM						{margin-bottom:30px;}
ul#OLM li					{margin-bottom:3px;}
ul#OLM ul li				{margin:0 0 0 0;padding:0;}

ul#OLM ul a					{display:block;width:100%; padding: 3px 0 3px 0; border-bottom:1px solid #FFF1B9;}
ul#OLM a					{display:block;width:100%; padding: 3px 0 3px 0; border-bottom:1px solid #FFF1B9;}
ul#OLM li#OLMactive span	{display:block;width:100%; padding: 3px 0 3px 0; border-bottom:1px solid #FFF1B9; font-size: 1.05em; font-weight: bold;}

/*a einrücken und Hintergrundbild*/
ul#OLM ul a, #content ul#OLM a, #content ul#OLM li#OLMactive span	{padding-right:20px;}
ul#OLM a					    {background: transparent;}
ul#OLM a:hover				{color: #2B5382; text-decoration: underline;background: transparent url(images/lsi-blau.gif) no-repeat  100% 4px;}
/*ul#OLM ul li a				{background: transparent url(images/lsi.gif) no-repeat  100% 8px;}
ul#OLM ul a:hover			{background: transparent url(images/lsi_active.gif) no-repeat  100% 8px;color: #2B5382;}*/
ul#OLM li#OLMactive span	{color:#2B5382;background: transparent url(images/lsi.gif) no-repeat  100% 4px;}

ul#OLM li.OLMa1 {margin-right: 0px;}
ul#OLM li.OLMa2 {margin-right: 50px;}
ul#OLM li.OLMa3 {margin-right: 70px;}
ul#OLM li.OLMa4 {margin-right: 50px;}
ul#OLM li.OLMa5 {margin-right: 35px;}
ul#OLM li.OLMa6 {margin-right: 10px;}
ul#OLM li.OLMa7 {margin-right: 0px;}
ul#OLM li.OLMa8 {margin-right: -19px;}
ul#OLM li.OLMa9 {margin-right: -35px;}
ul#OLM li.OLMa10 {margin-right: -20px;}

/*notfall*/
ul#OLM li.OLMa9 a {margin-right: 0px; font-weight: bold; color:#E23B29;}
ul#OLM li.OLMa9#OLMactive span {background: transparent url(images/lsi-rot.gif) no-repeat  100% 4px; color: #E23B29; }



/*Footer*/
/*----------------------------------------------------------------------------*/
#xmailer textarea {width:97%;}