/* Stylesheet für vorläufige Startseite von P.E.B.-Design */
@font-face {
	font-family:Stylograph;
	local: Stylograph;
	src:url(../fonts/STYL.TTF);
}

@font-face {
	font-family:Tahoma, Helvetica, sans-serif;
	local: Tahoma;
	src:url(../fonts/Tahoma.ttf);
}

html {
}

body {
	background: -webkit-linear-gradient(-135deg, #FEFEFE, #9C9C9C) no-repeat fixed;
    background: -moz-linear-gradient(-135deg, #FEFEFE, #9C9C9C) no-repeat fixed;
    background: -o-linear-gradient(-135deg, #FEFEFE, #9C9C9C) no-repeat fixed;
    background: -ms-linear-gradient (yellow, blue);
    background: linear-gradient(-135deg, #FEFEFE, #9C9C9C) no-repeat fixed;
}

h1#pebDesign {
	color:rgb(128,0,0);
	font-family: Tahoma;
	font-weight: bold;
	font-size: 20pt;
	text-align: left;
	margin-left: 65px;
}

h2 { 
	color:rgb(128,0,0);
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12pt;
}

div.header {
	width: 100%;
	margin-top: 50px;
	float: right;
}

div#sloganText {
	float: left;
	width: 50%;
}

div#sloganText p#slogan {
	color: black;
	font-family: Stylograph;
	font-weight: bold;
	font-size: 12pt;
	text-align: left;
	margin-left: 65px;
}

div#sloganLogo {
	float: left;
}

div#sloganLogo img#logo {
	position: absolute;
	display: block;
    right: 0px;
   	margin-right: 65px;
    height: 115px;
    width: 257px;
    padding-top: 20px;
}

div.menu {
	float:right;
	width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

div.menu span#links {
	position: relative;
	font-family: Stylograph;
	font-weight: bold;
	font-size: 15pt;
	text-align: left;
	margin-left: 65px;
}

div.menu img#facebookLogo {
	position: absolute;
	margin-left: 20px;
	width: 30px;
	height: 30px;
	padding-bottom: 50px;
}

div.menu img#launchLogo {
	position: absolute;
	margin-left: 65px;
	width: 30px;
	height: 30px;
	padding-bottom: 50px;
}

ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-top: 20px;
}

ul.menu li {
    display: inline;
    margin-left: 65px;
    margin-right: 65px;
    margin-top: 10px;

	font-family: Stylograph;
	font-weight: bold;
	display: inline-block;
}

a.menu:link {
	color:black;
	text-decoration: none;
	font-size: 15pt;
	padding-left: 5px;
	padding-right: 5px;
}

a.menu:active {
	color:black;
	background-color: transparent; 
}

a.menu:visited { 
	color:black;
	background-color: transparent; 
}