/*  
Copyright Robert Hartl - www.netprofit.de
TRENDFREI Typolight Template
*/

html, body, div, span, applet, object, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
p, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
background: transparent;}

* html body * {
overflow:visible;} /*IE Italic Bugs*/

html[xmlns^="http"] {
overflow-x: hidden;} /*FF Zucken*/

a,a:visited,a:focus,a:active,a:hover{
color:#b34b47;
text-decoration:none;
cursor:pointer;}

a:hover{
text-decoration:underline;}

img{
border:none;
vertical-align: bottom;}

ul, ol{
list-style-type:none;}

acronym, abbr{
cursor: help;
border-bottom:1px dotted #797979;
font-style:normal;}

h1,h2,h3,h4,h5,h6{
font-family:Arial, Tohama, Helvetica, Verdana, sans-serif;
color:#1b1c20;
line-height:1em;
margin:0;
padding:0;
font-weight:bold;}

h1{
font-size:1.5em;
margin-bottom:.5em;}

h2{
font-size:1.1em;
margin:1.6em 0 .8em 0;}

h3,h4{
font-size:1em;
font-weight:bold;
margin:1.8em 0 .6em 0;}

h4{
font-weight:normal;}

h5{
font-size:1.4em;
margin-bottom:.5em;}

h6{
font-size:1.1em;
margin:1.6em 0 .8em 0;}


small{
font-size:12px;
color:#555;}

body{
text-align:left;
width:100%;
font:13px/1.7em  Arial, Tohama, Helvetica, Verdana, sans-serif;
color:#797979;
background:#f2f2f2 url('images/bg.gif') top left repeat;}

.links{
float:left;
display:inline;}

.rechts{
float:right;
display:inline;}

.w100{
width:960px;
margin:0 auto;}

.w66{
width:610px;}

.w33{
width:240px;}

/* ==========  Header  =========== */

#header{
width:100%;
margin:0;
padding:0;
height:135px;
background:#fff url('images/bg-header.jpg') bottom left repeat-x;}

#header a#logo{
z-index:800;
display:block;
text-align:left;
width:465px;
height:103px;
text-indent:-98765px;
position:relative;
top:23px;
left:-17px;
background:transparent url('images/logo.jpg') bottom left no-repeat;}



/* ==========  Naviheader  =========== */
#naviheader{
position:absolute;
top:106px;
width:100%;
z-index:400;}

#naviheader .mod_navigation{
font-size:12px;
position:relative;
width:958px;
margin:0 auto;
padding:0;
text-align:right;
z-index:500;}

#naviheader .mod_navigation ul li{
display:inline;}

#naviheader .mod_navigation ul li p.active, #naviheader .mod_navigation ul li a, #naviheader .mod_navigation ul li a:hover, #naviheader .mod_navigation ul li a:active, #naviheader .mod_navigation ul li a:visited{
display:inline;
color:#797979;
padding:0 0 0 5px;
margin:0;
text-transform:uppercase;
border-left:1px solid #d8d8d8;}

#naviheader .mod_navigation ul li p.active{
color:#1b1c20;
margin:0;}

* html #naviheader .mod_navigation ul li p.active{
padding-right:5px;}

*+html #naviheader .mod_navigation ul li p.active{
padding-right:5px;}

#naviheader .mod_navigation ul li.first p.active, #naviheader .mod_navigation ul li.first a.first{
border-left:0;}

#naviheader .mod_navigation ul li a:hover{
color:#b34b47 !important;}



/* ==========  Teaser  =========== */

#teaser{
text-align:center;
width:100%;
margin:0;
padding:0 0 2px 0;
background:#ebebeb url('images/bg-teaser.gif') bottom left repeat-x;}

#headerbild{
width:960px;
padding:0;
margin:0 auto;
overflow:hidden;
background:transparent url('images/bg-inhalt.gif') top center repeat-y;}


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

#inhalt{
text-align:center;
width:960px;
margin:0 auto;
padding:32px 0;
margin:0 auto;
background:transparent url('images/bg-inhalt.gif') top center repeat-y;}


#inhalt .w66{
text-align:left;
margin-left:32px;}

#inhalt .w33{
text-align:left;
margin-right:32px;}


span.highlight{
font-weight:bold;}

p.url{
color:#bbb;}

form input.text, form input.captcha, form input.upload, form textarea{
font:12px arial, verdana, sans-serif;
color:#111;
padding:2px;
margin:3px 2px 3px 6px;
border:1px solid #D3E0A4;
width:270px;}

form textarea{
height:70px;}

form input.captcha{
width:30px;}

form input.submit{
cursor:pointer;
margin:2px;
padding:1px 10px;
font-size:12px;}

form .error{
color:red;
font-style:italic;}




/* ==========  Footer  =========== */

#footr{
font-size:11px;
width:956px;
margin:0 auto;
padding:5px 2px;
margin:0 auto;
background:transparent url('images/bg-footer.gif') top center no-repeat;}


#footr .rechts{
text-align:right;}

#footr .mod_customnav, #footr .mod_customnav ul, #footr .mod_customnav ul li{
display:inline;
margin:0;
padding:0;}


#footr .mod_customnav ul li p.active, #footr .mod_customnav ul li a, #footr .mod_customnav ul li a:hover, #footr .mod_customnav ul li a:active, #footr .mod_customnav ul li a:visited{
display:inline;
color:#797979;
padding:0 2px 0 5px;
margin:0;
border-left:1px solid #d8d8d8;}

#footr .mod_customnav ul li p.active{
color:#1b1c20;
margin:0;}

* html #footr .mod_customnav ul li p.active{
padding-right:5px;}

*+html #footr .mod_customnav ul li p.active{
padding-right:5px;}

#footr .mod_customnav ul li.first p.active, #footr .mod_customnav ul li.first a.first{
border-left:0;}

#footr .mod_customnav ul li a:hover{
color:#b34b47 !important;}


/* ==========  Footernavi  =========== */

#navifootr{
clear:both;
font-size:11px;
width:940px;
padding:5px 10px;
margin:30px auto;
border-top:1px solid #d8d8d8;
background:transparent url('images/bg-inhalt.gif') top center repeat-y;}





.clearleft{
clear:left;}

.clearright{
clear:right;}

.clearboth{
clear:both;}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
/* FF mittig
.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%;}