/**
 * @author Maik Jannasch | Neue Medien Jannasch | www.neue-medien-jannasch.de
 * @copyright Neue Medien Jannasch
 * @created 2011
 * @updated 2014
 * @site stylesheet.css
 * @name RENT-A-DEFI.DE - Defibrillatoren unkompliziert und günstig mieten!
*/

body {
    margin: 0;
    padding: 0;
    background-color: white;
    font-family: Tahoma, Helvetica, sans-serif;
    background: url(../images/bg.gif) top repeat-x #FFF;
    font-size: 1em;
    font-weight: normal;
    color: black;
}

html>body #scrollbar {
    position: absolute;
    z-index: 1;
    bottom: -1px;
    left: 0;
    width: 1px;
    height: 1px;
    display: block;
    font-size: 0;
    background-color: white;
}

#wrapper {
    min-width: 1000px;
    max-width: 1000px;
    margin: 0 auto;
}

a,
a:link,
a:visited,
a:active,
a:hover {
    border: none;
    font-size: 1em;
    text-decoration: underline;    
}

a,
a:link,
a:visited,
a:active {
	color: #63788A;
}

a:hover {
	color: black;
}

header {
    width: 100%;
    height: 83px;
    background-color: white;
}

nav#top ul {
    padding-left: 51.6%;
    width: 48.4%;
    height: 83px; 
    margin: 0;
    list-style: none;
}

nav#top li {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
}

nav#top ul a,
nav#top ul a:hover {
    border: none;
    font-size: 68.75%;
    text-decoration: none;
    display: block;
    width: 120px;
    height: 43px;
    padding-top: 40px;
}

nav#top ul a {
    color: #858585;
    background: url(../images/nav_link.gif);
}

nav#top ul a.active {
    color: #7298B8;
    background: url(../images/nav_link_hover.gif);
}

nav#top ul a:hover {
    color: #7298B8;
    background: url(../images/nav_link_hover.gif);
}

#head {
    width: 1000px;
    height: 254px;
    text-indent: -999px;
    background: url('../images/head_bg.png') no-repeat white;
}

section #wrapper {
    width: 100%;
    height: 100%;
}

nav#main {
    float: left;
    width: 248px;
    min-height: 380px;
    background: url('../images/rent-a-defi_05.gif') repeat-y top;
}

nav#main.eingesetztedefis {
    height: 480px;
}

nav#main.kontakt {
    height: 930px;
}

nav#main.impressum {
    height: 2220px;
}

nav#main ul.nav {
    width: 216px;
	margin-left: 13px;
	padding-top: 10px;
}

ul.nav li a,
ul.nav li a:link,
ul.nav li a:visited,
ul.nav li a:hover {
    padding-top: 8px;
    padding-left: 40px;
    font-size: 14px;
    border: none;  
}  

ul.nav li a {
	height: 33px;
	text-decoration: none;
}

ul.nav li a:link {
	color: #272727;
	display: block;
	background: url(../images/nav.gif) 0 0px;
}

ul.nav li a:visited,
ul.nav li a:active {
	color: #272727;
	display: block;
	background:  url(../images/nav.gif) 0 0px;
}

ul.nav li a:hover {
	color: #63788A;
	background:  url(../images/nav.gif) 0 -33px;
}

ul.nav li a.active {
	color: #63788A;
	background:  url(../images/nav.gif) 0 -33px;
}

ul.nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content {
    float: right;
    width: 628px;
    background: url('../images/rent-a-defi_06.gif') repeat-y top;
    padding-right: 124px;
}

#content .content {
    line-height: 1.5;
}

#content span.site-title {
    border-left: 4px solid #255278;
    color: #255278;
    display: block; 
}

#content span.site-content {
    padding-top: 20px;
    display: block; 
}

.refernzen ul {
    margin: 0;
    padding: 0px;
    list-style-type: circle;
    float: left;
}

.referenzen li {
    margin: 0;
    padding-top: 0;
    text-align: left;
}

.referenzen li span {
    font-weight: bold;
}

.red_dot {
  background: url(../images/red_dot.gif) no-repeat;
  padding-right: 2px;
}

.error {
    color: #ab0100;
}

.error_small {
    color: #ab0100;
}

.textarea {
    border: 1px solid #63788A;
    color: #666666;
    padding: 3px;
}

input.text {
    border: 1px solid #63788A;
    color: #666666;
    height: 16px;
    padding: 3px;
    width: 200px;
}

input.contact {
    border: 1px solid #63788A;
    color: #666666;
    height: 16px;
    padding:3px;
}

button, input[type=submit], input[type=button] {
	border: 1px solid #63788A;
    color: #666666;
    background-color: #FFF;
    padding: 3px;
}

.contact_dropdown-select {
	margin-left: 2px;
    border: 1px solid #63788A;
    color: #666666;
    background-color: #FFF;
    padding: 3px;
    width: 200px;
}

.browser_split {
    width: 100%;
}

.browser_ico,
.browser_brow,
.browser_dl  {
    height: 25px;
}

.browser_ico {
    float: left;
    text-align: left;
    width: 5%;
}

.browser_brow {
    float: left;
    width: 75%;
}

.browser_dl {
    float: left;
    width: auto;
}


footer {
    font-size: 75%;
    text-align: center;
    height: 30px;  
    clear: both;
    display: block;
    background-color: #7b7b7b;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.copy,
.copy a {
    color: #FFF;
    text-align: center;
    height: 50px;
    width: 100%;
}

.copy a:hover {
    color: silver;
    text-align: center;
    height: 50px;
    width: 100%;
}

.underline {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}        

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
 
.clearfix {
    display: inline-block;
}


* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}