@charset "utf-8";
/*====================================================================

CSS Porsche Galerie 

stylesheet für die Online Bildergalerie
Stand:	Finito
Datei:	porschegeleriestyle.css
Datum:	09. August 2013
Autor:	Cermusoni ID, Ursula Volkart

====================================================================*/

/*Aufbau

html
	body
		wrapper
			header /
				<img>
				<img>
			titelseite /
				<img>
				<h1>
			loginbox
				<h2>
				<form>
					<table>
						<h3>
						<input.passwort>
					/<table>
					<input#loginbutton>
				/<form>
		/wrapper
	/body
/html

/*----------------------------------------------------------------/
		New Fonts
-----------------------------------------------------------------*/

@font-face {
        font-family: "PorscheNextWLa";
        font-weight: 100;
        font-style: normal;
        src: url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Thin.eot");
        src: url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Thin.eot?#iefix") format("embedded-opentype"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Thin.woff2") format("woff2"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Thin.woff") format("woff"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebLatin/Fonts/PorscheNextWLa-Thin.ttf") format("truetype"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebLatin/Fonts/PorscheNextWLa-Thin.svg#PorscheNextWLa-Thin") format("svg");
        }

        @font-face {
        font-family: "PorscheNextWLa";
        font-weight: 100;
        font-style: italic;
        src: url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-ThinItalic.eot");
        src: url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-ThinItalic.eot?#iefix") format("embedded-opentype"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-ThinItalic.woff2") format("woff2"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-ThinItalic.woff") format("woff"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebLatin/Fonts/PorscheNextWLa-ThinItalic.ttf") format("truetype"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebLatin/Fonts/PorscheNextWLa-ThinItalic.svg#PorscheNextWLa-ThinItalic") format("svg");
        }

        @font-face {
        font-family: "PorscheNextWLa";
        font-weight: normal;
        font-style: normal;
        src: url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Regular.eot");
        src: url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Regular.eot?#iefix") format("embedded-opentype"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Regular.woff2") format("woff2"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Regular.woff") format("woff"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebLatin/Fonts/PorscheNextWLa-Regular.ttf") format("truetype"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebLatin/Fonts/PorscheNextWLa-Regular.svg#PorscheNextWLa-Regular") format("svg");
        }

        @font-face {
        font-family: "PorscheNextWLa";
        font-weight: normal;
        font-style: italic;
        src: url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Italic.eot");
        src: url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Italic.eot?#iefix") format("embedded-opentype"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Italic.woff2") format("woff2"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Italic.woff") format("woff"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebLatin/Fonts/PorscheNextWLa-Italic.ttf") format("truetype"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebLatin/Fonts/PorscheNextWLa-Italic.svg#PorscheNextWLa-Italic") format("svg");
        }

        @font-face {
        font-family: "PorscheNextWLa";
        font-weight: bold;
        font-style: normal;
        src: url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.eot");
        src: url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.eot?#iefix") format("embedded-opentype"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.woff2") format("woff2"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.woff") format("woff"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.ttf") format("truetype"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.svg#PorscheNextWLa-Bold") format("svg");
        }

        @font-face {
        font-family: "PorscheNextWLa";
        font-weight: bold;
        font-style: italic;
        src: url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.eot");
        src: url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.eot?#iefix") format("embedded-opentype"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.woff2") format("woff2"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.woff") format("woff"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.ttf") format("truetype"), url("https://www.porsche.com/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.svg#PorscheNextWLa-Bold") format("svg");
        }

/*----------------------------------------------------------------/
        Kalibrierung und RESET 
-----------------------------------------------------------------*/
/* reset */
*{border:0; font-size:1em; margin:0; padding:0;}
a {outline:none; text-decoration:none;}
ul, ol, li {list-style:none}
table {border-collapse:collapse; border-spacing:0;}
del, ins {text-decoration:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-weight:100;}
q:before, q:after {content:'';}
abbr, acronym {font-variant:normal;}
legend {color:#000;}
input, button, textarea, select, optgroup, option {font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
input, button, textarea, select {font-size:1em;}

/* start */
html {height:100%; margin-bottom:1px; background-color:#333;}
body {color:#333; font:PorscheNextWLa, Helvetica, sans-serif; text-align:left;}


/*----------------------------------------------------------------/
        Layout Positionierung
----------------------------------------------------------------

/* Positionen / Hintergrundfarben
---------------------------------------------------------------- */
#wrapper {width:960px; padding:40px 0; margin: auto; background-color:#fff;}
#header {width:880px; min-height:140px; padding:0 40px;}
#header img#logo {margin-left:360px; float:left;}
#titelbild img.titelbild {width:880px; padding: 0 40px; margin-bottom:30px;}
#titelbild img.logoplatform {padding: 0 40px; margin-bottom: 30px;}
#footer {width:880px; padding:0 40px;}
#login {background-color:#e9e9e9; width:880px; height:200px; margin:0 40px 100px 40px}


/*----------------------------------------------------------------/
        Typografie
----------------------------------------------------------------*/

body {color:#666; font-family:'PorscheNextWLa',sans-serif !important; text-align:left;}

/*Absatz*/
p {font-size:0.8em; line-height:1.5em;}

/*Überschriften*/
h1, h2, h3 {font-family: 'PorscheNextWLa';}
h2 {font-size:32px; color:#333; margin-bottom:15px; line-height: 1.3;}
.subgalerie h2 {margin-bottom:35px;}
h3 {font-size:18px; color:#666; margin-bottom:15px;}
#bildergalerie h2 {margin-bottom:0px;}
#bildergalerie h2+h3 {margin-bottom:35px;}

/* Login Formular
---------------------------------------------------------------- */
#titellogin {float:left; padding:25px 50px 0 25px;}
#loginbox {width:160px; float:left; margin-top:25px; margin-left:80px;}
#passwortbox {border:1px solid #fff; padding: 10px 10px 20px 10px;}
#loginbox form input.passwort {width:100%; height:20px; border:1px solid #ccc;}
input#loginbutton {float:right; margin-top:10px;     background-color: #848484;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    width: 100%;}
#login .fehlerbox {border:1px solid #fff; float:left; margin: 25px 0 0 25px; padding:10px;}


/* Gallery
---------------------------------------------------------------- */
#inhalt {width:910px; margin:0 10px 0 40px}
#bildergalerie {}
#logoutbox {text-align:right; width:880px;}
.bildbox {float:left; margin: 0 20px 10px 0; height:220px;}
.inbildbox {background-color:#e9e9e9;}
p {color:#666; font-size:16px;}
p.info {font-size:1em; padding: 40px 0 0 300px;}
p.nummer {color:#848484; font-size:.7em; text-align:right; margin-right: 6px; line-height:1.8em; padding-bottom:2px;}
.downloadbox {display:block; margin: auto; padding: 0px 0; }

/*Galerien*/
.topbox {float:left; width:880px; text-align:left; border-bottom: 1px solid  #333; padding: 25px 0; margin-bottom:40px;}
.subgalerie {clear:both;}

/*Buttons*/
.downloadbox a p {
    background-color: #848484;
        text-align: center;
    color: white
}

a#bt_logout p, a.bt_top p {width:70px; display:inline-block;}
#logoutbox a#bt_logout p {text-align:left; background-color: #848484;
    padding-left: 27px;
    padding-right: 0px;
    color: white;}

a.bt_top p {background-color: #848484;
    padding-left: 45px;
    padding-right: 0px;
    color: white;}

/*Video*/
.videodownload {margin-top:15px;}
.videodownload h3 a {color:#666; margin-top:15px;}
.videodownload h3 a:hover {color:#ccc;}

.floatclear {clear:both;}