/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/


.sIFR-active p.sifr_papyrus{
	color:#FF0000;
}
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
    vertical-align: baseline;
}
em, small {
    line-height: 1.15;
}
:focus {
	outline: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
li, dd, blockquote {
    margin-left: 1em;
}
form label {
    cursor: pointer;
}

/* IE PNG fix */
* html .png { 
	behavior: url(css/_iepngfix.htc) 
}	

/* Clearfix ohne extra Markup
= = = = = = = = = = = = = = = = = = = = */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/* Shortcuts
= = = = = = = = = = = = = = = = = = = = */
.fll { float: left }
.flr { float: right }
.tal { text-align: left }
.tar { text-align: right }
.tac { text-align: center }
.clr { clear: both; }
.clrl { clear: left; }
.clrr { clear: right; }
.b { font-weight:bold; }
.i {font-style:italic; }
.u {text-decoration:underline; }

html {
  font-size: 100.01%
}
body {
  font-size: 1em;
  line-height: 1.4;
  color: #fff;
}

/* Default fonts */
body { 
  color: #000; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6 {   
  color: #000; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
}
input, button, textarea {
  font-family: inherit;
  font-size: 100%;
}

/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { font-size: 1em; line-height: 1; margin-bottom: 0.75em; font-weight: bold; }
h2 { font-size: 0.88em; line-height: 1; margin-bottom: 0.5em; font-weight: bold; }
h3 { font-size: 0.81em; line-height: 1; margin-bottom: 0.5em; }
h4 { font-size: 0.75em; line-height: 1; margin-bottom: 0.5em; }
h5 { font-size: 0.75em; line-height: 1; margin-bottom: 0.5em; font-style: italic; }
h6 { font-size: 0.75em; }

/* Text Elements */
p           { margin-bottom: 1em; line-height: 1.2em;}
p.first		{ margin-top: 1.5em; }
p.last      { margin-bottom: 0; }

ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin-bottom: 1.5em; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color: #666; }

a:hover     { color: #000; outline:none; }
a           { color: #009; text-decoration: underline; line-height: 1.2em;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

/* Tables */
table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 0px; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }
table img {	margin: 0; }

/*BODY*/
body{
	font-family:"Courier New", Courier, monospace;
	font-size:13px;			
}
h1, h2, h3{
	font-family:"Courier New", Courier, monospace;
}
#trustedwatch .artikel h2, h2{
	font-size:14px;	
}
#trustedwatch .artikel {
	margin-top:10px;	
	border-bottom:1px solid black;
}
#trustedwatch .artikel img{
	margin-left:0px;	
}
#home h1{
	color:#005938;
	text-align:center;
	font-size:24px;
	margin:160px;
}

/*DIVS*/
#wrapper{	
	max-width:1178px;
	min-width:745px;
	min-height:500px;
}

#load{
	background:url(../images/progress.gif);
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-16px;
	margin-top:-16px;
	display:none;
	width:32px;
	height:32px;
}
#fb_share_new{
	position:relative;
	top:5px;
	left:5px
}
* html #fb_share_new{
	position:static;
}
*+html #fb_share_new{
	position:static;
}
#fb_shared{
	float:left;
	margin:10px 0 0 5px;
	background:url(../images/shared.jpg);
	padding:2px 0 0 25px;
	width:75px;
	height:16px;
	display:block;
	color:#fff;
	font-family:arial;
	font-weight:bold;	
}
img.logouhr{
	position:absolute;
	left:0;
	top:0;
}
#wrapper #top_left{
	border:none;
	border-bottom:#005938 4px solid;		
	float:left;
	height:65px;
	overflow:hidden;
	margin-right:0;		
}
#top_right{	
	height:65px;		
	margin-left:720px;
	background:#005938;	
	border-bottom:#000 4px solid;	
	border-left:#000 8px solid;
	overflow:hidden;	
}

#errorpage{
	margin:100px;
	line-height:30px;
	text-align:center;	
	font-size:16px;
}
#overflow{
	overflow:auto;	
	height:400px;
}
#wrapper #content{
	border:none;
	height:404px;	
	width:655px;
	float:left;	
	padding:10px 5px 10px 0;
	color:#005938;

	border-right:#000 8px solid;	
	margin-bottom:-4px;	
	margin-right:0;
}


#content_right{
	height:420px;
	min-height:420px;		
	margin-left:728px;			
	margin-bottom:-4px;
	width:450px;	
	overflow:hidden;
	margin-right:-3px;
	
}
* html #content_right {
	position: relative;
	left: -3px;
}
#border{
	border-bottom:#005938 4px solid;
	max-width:1178px;	
	margin-left:60px;	
	margin-bottom:-4px;
	float:none;	
}
* html #border{
	margin-top:3px;
}
*+html #border{
	margin-top:-13px;
}
#top_left, #content, #nav{
	float:left;	
	border-right:#000 8px solid;
	width:660px;
	margin-left:60px;	
	display:inline;
}
#bottom_right{
	border-left:#005938 4px solid;
	height:60px;	
	float:left;
	padding-top:4px;
}
#bottom_right a,
#bottom_right img{
	display:block;	
	float:left;
}


/*NAV*/
#wrapper #nav{
	float:left;	
	border-right:#000 7px solid;
	height:50px;
	margin-right:2px;	
}
#wrapper #nav li{
	float:left;
	text-decoration:none;
	list-style:none;	
	margin: 0 0.5em 0 0; 
}
#wrapper #nav li a{ 
	padding:0 0.5em 0 0;
}
#wrapper #nav ul{
	margin:0;	
}
#wrapper #nav ul  a{
	color:#000;
	text-decoration:none;
	height:17px;	
	padding-top:33px;	
	display:block;
	background-image:url(../images/btn.gif);
	background-repeat:no-repeat;	
	background-position:160%;	
}
* html #wrapper #nav ul  a{
	width:40px;
}
* html #wrapper #nav ul  a.ueber_uns{
	width:65px;
}

#wrapper #nav a:hover,
#ueber_uns #wrapper .ueber_uns,
#service #wrapper .service,
#login #wrapper .login,
#erstellen #wrapper .erstellen,
#bearbeiten #wrapper .bearbeiten,
#modelle #wrapper .modelle,
#historie #wrapper .historie,
#aktuelles #wrapper .aktuelles ,
#presse #wrapper .presse,
#kontakt #wrapper .kontakt,
#news #wrapper .news,
#top_angebot #wrapper .top_angebot
{
	color:#005938;	
	background-position:100%;
	
}
.mouseover{
	background-position:100%;
}
.mouseout{
	background-position:150%;
}


/*SONSTIGES*/
#content #ueber_uns, 
#content #service, 
#content #erstellen, 
#content #bearbeiten .abstand,
#content #login, 
#content #historie,
#content #presse, 
#content #disclaimer{
	padding:40px 0 0 0;	

}
#content #login label,
#content #bearbeiten label,
#content #erstellen label{
		display:block;
		width:100px;
		float:left;
		text-align:right;
		margin-right:5px;
}
#content form input.header,
#content form textarea{
	width:370px;	
}
#content form textarea{
	height:200px;	
}
#content form input,
#content form label{
	margin-top:7px;	
}
#content #login form br,
#content #bearbeiten form br,
#content #erstellen form br{
	clear:both;
}
#content #ueber_uns a{
	margin:20px 0 0 0;	
}
#content #modelle{
	color:#005938;
	margin:20px 0 0 0;	
	text-align:center
}
#content #historie ul{
	list-style:disc;
	
}
#content #historie ul li, #content #disclaimer p{
	line-height:18px;
}
.bericht_right{
	float:right;
	width:200px;
	background:#CCC;
	
}
.bericht_left{
	float:left;
	width:200px;
	background:#CCC;
	margin: 0 10px 10px 0px;
}
.bericht_right p, .bericht_left p{
	text-align:center;
	padding:3px 0 0 0;
	color:#000;
}
#content #tutima2 table{
	font-size:13px;	
}

#content #news #trustedwatch{
	background:none;	
}

#content #news{
	padding-bottom:5px;	
}
.morphin{
	background-position:100% 50%;
	color:#005938;
	background-image:url(../images/btn.gif);
}
.morphout{
	background-position:160% 50%;
	color:#000;
	background-image:url(../images/btn.gif);
}
@media screen and (min-width: 0px){ #top_right { 
	position:absolute;
	left:0px;
	width:450px;
}}

	



/* Sample 6*/
#box6{
	position:absolute;
	width:240px;
}
#box6 span{
	display:block;
}
#handles6_1{
	float:left
}
#handles6_2{
	float:right
}
.mask6{
	position:absolute;
	xleft:50%;
	xmargin-left:-120px;
	width:450px;
	height:420px;
	overflow:hidden;
}
.sample6 .buttons{
	clear:both;
	text-align:center;
}

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

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

span img{
	display:block;
	border:none;
}