/*  
TypoLight Foti-Mai
1.2
Robert Hartl - http://www.netprofit.de/
Netprofit
*/


/*=============== Generelles =================*/
*{
	margin:0;
	padding:0;}

code {
	font: 1.1em "Courier New", Courier, Fixed;}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;}

acronym, abbr, span.caps {
	cursor: help;}

acronym, abbr {
	border-bottom: 1px dotted #ccc;}

h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	letter-spacing: 0.03em;}

h1 {
	font-size: 18px;
	line-height: 100%;}

h2 {
	font-size: 15px;
	line-height: 100%;}

h3 {
	font-size: 14px;
	line-height: 100%;}

ul, ol, dl {
	margin: 0px 0px 15px 0px;
	padding: 0px;}

li, dd {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;}

ul li {
	list-style-type: square;}

dt {
	margin: 0px 0px 5px 0px;
	padding: 0px;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;}

fieldset{
}

a, a:link, a:visited, a:active, a:hover, a:focus {
	text-decoration: underline;
	color: #00437d;}
  
a:hover {
	color: #608BAE;}

/*================== Layout ==================*/

body {
	background:#608BAE url(images/bg.jpg) top left repeat-x;
	font-family:Arial, Helvetica, Verdana,sans-serif;
	font-size:12px;
  text-align:center;
	line-height:170%;
	color: #00437d;
	height:100%;
	margin:0;
	padding:0;}

#rahmen{
  width:100%;
  margin:0;
  padding:0;
  height:100%;
  background:transparent url(images/header-bg.jpg) top center no-repeat;}  
  
#rahmen2{
  width:918px;
  margin:0 auto;
  padding:0;
  text-align:left;}
  
  
/*================= Header =====================*/ 

h1#header{
  text-indent:-98231px;}

h1#header a{
  text-align:left;
  margin:0;
  padding:0;
  text-decoration:none;
	width:100%;
	height:112px;
	position:relative;
	display:block;}

h1#header a:hover{
  text-decoration:none;}


/*================= Navi =====================*/ 

#navi{
  width:100%;
  height:67px;
font-size:14px;
  margin:0;
  padding:0;}

#navi a.invisible{
padding:0;
margin:0;
height:0;
display:none;}

#navi ul, #navi ul li{
list-style:none;}

#navi ul li, #navi ul li span{
  display: inline;}

#navi ul li a{
display:block;}

#navi ul li a, #navi span.active{
padding:11px 11px 8px 11px;
text-decoration:none;
float:left;}


#navi .mod_navigationMain ul li a, #navi .mod_navigationMain ul li span.active{
border-right:1px solid #fff;}

#navi .mod_navigationMain ul li.last a, #navi .mod_navigationMain ul li.last span.active{
border-right:none;}

#navi .mod_navigationMain ul li a:hover{
background-color:#fff;
color:#00437d !important;}

#navi .mod_navigationMain ul li a:hover{
;}

#navi .mod_navigationMain ul.level_1{
height:39px;
margin:0 0 0 331px;}

#navi .mod_navigationMain ul.level_1 li{}

#navi .mod_navigationMain ul.level_1 li span.active, #navi .mod_navigationMain ul.level_1 li.trail a{
background-color:#FEDBBB;}

#navi .mod_navigationMain ul.level_1 li.brief a, #navi .mod_navigationMain ul.level_1 li.brief span.active{
padding-right:18px;
background-image:url('images/umschlag.gif');
background-position:88% 30%;
background-repeat:no-repeat;} 

#navi .mod_navigationSub{
clear:left;
font-size:13px;}

#navi .mod_navigationSub ul.level_1{
height:26px;
margin:3px 0 0 333px;}

#navi .mod_navigationSub ul li a, #navi .mod_navigationSub span.active{
padding:3px 9px 2px 9px;
float:left;}

#navi .mod_navigationSub ul.level_1 li{}

#navi .mod_navigationSub ul.level_1 li span.active, #navi .mod_navigationSub ul.level_1 li.trail a{
background-color:#fff;}


/* alte NAVI

#navi ul li a:hover{
background-color:#fff;}

#navi .mod_navigation ul.level_1{
height:39px;
margin:0 0 0 331px;}

#navi .mod_navigation ul.level_1 li{}

#navi .mod_navigation ul.level_1 li span.active, #navi .mod_navigation ul.level_1 li.trail a{
background-color:#FEDBBB;}

#navi .mod_navigation ul.level_1 li.brief a, #navi .mod_navigation ul.level_1 li.brief span.active{
padding-right:18px;
background-image:url('images/umschlag.gif');
background-position:88% 30%;
background-repeat:no-repeat;} 

#navi .mod_navigation{
clear:left;
font-size:13px;}

#navi .mod_navigation ul.level_1{
height:26px;
margin:3px 0 0 333px;}

#navi .mod_navigation ul li a, #navi .mod_navigation span.active{
padding:3px 9px 2px 9px;
float:left;}

#navi .mod_navigation ul.level_1 li{}

#navi .mod_navigation ul.level_1 li span.active, #navi .mod_navigation ul.level_1 li.trail a{
background-color:#fff;}

ENDE ALTE NAVI */



/*================= Inhalt =====================*/ 

#content{
  margin:4px 0 0 0;
  padding:0;
  background:#fff url(images/blau-streifen.jpg) top left repeat-y;}

.content{
width:100%;
  margin:0;
  padding:0;
  background:transparent url(images/blau-bg.jpg) top left no-repeat;}
  
#inhalt{
  float:right;
  width:576px;
  min-height:400px;
  margin:0;
  padding:0;}
  
#inhalt-innen{
  margin:0 44px 20px 0;
  padding:10px 0 0 0;}
    
#sidebar{
  background:transparent url(images/bild-start.jpg) top left no-repeat;
  float:left;
  width:300px;
  min-height:400px;
  padding:0;
  margin:0;}

* html #sidebar{ /* ie6 zeitdieb*/
  height:600px;}    

/* =========== Artikel ============== */
.mod_article h1{
font-weight:normal;
margin-top:10px;
margin-bottom:25px;}

.mod_article h2{
font-weight:normal;
margin-top:35px;
margin-bottom:10px;}

.mod_article div{
margin-bottom:25px;}

#inhalt ul li{
list-style:none;
padding-left:11px;
margin-left:2px;
background:transparent url(images/pfeil.gif) left no-repeat;}


#inhalt a[href$=".pdf"] {
background:transparent url(images/pdf.gif) right bottom no-repeat;
padding-right:13px;}

/* Startseite */
#leistungsteaser-k{
float:left;
width:255px;
height:218px;
background:transparent url(images/start-k.jpg) top left no-repeat;}

#leistungsteaser-w{
float:right;
width:255px;
height:218px;
background:transparent url(images/start-w.jpg) top left no-repeat;}

.leistungsteaser a{
font-weight:bold;
font-size:13px;
line-height:130%;
display:block;
margin:10px 0 0 10px;
padding:0 0 0 15px;
width:220px;
height:200px;
text-decoration:none;
/*background:transparent url(images/pfeil.gif) top left no-repeat*/;
}

.leistungsteaser a:hover{
  text-decoration:none;}


/* Navigation ab Ebene 3 */
#inhalt .mod_navigation ul.level_1{
background:#ebf1f3;
width:320px;
list-style:none;
padding:15px 20px;
margin:20px 0;}

#inhalt .mod_navigation ul.level_1 li{
padding:3px 0 3px 15px;
background:transparent url(images/pfeil.gif) left no-repeat;
list-style:none;}

.mod_article .teaser{
background:#ebf1f3;
padding:5px 10px 10px 10px;}

.mod_article .teaser img{
margin:5px 20px 0 0 !important;
padding:0 !important;}

.mod_article .teaser .image_container{
margin:0;
padding:0;}

.mod_article .rand img{
padding:10px;
margin:3px 15px 0 0;
background:#ebf1f3;}



.formbody input, .formbody textarea{
padding:2px;}
td.col_0{
padding-right:10px;}
td.col_1{
padding-bottom:3px;}
.formbody textarea{
height:140px;
width:350px;
font-family:arial, verdana, sans-serif;
font-size:1.1em;}








.ce_gallery td{
padding-right:15px;
padding-bottom:15px;}

.ce_gallery td img{
padding:0px;}

.ce_gallery td a img{
border:2px solid #ebf1f3;}

.ce_gallery td a:hover img{
border-color:#608BAE;}


#sidebar .caption{
width:240px;
margin:30px auto;
color:#fff;
font-size:11px;}



/*================= Footer =====================*/ 
#footr{
margin:2px 1px;
font-size:11px;}

#footr, #footr a{
color:#fff;}

/*=============== Inputs ===================*/

.input {
}


.invisible{width:0;height:0;left:-1000em;top:-1000em;position:absolute;overflow:hidden;display:inline}


/*==================== Sonstiges ===============*/

.right {
	float: right;}
  
.left {
	float: left}

.center {
	text-align: center;}
  
hr {
	display: none;}

/*
.clearboth{
	clear: both;}

.clearleft{
  clear:left;}
  
.clearright{
  clear:right;}
*/

/* ====== Typolight clearings ======= */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
.clearfix{
	display:inline-block;}
/* nicht IE-mac\*/
* html .clearfix{
	height:1%;}

.clearfixleft:after{
	content:".";
	display:block;
	height:0;
	clear:left;
	visibility:hidden;}
.clearfixleft{
	display:inline-block;}
/* nicht IE-mac\*/
* html .clearfixleft{
	height:1%;}

.teaser{
width:512px;}

.block{
display:block;}