/* ################################################################################################################
** # CSS Layout fuer lebenswelten-arbeitswelten.de
** # Bettina Stracke (http://www.webapp-architect.com) 
** # Februar 2008
** ################################################################################################################
**
**  Dateiversion: 03.02.2008  
**  Datei       : main.css
**  Funktion    : Grundlegende Styles 
**
*/
* { padding: 0; margin: 0; }

a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;

}

a:visited { color: #666666; font-weight: bold; text-decoration: none}
a:hover {  color: #E67B2B;font-weight: bold; text-decoration: underline}

img { border: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}
#wrapper { 
 margin: 0 auto;
 width: 800px;
 border: 1px solid #ccc;
}
#page {
 background: #fff;
 margin-bottom: 0px;
 overflow: auto; 
 width: 100%
}
#content {
	background: #fff url(../images/images/back0.gif) no-repeat left 200px;
	margin: 0;
	padding: 0px;
	 overflow: auto; 
 width: 100%
}

#header {
 width: 800px;
 padding: 0;
 margin: 0;
 height: 99px;
 background: #fff url(../images/header_back.gif) repeat-x left top;
 position: relative;
}
#header img {
	margin-left: 148px;
}
#leftcolumn { 
 color: #333;
 margin: 0;
 padding: 0;
 width: 330px;
 height: 470px;
 float: left;
 background: #fff url(../images/images/back.gif) no-repeat -4px 170px;
}

#leftcolumn0 { 
 display: inline;
 color: #333;
 margin: 0;
 padding: 0;
 width: 300px;
 height: 460px;
 float: left;

}

#leftcolumn img.header_image {
	width: 140px;
	height: 37px;
	margin: 88px 0 0 115px;
	float: left;
}


#leftcolumn h1 {
	margin: 100px 0 0 50px;
	float: right;
	color: #E67B2B;
	font-weight: bold;
	font-size: 16px;
}
#leftcolumn0 h1 {
	margin: 100px 0 0 50px;
	float: right;
	color: #E67B2B;
	font-weight: bold;
	font-size: 16px;
}
#leftcolumn h2 {
	margin: 100px 0 0 50px;
	float: right;
	color: #626262;
	font-weight: bold;
	font-size: 16px;
}
#leftcolumn h3 {
	margin: 10px 0 0 50px;
	float: left;
	color: #E67B2B;
	font-weight: bold;
	font-size: 12px;
}


#rightcolumn { 
 float: left;
 color: #626262;
 margin: 48px 0 0;
 padding: 0;
 width: 400px;
}

#rightcolumn img {
	margin-bottom: 8px;
}

#rightcolumn p {
	margin-right: 0px;
	margin-bottom: 10px;
	line-height: 18px;
}
#rightcolumn ul {
	margin-bottom: 20px;
}
#rightcolumn ul li {
	margin-left: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
}

#rightcolumn h1 {
	color: #E67B2B;
	font-weight: normal;
	font-size: 20px;
	padding: 0 0 10px;
}

#rightcolumn h2 {
	color: #626262;
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 10px 0;
}

#rightcolumn ul.linklist {
margin-top: 0px;
	margin-left: 15px;
	margin-right: 40px;
	margin-bottom: 15px;
}

ul.linklist li {
	margin-bottom: 10px;
	list-style-image:url(../images/n_pfeil.gif);
	list-style-position:outside;
}
#footer {
	width: 800px;
	height: 16px;
	clear: both;
	background: #E67B2B;
	margin: 30px 0 0;
	padding-top: 3px;
	padding-bottom: 2px;
}
#footer p {
 text-align: left;
 margin-left: 340px;
 color: #fff;
}

#footer0 { 
 width: 800px;
 height: 16px;
 clear: both;
 background: #E67B2B;
 margin: 0px 0 0 0;
 	padding-top: 3px;
	padding-bottom: 2px;
}
#footer0 p {
 text-align: left;
 margin-left: 340px;
 color: #fff;
}
.clear {
	clear: both;
	background: none;
	margin: 0px;
}

/* ######################################################################################################
** ### Navigation Sprache  ##############################################################################
** ######################################################################################################
*/
#lang {
	position: absolute;
	top: 7px; right: 6px;
	width: 40px;
	height: 10px;
}

#lang  ul {
    float: left;
    display:inline;     /* Fix für IE Doubled Float Margin Bug    */ 
    margin:0;
	padding: 0;	
	list-style: none;
}

#lang  ul li {
    float: left;
    display:inline;     /* Fix für IE Doubled Float Margin Bug    */ 
    margin: 0;
	border-right: 1px solid #333;
	padding: 0 5px;
    list-style-type: none;
	text-align: center;
	height: 10px;
	line-height: 10px;
}

#lang ul li.lastMenuItem {
	border: 0;
}

#lang ul a {
	font-size: 10px;
	line-height: 10px;
	color: #000;
	text-decoration: none;
}

#lang ul li#sel_lang a {
	color: #005791;
}


#lang ul a:hover {
	color: #005791;
}

/* ######################################################################################################
** ### Navigation links  ################################################################################
** ######################################################################################################
*/
#navi {
	height: 200px;
	width: 150px;
	float: left;
	margin-left: 10px;
}

#navi ul {
    float: left;
    display:inline;     /* Fix für IE Doubled Float Margin Bug    */ 
	list-style: none;
  	white-space: nowrap;
	position:relative;
	height: 150px; width: 105px;
}

#navi ul li {
    float: left;
    display:inline;     /* Fix für IE Doubled Float Margin Bug    */ 
    list-style-type: none;
	padding: 0; margin: 0;
}


#navi ul a {
	text-indent: -9999px;
}

#navi li, #navi a {
	display:block;
	height: 25px;
	overflow:hidden;
}

#navi li {
	list-style:none;
	position:absolute;
	left:0;
	background-image: url(../images/navi.gif);
}

/* normaler Zustand */
#navi li#nav_angehoerigen { width: 150px; top:0; background-position:0 0; }
#navi li#nav_konzept { width: 150px; top:25px; background-position:0 -25px; }
#navi li#nav_angebot { width: 150px; top:50px; background-position:0 -50px; }
#navi li#nav_termine { width: 150px; top:75px; background-position:0 -75px; }
#navi li#nav_blank { width: 150px; top:100px; background-position:0 -100px; }
#navi li#nav_about { width: 150px; top:125px; background-position:0 -125px; }
#navi li#nav_impressum { width: 150px; top:150px; background-position:0 -150px; }
#navi li#nav_blank1 { width: 150px; top:175px; background-position:0 -175px; }

/* hover-Zustand */
#navi a:hover {background-image: url(../images/navi.gif);}
#navi li#nav_angehoerigen a:hover { width: 150px; top:0; left: 150px; background-position:-159px 0; }
#navi li#nav_konzept a:hover { width: 150px; top:25px; left: 150px; background-position:-159px -25px; }
#navi li#nav_angebot a:hover { width: 150px; top:50px; left: 150px; background-position:-159px -50px; }
#navi li#nav_termine a:hover { width: 150px; top:75px; left: 150px; background-position:-159px -75px; }
#navi li#nav_blank a:hover { width: 150px; top:100px; left: 150px; background-position:-159px -100px; }
#navi li#nav_about a:hover { width: 150px; top:125px; left: 150px; background-position:-159px -125px; }
#navi li#nav_impressum a:hover { width: 150px; top:150px; left: 150px; background-position:-159px -150px; }
#navi li#nav_blank1 a:hover { width: 150px; top:175px; left: 150px; background-position:-159px -175px; }

/* aktiver Zustand */
#navi li.current a {background-image: url(../images/navi.gif);}
#navi li.current#nav_angehoerigen a { width: 150px; top:0; left: 150px; background-position:-159px 0; }
#navi li.current#nav_konzept a { width: 150px; top:25px; left: 150px; background-position:-159px -25px; }
#navi li.current#nav_angebot a { width: 150px; top:50px; left: 150px; background-position:-159px -50px; }
#navi li.current#nav_termine a { width: 150px; top:75px; left: 150px; background-position:-159px -75px; }
#navi li.current#nav_blank a { width: 150px; top:100px; left: 150px; background-position:-159px -100px; }
#navi li.current#nav_about a { width: 150px; top:125px; left: 150px; background-position:-159px -125px; }
#navi li.current#nav_impressum a { width: 150px; top:150px; left: 150px; background-position:-159px -150px; }
#navi li.current#nav_blank1 a { width: 150px; top:175px; left: 150px; background-position:-159px -175px; }

.blue {
	color: #005791;
}
#wrapper #footer a {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#wrapper #footer a:hover {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
#wrapper #footer0 a {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#wrapper #footer0 a:hover {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
#wrapper #page #rightcolumn .style1 {
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
}