/*******************************************************************************

 Gemeinede Offenau 

 Design:    Lisette Keller
 	    J�rg Elsen

 PHP coder: Peter B�neman
 CSS coder: J�rg Elsen, Peter B�neman

*******************************************************************************/

/*******************************************************************************
                       Global
*******************************************************************************/
.hidden,dfn
{
	position:absolute;
   	left:-1000px;
   	top:-1000px;
   	width:0px;
   	height:0px;
   	overflow:hidden;
  	display:inline;
}

img { border:0; }

html { margin: 0; padding: 0;   min-height:101%;}

body {
	margin: 10px; 
	padding: 0; 
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #FFF;      
}

a 	  { color:#77aeee; font-weight:normal; text-decoration:none; }
a:link 	  { color:#77aeee; font-weight:normal; text-decoration:none; }
a:visited { color:#77aeee; font-weight:normal; text-decoration:none; }
/*a:active  { color:#77aeee; font-weight:normal; text-decoration:none; }*/
a:hover,a:active,afocus   { color:#000000; font-weight:bold; text-decoration:underline; }

/*******************************************************************************
                       Position rules
*******************************************************************************/
div#Container {
	
        max-width:900px;
	margin-left:auto;
	margin-right:auto;
}


/*******************************************************************************
                       Meta
*******************************************************************************/
div#meta 
{	
        font-size:70%;       
        height:3ex;     
	display:block;
        background-color:#ffffff;       
	/*background:url(../images/bread.gif) 0px -2px no-repeat #FFF;*/
}
div#meta a { margin: 0 0 0 10px;font-weight:bold; }


/*******************************************************************************
                       Header Bilder
*******************************************************************************/

div#home 	{ margin: 0; color: #fff; font-size:70%; height:148px; background:url(../images/header/header.jpg) 0px 0px no-repeat #ffffff; z-index:4;}
div#aktuelles 	{ margin: 0; color: #fff; font-size:70%; height:148px; background:url(../images/header/aktuelles.jpg) 0px 0px no-repeat #d7ecfa; z-index:4; }
div#gemeinde 	{ margin: 0; color: #fff; font-size:70%; height:148px; background:url(../images/header/die_gemeinde.jpg) 0px 0px no-repeat #d7ecfa; z-index:4; }
div#rathaus 	{ margin: 0; color: #fff; font-size:70%; height:148px; background:url(../images/header/rathaus.jpg) 0px 0px no-repeat #d7ecfa; z-index:4; }
div#lebenwohnen { margin: 0; color: #fff; font-size:70%; height:148px; background:url(../images/header/leben_und_wohnen.jpg) 0px 0px no-repeat #d7ecfa; z-index:4; }
div#saline 	        { margin: 0; color: #fff; font-size:70%; height:148px; background:url(../images/header/saline.jpg) 0px 0px no-repeat #d7ecfa; z-index:4; }
div#freizeit 	{ margin: 0; color: #fff; font-size:70%; height:148px; background:url(../images/header/freizeit.jpg) 0px 0px no-repeat #d7ecfa; z-index:4; }
div#wirtschaft 	{ margin: 0; color: #fff; font-size:70%; height:148px; background:url(../images/header/wirtschaft.jpg) 0px 0px no-repeat #d7ecfa; z-index:4; }
div#kontakt 	{ margin: 0; color: #fff; font-size:70%; height:148px; background:url(../images/header/header.jpg) 0px 0px no-repeat #d7ecfa; z-index:4; }
div#sitemap 	{ margin: 0; color: #fff; font-size:70%; height:148px; background:url(../images/header/header.jpg) 0px 0px no-repeat #d7ecfa; z-index:4; }
div#impressum 	{ margin: 0; color: #fff; font-size:70%; height:148px; background:url(../images/header/header.jpg) 0px 0px no-repeat #d7ecfa; z-index:4; }


div#leftbox {
	float:left;	   
	color: #FFF;
	margin:-45px 0 0 5px;               
}
div#leftbox div.left
{
          background: transparent url("../images/oben_links.gif") no-repeat 0px 0px;   
          margin:0;
          padding:0;
          float:left;
          width:10px;
          height:20px;      
}
div#leftbox div.right
{
        background: transparent url("../images/oben_rechts.gif") no-repeat 0px 0px;   
        float:left;
        margin:0;
        padding:0;
        width:10px;
        height:20px;
}
div#leftbox div.middle
{
          background: transparent url("../images/oben_mitte.gif") repeat-x 0px 0px;
          float:left;
          margin:0;
          padding:0;
          height:20px;
          width:160px;        
}
div#leftbox div.leftu
{
          background: transparent url("../images/unten_links.gif") no-repeat 0px 0px;   
          margin:0;
          padding:0;
          float:left;
          width:10px;
          height:20px;      
}
div#leftbox div.rightu
{
        background: transparent url("../images/unten_rechts.gif") no-repeat 0px 0px;   
        float:left;
        margin:0;
        padding:0;
        width:10px;
        height:20px;
}
div#leftbox div.middleu
{
          background: transparent url("../images/unten_mitte.gif") repeat-x 0px 0px;
          float:left;
          margin:0;
          padding:0;
          height:20px;
          width:160px;        
}

div#middlebox {
	margin: 0 190px 0 200px;
	padding: 5px;
	background-color: #FFF;
	font-size:80%;
	text-align:center;            
}

div#rightbox {
	float:right;
	width: 180px;
	color: #FFF;
	padding:0;
        margin:0 0 0 0;     
}

div.navioben
{
        background-color:#77aeee;
        padding:0;
        margin:0px 0 0 0;
        clear:left;     
}

/*******************************************************************************
                       Navi
*******************************************************************************/

.navcontainer 	{margin:0; padding:0; font-size: 0.7em; color: #fff;}
ul#navilist 	{padding:0; margin:0; list-style-type:none; background-color:#77aeee;}
ul#navilist li {color:#FFF;width:140px;}
ul#navilist li.level1 			{color:#FFFFFF; padding:10px 0 5px 35px; margin:0; text-decoration:none; font-weight:bold; background:url("../images/menuepfeil.gif") no-repeat 5px 5px; }
ul#navilist li.level1aktive 		{ color:#747474; padding:10px 0 10px 35px; margin:0; text-decoration:none; font-weight:bold; background: transparent url("../images/menuepfeil.gif") no-repeat 5px 5px; }
ul#navilist li.level2 			{ color:#FFFFFF; padding:5px 0 0 35px; margin:0;text-decoration:none; font-weight:normal; }
ul#navilist li.level2aktive 		{ color:#747474; padding:5px 0 0 35px; margin:0;text-decoration:none; font-weight:normal; }

ul#navilist a.level1 							{ color:#FFFFFF;margin:0; text-decoration:none; font-weight:bold;}
ul#navilist a.level1:hover,ul#navilist a.level1:active,ul#navilist a.level1:focus			{font-weight:bold; color:#747474; text-decoration:underline; }
ul#navilist a.level1aktive:hover,ul#navilist a.level1aktive:active,ul#navilist a.level1aktive:focus	{font-weight:bold; color:#888888; text-decoration:underline; }

ul#navilist a.level2 							{ color:#FFFFFF;text-decoration:none; font-weight:normal; }
ul#navilist a.level2:hover,ul#navilist a.level2:active,ul#navilist a.level2:focus 			{font-weight:bold; color:#747474; text-decoration:underline; }
ul#navilist a.level2aktive:hover,ul#navilist a.level2aktive:active,ul#navilist a.level2aktive:focus 	{font-weight:bold; color:#888888; text-decoration:underline; }



/*******************************************************************************
                       Boxen
*******************************************************************************/


/****** Linke Boxen ******/

#leftbox dl {
	width: 29ex; 
	margin: 10px 0 0 0px;
	padding: 0;
	font-size: 0.7em;
        border:1px solid #0000ff;
}

#leftbox dt, dd { 
	margin: 0;
	padding: 0;
}

#leftbox dl { 
	background: url(../images/bg_bottom.gif) bottom left no-repeat;
	padding-bottom: 7px; 
}

#leftbox dt {
	height: 10px;
	background: url(../images/bg_top.gif) top left no-repeat;
	font-weight: bold;
	text-align: center;
}

#leftbox dd {
	padding: 0 20px 0 10px; 
	background: url(../images/bg_middle.gif) top left repeat-y; 
}

#leftbox dd img { margin: 15px 0 0 10px;}


/****** Rechte Boxen ******/

#rightbox dl {
	width: 180px; 
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 0.7em;
	color:#000;
}

#rightbox dt, dd { 
	margin: 0;
}

#rightbox dl { 
	background: url(../images/bg_r_bottom.gif) bottom left no-repeat;
	padding-bottom: 7px; 
}

#rightbox dt {
	height: 20px;
	background: url(../images/bg_r_top.gif) top left no-repeat;
	font-weight: bold;
	padding:6px 0 0 30px;
	color:#FFF;
}

#rightbox dd {
	padding: 0 5px; 
	background: url(../images/bg_r_middle.gif) top left repeat-y; 
}


/****** Mittel Box ******/

#middlebox dl, dt, dd { 
	margin: 0;
	padding: 0;
	text-align:left;
}

#middlebox dl {
	left: 3em;
	top: 2em;
	width:95%;
}

#middlebox dt {
	height: 32px;
	background: #fff url(../images/bg_m_top.gif) top left no-repeat;	
	text-align: center; 
}

#middlebox dd {
	border: solid #c8ced6;
	border-width: 0 1px;
	padding: 0 10px;
	background-color: #ebf0f4;
}

#middlebox .bas {
	height: 32px;
	background: #fff url(../images/bg_m_bottom.gif) bottom left no-repeat;
	border: 0 none; 
	padding: 0; 
}

#middlebox .droitehaut, .droitebas {
	float: right;
	
}


#wrapperhome {
	padding:150px 5px 0 5px;
	background-color:#FFF;
	background: #fff url(../images/offenau_mainimg.gif) top right;
        background-repeat:no-repeat;      
}

.wrapper {
	padding:0px 5px 0 5px;
        margin:0;             
}


.pane{ 
	margin:0; 
	padding:0 5px 5px 5px;
	line-height:1.4em;
	background-color:#ffffff;
	border-bottom:0px solid #EBF0F4; 
	overflow:hidden;
        height:1%;
}


.pane img { 
	margin:0; 
	padding:5px; 
	float:right;
}

.pane02{ 
	margin:0; 
	
}

.pane02 img { 
	margin:0; 
	padding:5px; 
	float:left;
	
}

.pane02 p{ 
	line-height:1.2em;
} 


.linie {
	
	border-top:1px solid #c8ced6; clear:right;padding:5px;
}


.clear { clear:both; }

/*******************************************************************************
                       TypoStyles
*******************************************************************************/

h1,h2,h3,h4,h5 { display:block; }

h1 {font-size: 1.5em; font-weight:bold; color: #77aeee; background:inherit;  padding:5px; margin:0;}
h2 {font-size: 1.0em; font-weight:bold; color: #77aeee; background:inherit;  padding:0; margin:0 0 10px 0; border-bottom: 1px #77aeee solid;}
h3 {font-weight:bold; color:#77aeee; background:#EFEFEF; padding:5px; margin:0;}
h4 {font-size: 1.0em; font-weight:bold; color: #000; margin:0.4em 0 0.3em 0;}
h5 {font-size: 0.9em; font-weight:bold; color: #000; background:inherit;  margin:0.4em 0 0.5em 0; border-bottom: 1px #CCC solid;}

p { margin:0px; padding:0 0 10px 0; line-height:1.4em;}

h3 img { float:right;}

.textbold{ font-weight:bold;} 

a.link { 
	padding: 0px 0px 10px 25px;      
	color:#77aeee;
	text-decoration:none; 
	font-weight:bold; 
	background: #fff url(../images/pfeillink.gif) 0 0  no-repeat;
}
a.link:hover, a.link:active, a.link:focus {
	color:#747474; 
	text-decoration:underline; 
        font-weight:bold;
}

a.link02 { 
	padding:2px;
	color:#77aeee;
	text-decoration:none; 
	font-weight:bold; 
}
a.link02:hover, a.link02:active, a.link02:focus {
	color:#747474; 
	text-decoration:underline; 
        font-weight:bold;
}

.auswahl { background:#EFEFEF; border:1px solid #DDD; }

.liste 		{ margin:0; padding:0 0 0 30px; }
.liste li 	{ line-height:1.4em; }
.liste li a 	{ text-decoration:none; color:#000; font-weight:bold;}
.liste li a:hover,.liste li a:active,.liste li a:focus 	{ text-decoration:underline; color:#000; font-weight:bold;}

.veranstaltung { display:block; background:#EFEFEF; margin:5px 0; }

.na_link a, a.li_link, .na_backlink a, a.em_link, a.va_backlink, a.link, a.va_link
{
        color:#77aeee;
        background-color:#ffffff;
        font-weight:bold;
        text-decoration:underline;
}

/*******************************************************************************
                       Veranstaltungskalender
*******************************************************************************/
#calendar
{
       margin:0 0 0 15px;
}
.va_teaser
{
       width:400px;
}
.va_data
{
        margin:5px 0 0 0;       
}
.auswahl
{
        background-color:#ffffff;     
}

/*******************************************************************************
                       Sitemap
*******************************************************************************/


#sitemap ul{
	line-height:1.3em;
	margin:0;
}

#sitemap li {
	list-style-type:none;
	margin:0 0 0 -40px;
	padding:0 0 2px 0;
}

#sitemap li a:hover{
	text-decoration:underline;
}

a.pa_sitemap_link_level1  {
	display:block;
	text-decoration:none;
	font-size: 1.0em; 
	font-weight:bold; 
	color: #77aeee; 
	background:inherit; 
	padding:10px 0 0 0;
	margin:0; 
	border-bottom: 1px #77aeee solid;
}

a.pa_sitemap_link_level1:hover, a.pa_sitemap_link_level1:active, a.pa_sitemap_link_level1:focus, a.pa_sitemap_link_level1:visited{
	font-weight:bold; 
	text-decoration:none;
}

a.pa_sitemap_link_level2 {
	text-decoration:none;
	font-size:11px;
	margin:10px 0 0 0;
	padding:2px 0 2px 20px;
	font-weight:normal;
	background: url(../images/sitemappfeil.gif) 8px 6px no-repeat;
}

a.pa_sitemap_link_level2:hover, a.pa_sitemap_link_level2:active, a.pa_sitemap_link_level2:focus, a.pa_sitemap_link_level2:visited {
	font-weight:normal;
}

a.pa_sitemap_link_level3 {
	background:#EEE;
	display:block;
	text-decoration:none;
	font-size:11px;
	margin:10px 0 0 0;
	padding:2px 0 2px 20px;
}

/*******************************************************************************
                       Bilder Produkt?bersicht
*******************************************************************************/
p.na_picture img.bi_big
{
        margin:0 0 0 0;
        padding:15px;
}

div#webcam img {
	float:none;	
}