@charset "utf-8";
/* Basisvorlage CSS
LeasingUnion
www.leasingunion.com
Start: 17.12.2008
Letzte Aenderung: 17.12.2008
*/
/* CSS Document */

/* Reset
------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 150%;
}
/* Globals und Typo
------------------------------------------------*/
html, body{height:100%;margin:0; padding:0}
body {
	font-size: 75%;
	background-image:url(../bilder/body_bg.png);
	background-repeat:repeat-x;
}
html>body {
	font-size: 12px;
}
a:link {color: black;
	text-decoration:underline;}
a:visited {text-decoration:underline;}
a:hover {text-decoration:underline;}
/* macht gepunktete linie um geklickte links unsichtbar
------------------------------------------------*/
a:focus {outline:none;}
/* box positioning
------------------------------------------------*/
#seite {
	margin: auto;
	width: 949px;
	
	position: relative;
	background-color:#FFFFFF;
}
#seite1 {
	margin: auto;
	width: 949px;
	min-height: 100%;
	position: relative;
	background-color:#FFFFFF;
}
#kopf {
	width: 100%;
	height: 146px;
	margin: auto;
	background-image:url(../bilder/kopf_bg.png);
}
.hingucker {
	width: 949px;
	height: 200px;
	background-image:url(../bilder/bg_hingucker.png);
}
.hinguckerpaket {
	width: 216px;
	height: 170px;
	float: left;
	border-right: 1px solid #000;
	padding: 15px 10px;
}
.hinguckerpaket img {
	width: 66px; float: left; padding-right: 15px;
}
#inhalt {
	width: 929px;
	margin: auto;
	height:100%;
	padding: 10px;
}

#iframe {
width:929px;
margin: auto;
padding: 10px;
background-color:#FFFFFF;
}
#links {
	width: 572px;
	float: left;
	padding: 30px 50px 25px 50px;
}
#links p {
	padding-left: 42px; padding-right: 30px;
}
#links img {
	padding-left: 42px; padding-right: 10px; float:left;
}
#links h1 {padding-left: 42px; font-size: 19px; font-weight:lighter; color: #172a83;}
#links h2 {padding-left: 42px; font-size: 15px; font-weight:lighter; color: #172a83;}
#links ul{padding-left: 57px;}
#rechts {
	width: 214px;
	float: right;
	padding: 30px 10px 25px 15px; background-color: #009ee1;
}
#rechts img {float: left; margin: 10px 0 15px 0;}
#rechts h1 {font-size: 19px; font-weight:lighter; color: #fff;}
#banner {width: 437px; height: 75px; line-height: 75px;padding-left: 134px; font-size: 19px; color:#FFFFFF; background-image:url(../bilder/bg_banner.png);}
#menu {width: 949px; height: 32px; margin-top: 15px;background-image:url(../bilder/bg_menu.gif); }
#menu a {float:left; line-height: 32px; padding: 0px 5px; font-size: 12px; color:#003366; text-decoration: none; border-right: 1px solid  #003366;}
#menu a:hover, .aktiv {color:#151e4b;background-image:url(../bilder/bg_content.png);}
#flatterbuch {position: absolute; z-index: 100; left: 50%; top: -10px; width: 200px; margin-left: 300px;}
/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {
	font: 1em/1.5em Geneva, Arial, Helvetica, sans-serif;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}
/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */

/*formulare*/
.form { width: 80%;padding-left: 42px;}
.form form {margin: 0px; padding: 0px;}
.form .separator {margin:0px; padding: 0px;}

.form .element {
    margin: 0px 0px 15px 0px;
    clear: both;
}

.form .element .description {
    float: left;
    width: 200px;
}

.form .element .description .note {
    display: block;
    font-size: 10px;
    color: #aaa;
}

.form .element .field input {
    width: 80%;
    text-align: left;
    border: 1px;
    color: #000;
    border-color: #aaa;
    border-style: solid;
    background: none;
}

.form .element .field select {
    width: 80%;
    text-align: left;
    border: 1px;
    color: #000;
    border-color: #aaa;
    border-style: solid;
    background: none;
}

.form .element .field textarea {
    width: 80%;
    height: 100px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    border: 1px;
    color: #000;
    border-color: #aaa;
    border-style: solid;
	background: none;
}

.form .element .field .checkbox {
    width: 20px;
    border: 0px;
    background: none;
}

.form .element .field .radio {
    width: 20px;
    border: 0px;
    background: none;
}

.form .element .field .submit {
    text-align: center;
    width: 100px;
    color: #fff;
    border-color: #fff;
    background-color: #3888c2;
	cursor: pointer;
	padding: 10px;
	margin-left: -100px;
}

.form .element .field input.error {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-size: 12px;
    color: white;
	background-color: red;
}
.form .element .field div.error {color: red; font-size: 12px;}
/*buchshop*/
.suchfeld {border: 1px solid #000;}
.buchshopsuche {padding: 10px 10px;}