@charset "utf-8";


/* Basisvorlage CSS
LeasingUnion
rita.rueffert.de
Start: 16.6.2010

*/
/* CSS Document */


@font-face {
	font-family: 'PerspectiveSansRegular';
	src: url('persans-webfont.eot');
	src: local('☺'), url('persans-webfont.woff') format('woff'), url('persans-webfont.ttf') format('truetype'), url('persans-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PerspectiveSansItalic';
	src: url('persansi-webfont.eot');
	src: local('☺'), url('persansi-webfont.woff') format('woff'), url('persansi-webfont.ttf') format('truetype'), url('persansi-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PerspectiveSansBold';
	src: url('persansb-webfont.eot');
	src: local('☺'), url('persansb-webfont.woff') format('woff'), url('persansb-webfont.ttf') format('truetype'), url('persansb-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PerspectiveSansBoldItalic';
	src: url('persanbi-webfont.eot');
	src: local('☺'), url('persanbi-webfont.woff') format('woff'), url('persanbi-webfont.ttf') format('truetype'), url('persanbi-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PerspectiveSansBlackRegular';
	src: url('persanbk-webfont.eot');
	src: local('☺'), url('persanbk-webfont.woff') format('woff'), url('persanbk-webfont.ttf') format('truetype'), url('persanbk-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PerspectiveSansBlackItalic';
	src: url('persabki-webfont.eot');
	src: local('☺'), url('persabki-webfont.woff') format('woff'), url('persabki-webfont.ttf') format('truetype'), url('persabki-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Reset
------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	color: #956426;
}
/* Globals und Typo
------------------------------------------------*/
html, body{height:100%;margin:0; padding:0}
body {
	font-size: 75%; 
	background-image:url(bilder/all/body_bg_a.jpg);
}
html>body {
	font-size: 14px;
}
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
------------------------------------------------*/
#wrapper {
	
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: relative; background-position: top center;
}

#content {
	width: 960px;
	margin: auto;
}
#logo {height: 261px; width: 255px;background-image:url(bilder/all/rita_rueffert.png); background-repeat:no-repeat;}
#left {float: left; width: 400px;}
#right {float: left; width: 560px;}
#jquery {width: 400px; height: 423px; float: left;}
#menu {width: 557px; height: 134px; background-image:url(bilder/all/bg_menu.png); background-repeat:no-repeat;}
#menu a {font-size: 26px; font-family: 'PerspectiveSansRegular', Arial, sans-serif; text-decoration: none; color:#FFFFFF; padding-left: 20px; margin-top: 70px;display:block; float: left; letter-spacing: -2px;}
#menu a:hover, .aktiv {color: rgb(200,30,30);text-shadow: 2px 2px 5px #000;}
#inhalt {
	width: 505px;
	float: right;
	font: 16px/20px 'PerspectiveSansRegular', Arial, sans-serif;
	padding-right: 20px; font-style:italic;
	margin-top: 250px;
}
#inhalt h1 {font: 30px 'PerspectiveSansRegular', Arial, sans-serif;  background-color:rgb(200,30,30);background-color:rgba(200,30,30,0.7); color: #f7e7c4; padding-left: 20px;-moz-border-radius-topleft: 15px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 15px;-moz-border-radius-bottomleft: 0px;-webkit-border-top-left-radius: 15px;-webkit-border-top-right-radius: 0px;-webkit-border-bottom-left-radius: 0px;-webkit-border-bottom-right-radius: 15px;}
.italic {font: 27px/32px 'PerspectiveSansRegular', Arial, sans-serif; font-style:italic; color: rgb(200,30,30); }
h2 {font: 20px/40px 'PerspectiveSansRegular', Arial, sans-serif; color: #956426; text-transform:uppercase; border-bottom: 1px solid #956426;border-top: 1px solid #956426; margin: 0;}
#prevNext
{
margin-bottom: -2.5em;
}

#prevNext img
{
position: relative;
z-index: 2;
cursor: pointer;
}

/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {
	font: 1em/1.5em Geneva, Arial, Helvetica, sans-serif;
	margin-top: 1em;
	margin-bottom: 1.5em;
}

h1 {
	font: 1.67em/0.9em Geneva, Arial, Helvetica, sans-serif;
	/*margin-top: 0.9em;*/
	margin-bottom: 0.9em;
}

h2 {
	font: 1.5em/1em Geneva, Arial, Helvetica, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
}

h3 {
	font: 1.33em/1.13em Geneva, Arial, Helvetica, sans-serif;
	margin-top: 1.13em;
	margin-bottom: 1.13em;
}

h4 {
	font: 1.17em/1.29em Geneva, Arial, Helvetica, sans-serif;
	margin-top: 1.29em;
	margin-bottom: 1.29em;
}
/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}
/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
	float: left;
	margin: 0;
}

.rechts {
	float: right;
	margin: 0;
}


.hidden
{
display: none;
}