/*

Postkarte HD
http://www.fotopost24.de/ipad

S C R E E N . C S S

Version: 		1.0
Last modified:	30.06.2010

*/


/*  I M P O R T   S T Y L E S
--------------------------------------------------------------------------------------------------- */

@import url(reset.css); /* Reset CSS */


/*  G L O B A L   S E T T I N G S   A N D   C L A S S E S
--------------------------------------------------------------------------------------------------- */

body { background: #e5e5e5 url(../images/_bg/body.png) repeat-x; font: normal 11px/1.4 "Helvetica Neue", Arial, Helvetica, sans-serif; color: #555; text-align: center; }

.inner { text-align: left; position: relative; width: 760px; margin: 0 auto; }



/* Headings ------------------- */

h1 { font-size: 30px; line-height: 1.2; letter-spacing: -1px; }
h2 { background: url(../images/_bg/h2.png) repeat-x 0 50%; font-size: 18px; line-height: 1.2; color: #4c4c4c; margin-bottom: 20px }
h3 { font-size: 11px; margin-bottom: 10px; }
h4 { font-size: 12px; }
h5 { font-size: 12px; }
h6 { font-size: 12px; }

h2 span { background: #FFF; padding-right: 10px }

/* Links ------------------- */

a:link { color: #369; text-decoration: none; }
a:visited { color: #369; text-decoration: none; }
a:hover { color: #369; text-decoration: underline; }
a:active { color: #369; text-decoration: underline; position: relative; top: 1px; }

a.more {  }
a.more:hover {  }



/*  H E A D E R
--------------------------------------------------------------------------------------------------- */

#header .inner { position: relative; height: 430px; }

h1, #header p, #header a { text-indent: -9999px; position: absolute; display: block; }

#appicon { background: url(../images/_icons/app.png); top: 20px; width: 59px; height: 59px; }
#title { background: url(../images/title.png); top: 102px; width: 412px; height: 119px; z-index: 2 }
body#eng #title { background: url(../images/title-en.png); }
#subline { display: none; }
#appstore { background: url(../images/_bg/appstore.jpg); top: 283px; width: 444px; height: 66px; z-index: 3 }
body#eng #appstore { background: url(../images/_bg/appstore-en.jpg); }

#header a { text-indent: -9999px; position: absolute; display: block; }
a#german { background-image: url(../images/_icons/de.png); left: 70px; top: 42px; width: 16px; height: 16px; }
a#english { background-image: url(../images/_icons/en.png); left: 70px; top: 60px; width: 16px; height: 16px; }

#header img { position: absolute; right: -70px; z-index: 1 }


/*  M A I N
--------------------------------------------------------------------------------------------------- */

#main { background: #FFF; border-bottom: 1px solid #ccc; padding: 0 0 40px; }
#main .inner {  }

.group { overflow: hidden; margin-left: -15px; width: 775px }
.group div { display: inline; float: left; width: 140px; margin-left: 15px; }
.group div img { margin-bottom: 14px; }


/*  F O O T E R
--------------------------------------------------------------------------------------------------- */

#footer { padding: 30px 0 50px }

#footer p { overflow: hidden; height: 1%; }
#footer .left a { color: #555; }

.footnote { font-size: 11px; color: #999; }


/*  M O D E R N I Z R   S T U F F
--------------------------------------------------------------------------------------------------- */

.rgba {  }
.rgba {  }
.rgba {  }
.rgba {  }
.rgba {  }
.rgba {  }


