/*
 * Lucom Formularwesen Stylesheet
 *
 * @author Dirk Doering
 * @date 21.06.2009
 *
 */

/*
 * Imports
 *
 */
 
@import url("lfw-tipafriend.css");



/*
 * BEGIN STYLING
 *
 */
 
*{
	margin:0;
	padding:0;
	border:0;
}

body{
    background:url(../img/lfw_body_bg.jpg) top left no-repeat #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
}

h1{
    color:#666;
    font-size:30px;
    font-weight:normal;
}

h2{
    color:#666;
    font-size:24px;
    font-weight:normal;
}

h3{
    color:#666;
    font-size:18px;
    font-weight:normal;
}

h4{
    color:#666;
    font-size:14px;
    font-weight:bold;
}

a, a:focus {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

p, label{
	font-size:11px;
	line-height:160%;
}

ul{
    list-style:none;
}

a p, p a{font-size:1em;}


/*
 * BASIC LAYOUT STYLES - IDs to setup the mainFrame
 *
 */
 
#allWrap{

}

#header{
    position:relative;
    height:75px;
}

#contentWrap{
    position:relative;
}

#footer{
    position:relative;
}

/*
 * MAIN + SUB NAVIGATION STYLES
 *
 */

#mainNav{
    position:absolute;
    top:380px;
    left:0;
}

#mainNav li{
    display:inline;
}

#mainNav li a{

}

/* special styles for each Navigation Link */

#mainNav a.linkFilm1{
    background:url(../img/linkFilm1.png) top left no-repeat;
    display:block;
    height:330px;
    width:235px;
    text-decoration:none;
    text-indent:-999px;
    position:absolute;
    top:0;
    left:260px;
}

#mainNav .linkFilm1:hover{
    background:url(../img/linkFilm1.png) 1px -339px no-repeat;
}

#mainNav a.linkFilm2{
    background:url(../img/linkFilm2.png) top left no-repeat;
    display:block;
    height:245px;
    width:246px;
    text-decoration:none;
    text-indent:-999px;
    position:absolute;
    top:0;
    left:470px;
}

#mainNav .linkFilm2:hover{
    background:url(../img/linkFilm2.png) 0 -247px no-repeat;
}

#mainNav a.linkFilm3{
    background:url(../img/linkFilm3.png) top left no-repeat;
    display:block;
    height:278px;
    width:281px;
    text-decoration:none;
    text-indent:-999px;
    position:absolute;
    top:30px;
    left:0;
}

#mainNav .linkFilm3:hover{
    background:url(../img/linkFilm3.png) 0 -285px no-repeat;
}

#mainNav a.linkLucom{
    background:url(../img/linkLucom.png) top left no-repeat;
    display:block;
    height:381px;
    width:474px;
    text-decoration:none;
    text-indent:-999px;
    position:absolute;
    top:-75px;
    left:573px;
}

#mainNav .linkLucom:hover{
    background:url(../img/linkLucom.png) 0 -381px no-repeat;
}


/*
 * HEADER STYLES - Logo, Language, Search
 *
 */

.logo{
    position:absolute;
    top:15px;
    left:85px;
}

.kontakt{
    position:absolute;
    top:0px;
    left:584px;
}

.kontakt a{
    background:url(../img/linkKontakt.png) top left no-repeat;
    display:block;
    width:128px;
    height:78px;
    text-indent:-999px;
}

.kontakt a:hover{
    background:url(../img/linkKontakt.png) 0 -78px no-repeat;
}

/*
 * CONTENT STYLES - videoEmbed, tipFriend
 *
 */
#player{
	border:10px solid #ededed;
} 

.videoEmbed{
    position:absolute;
    top:0;
    left:85px;
}

.tipFriend{
    position:absolute;
    top:0px;
    left:735px;
}

/*
 * FOOTER STYLES - footerNav
 *
 */

.footerNav{
	padding:0 0 65px 0;
    position:absolute;
    top:780px;
    left:85px;
    font-size:10px;
    color:#686868;
}

.footerNav a{
    font-size:10px;
    color:#686868;
    text-decoration:none;
}

.footerNav a:hover{
    text-decoration:underline;
}

.Impressum a{
	margin:0 0 0 30px;
}