/**
*
* FSS - Full Screen Sliding Website Plugin
* URL: http://www.codecanyon.net/user/lydian
* Version: 1.0
* Author: Lydian
* Author URL: http://www.codecanyon.net/user/lydian
*
*
* ATTENTION:
*
* This styles file include the styles for the sample content. You can completely
* ignore this file.
*
*/

html { 
	overflow-y: scroll;
}

body {
    background: #fff;
    font: 14px 'ralewaymedium', AppleGothic, Arial, sans-serif;
    margin: 0px;

}

a {
    color: #292321;
    text-decoration: none;

}

.outer-wrapper {
	width: 100%;
    min-width: 960px;
    background: #fff url(images/bg.gif) no-repeat top center;
}

.outer-wrapper1 {
	width: 100%;
    min-width: 960px;
    min-height: 900px;
    background: #fff url(images/bg1.gif) no-repeat top center;
}

.outer-wrapper2 {
	width: 100%;
    min-width: 960px;
    min-height: 900px;
    background: url(images/bg2.gif) repeat-x;
}

.inner-wrapper {
    width: 960px;
    margin: 0px auto 10px auto;
    overflow: hidden;

}

/**
* Styles for the top logo.
*/
#logo {
	position: absolute;
    float: left;
    background: url(images/logo.png) no-repeat;
    width: 140px;
    height: 47px;
    overflow: hidden;
    outline: 0;
    margin-top: 45px;
    margin-left: 30px;
}

/**
* Styles for the preloader.
*/
.slider .loading {
    background: url(images/preloader.gif) no-repeat center center;
}

/**
* Styles for the header menu.
*/
.header .top-menu {
    position: relative;
    list-style: none;
    float: right;
    font: 17px 'ralewaymedium', AppleGothic, Arial, sans-serif;
    letter-spacing: 0.05em;
    margin: 6px 0 0 0;
    z-index: 1;

}

    .header .top-menu li {
        position: relative;
        float: left;
    }

        .header .top-menu li a {
            display: block;
            padding: 8px;
            padding-bottom: 10px;
            margin-top: 42px;
            text-decoration: none;
            color: #fff;
            outline: 0;
        }

        .header .top-menu li a:hover {
            color: #fff;
 		   background: url(images/hover.gif) repeat-x;
        }

        .header .top-menu li.selected a {
 		   background: url(images/hover.gif) repeat-x;
            color: #fff;
        }
        
        #headerwidth {
		    width: 960px;
 		   height: 116px;
        }
        
                                   

/**
* Styles for the navigation.
*/
.header .nav {
    position: relative;
    clear: both;
    padding-top: 80px;
    width: 192px;
    height: 54px;
    margin: auto;
}

    .header .nav a {
        float: left;
        width: 54px;
        height: 0;
        padding-top: 54px;
        margin-left: 10px;
        overflow: hidden;
        outline: 0;
    }

        .header .nav a.home-button {
            background: url(images/home-button-off.png) no-repeat;
        }

            .header .nav a.home-button:hover {
                background: url(images/home-button-on.png) no-repeat;
            }

        .header .nav a.prev-button {
            background: url(images/prev-button-off.png) no-repeat;
        }

            .header .nav a.prev-button:hover {
                background: url(images/prev-button-on.png) no-repeat;
            }

        .header .nav a.next-button {
            background: url(images/next-button-off.png) no-repeat;
        }

            .header .nav a.next-button:hover {
                background: url(images/next-button-on.png) no-repeat;
            }

/**
* Styles for the content.
*/

.content {
    float: left;
	margin-bottom: 100px;
}

    }

        .content h2 a {
            color: #000;
            text-decoration: none;
            font-weight: bold;
            outline: 0;
        }

        .content h2 a:hover {
            text-decoration: underline;
        }


    .content p {
        line-height: 22px;
        margin-top: 48px;
    }

        .content p img {
            display: block;
            margin: 20px 0 40px 0;
        }

    .content .column {
        float: left;
        width: 460px;
    }

    .content .column.left-column {
        margin-right: 20px;
    }

    .content .column.right-column {
        margin-left: 20px;
    }


/**
* myc
*/

       #keyvisual {
		    width: 960px;
        }

       #keyvisualinfo {
		    width: 510px;
		    padding:20px 20px 20px 0px;
		    margin-top: -100px;
		    color: #fff;
		    font: 14px 'ralewayregular', AppleGothic, Arial, sans-serif;
		    line-height: 22px;
		    z-index: 10000000000000000000000000000;
        }     

       #keyvisualinfo h1{
		    font: 37px 'ralewaymedium', AppleGothic, Arial, sans-serif;
		    margin-bottom: 50px;
			margin-left: 60px;
        }   
        
       #keyvisual1 {
		    width: 960px;
		    height: 25px;
        }
        
       #keyvisual1 h1{
		    font: 26px 'ralewaymedium', AppleGothic, Arial, sans-serif;
		    margin-bottom: 50px;
			margin-top: 103px;
			margin-left: 190px;
			color: #fff;
        }   
        
       #bar {
		    width: 960px;
		    height: 7px;
		    margin-top: 90px;
		    background: #fff;
		    display: block;
        }   
        
       #bar1 {
		    width: 960px;
		    height: 7px;
		    margin-top: 35px;
		    background: #fff;
		    display: block;
		    float: left;
        }   

       #bar2 {
		    width: 960px;
		    height: 7px;
		    margin-top: -60px;
		    background: #fff;
		    display: block;
		    float: left;
        }  

       #teaserblock {
		    width: 960px;
		    margin-top: -10px;
		    display: block;
        } 
        
       #teaser {
		    width: 310px;
		    margin-right: 10px;
			margin-top: 20px;
		    display: block;
		    color: #292321;
		    font: 13px 'ralewayregular', AppleGothic, Arial, sans-serif;
			line-height: 19px;
			float: left;
        } 

       #teaser a{
		    color: #b60b0b;
			text-decoration: unterline;
			font: 13px 'ralewaymedium', AppleGothic, Arial, sans-serif;
        } 

       #teaser a:hover{
		    color: #b60b0b;
			text-decoration: none;
        } 

        #teaser .headline{
		    padding-left: 13px;
			text-decoration: none;
		    color: #b60b0b;
		    font: 18px 'ralewaybold', AppleGothic, Arial, sans-serif;
			background: url(images/linkarrow.png) no-repeat;
        } 
        
        #teaser h1{
		    width: 300px;
		    margin-right: 20px;
		    display: block;
		    color: #b60b0b;
		    font: 18px 'ralewaybold', AppleGothic, Arial, sans-serif;
        } 
        
        #teaser h2{
		    width: 300px;
		    margin-top: -10px;
		    margin-bottom: 5px;
		    display: block;
		    color: #b60b0b;
		    font: 16px 'ralewaybold', AppleGothic, Arial, sans-serif;
        } 

       #teaserwide {
		    width: 620px;
			margin-top: 20px;
		    margin-right: 20px;
		    display: block;
		    color: #292321;
		    font: 13px 'ralewayregular', AppleGothic, Arial, sans-serif;
			float: left;
			line-height: 19px;
        } 
        
        #teaserwide h1{
		    margin-right: 20px;
		    display: block;
		    color: #b60b0b;
		    font: 18px 'ralewaybold', AppleGothic, Arial, sans-serif;
        } 


       #teaserbild {
		    width: 319px;
			height: 180px;
		    margin-right: 1px;
		    margin-bottom: 5px;
		    display: block;
			overflow: hidden;
			float: left;
			margin-top: 25px;
        } 
        
        #teaserblock1 {
        	position: absolute;
		    width: 960px;
		    margin-top: 30px;
		    display: block;
        } 
        
        #teaserblock1 img{
			width: 320px;
			height: 295px;
			display: block;
			float: left;
        } 
        
		#teaser1 {
			width: 250px;
			height: 225px;
			display: block;
			padding: 35px;
		    color: #292321;
		    font: 13px 'ralewayregular', AppleGothic, Arial, sans-serif;
			line-height: 19px;
			float: left;
        } 
        
        #teaser1 h1{
		    display: block;
		    color: #b60b0b;
		    font: 22px 'ralewaybold', AppleGothic, Arial, sans-serif;
		    margin-top: -5px;
		    margin-bottom: 10px;
		    line-height: 28px;
        } 
        
       #teaser1clear{
			width: 960px;
			height: 100px;
			display: block;
			float: left;
        } 

       #teaser2clear{
			width: 960px;
			height: 10px;
			display: block;
			float: left;
        } 

		#teaser2 {
			width: 580px;
			height: 255px;
			display: block;
		    color: #292321;
		    font: 13px 'ralewayregular', AppleGothic, Arial, sans-serif;
			line-height: 19px;
			float: left;
        } 
        
        #teaser2 h1{
		    display: block;
		    color: #b60b0b;
		    font: 22px 'ralewaybold', AppleGothic, Arial, sans-serif;
		    margin-top: -5px;
		    margin-bottom: 10px;
		    line-height: 28px;
        } 
        
       
		#teaser3 {
			width: 315px;
			height: 225px;
			display: block;
		    color: #292321;
		    font: 13px 'ralewayregular', AppleGothic, Arial, sans-serif;
			line-height: 19px;
			float: left;
			margin-left: 40px;
        } 
        
        #teaser3 h1{
		    display: block;
		    color: #b60b0b;
		    font: 22px 'ralewaybold', AppleGothic, Arial, sans-serif;
		    margin-top: -5px;
		    margin-bottom: 10px;
		    line-height: 28px;
        } 
        
        #teaser3 h2{
			width: 480px;
			height: 225px;
			display: block;
		    color: #292321;
		    font: 13px 'ralewayregular', AppleGothic, Arial, sans-serif;
			line-height: 19px;
			float: left;
			margin-top: 0px;
        }    

        #teaser4 {
			width: 450px;
			height: 275px;
			display: block;
		    color: #292321;
		    font: 13px 'ralewayregular', AppleGothic, Arial, sans-serif;
			line-height: 19px;
			margin-right: 30px;
			float: left;
        } 
        
        #teaser4 h1{
		    display: block;
		    color: #b60b0b;
		    font: 22px 'ralewaybold', AppleGothic, Arial, sans-serif;
		    margin-top: -5px;
		    margin-bottom: 10px;
		    line-height: 28px;
        } 
        
        #teaser4 h2{
			width: 480px;
			height: 225px;
			display: block;
		    color: #292321;
		    font: 13px 'ralewayregular', AppleGothic, Arial, sans-serif;
			line-height: 19px;
			float: left;
			margin-top: 0px;
        }    
        
        #teaser6 {
			width: 960px;
			height: 225px;
			display: block;
		    color: #292321;
		    font: 13px 'ralewayregular', AppleGothic, Arial, sans-serif;
			line-height: 19px;
			float: left;
        } 
        
        #teaser6 h1{
		    display: block;
		    color: #b60b0b;
		    font: 22px 'ralewaybold', AppleGothic, Arial, sans-serif;
		    margin-top: -5px;
		    margin-bottom: 10px;
		    line-height: 28px;
        } 
        
        #teaser6 h2{
			width: 480px;
			height: 225px;
			display: block;
		    color: #292321;
		    font: 13px 'ralewayregular', AppleGothic, Arial, sans-serif;
			line-height: 19px;
			float: left;
			margin-top: 0px;
        }              


       #impressum {
			position: fixed;
			right: 25px;
			bottom: 10px;
			color: #fff;
			font: 12px 'ralewaybold', AppleGothic, Arial, sans-serif;
			z-index: 10000000;
        } 
        



/**
* Styles for the footer.
*/
.footer {
	width: 100%;
	z-index: 1000000000000000000000000000;
	height: 40px;
	background: #b60b0b;
	color: #fff;
	position: fixed;
	left: 0px;
	bottom: 0px; 
	font: 12px 'ralewaymedium', AppleGothic, Arial, sans-serif;
}

    .footer p {
        color: #fff;
        font-size: 12px;
		margin-left: 20px;
    }





/**
* Styles for the sample images.
*/
#bowls { height: 260px }
#checkmates { height: 265px }
#plate { height: 375px }
#clock { height: 324px }
#piggy { height: 325px }

/**
* Type.
*/

@font-face {
    font-family: 'ralewaybold';
    src: url('rw/raleway-bold-webfont.eot');
    src: url('rw/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('rw/raleway-bold-webfont.woff') format('woff'),
         url('rw/raleway-bold-webfont.ttf') format('truetype'),
         url('rw/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayextrabold';
    src: url('rw/raleway-extrabold-webfont.eot');
    src: url('rw/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('rw/raleway-extrabold-webfont.woff') format('woff'),
         url('rw/raleway-extrabold-webfont.ttf') format('truetype'),
         url('rw/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayextralight';
    src: url('rw/raleway-extralight-webfont.eot');
    src: url('rw/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('rw/raleway-extralight-webfont.woff') format('woff'),
         url('rw/raleway-extralight-webfont.ttf') format('truetype'),
         url('rw/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayheavy';
    src: url('rw/raleway-heavy-webfont.eot');
    src: url('rw/raleway-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('rw/raleway-heavy-webfont.woff') format('woff'),
         url('rw/raleway-heavy-webfont.ttf') format('truetype'),
         url('rw/raleway-heavy-webfont.svg#ralewayheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaylight';
    src: url('rw/raleway-light-webfont.eot');
    src: url('rw/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('rw/raleway-light-webfont.woff') format('woff'),
         url('rw/raleway-light-webfont.ttf') format('truetype'),
         url('rw/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaymedium';
    src: url('rw/raleway-medium-webfont.eot');
    src: url('rw/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('rw/raleway-medium-webfont.woff') format('woff'),
         url('rw/raleway-medium-webfont.ttf') format('truetype'),
         url('rw/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayregular';
    src: url('rw/raleway-regular-webfont.eot');
    src: url('rw/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('rw/raleway-regular-webfont.woff') format('woff'),
         url('rw/raleway-regular-webfont.ttf') format('truetype'),
         url('rw/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('rw/raleway-semibold-webfont.eot');
    src: url('rw/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('rw/raleway-semibold-webfont.woff') format('woff'),
         url('rw/raleway-semibold-webfont.ttf') format('truetype'),
         url('rw/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaythin';
    src: url('raleway-thin-webfont.eot');
    src: url('rw/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('rw/raleway-thin-webfont.woff') format('woff'),
         url('rw/raleway-thin-webfont.ttf') format('truetype'),
         url('rw/raleway-thin-webfont.svg#ralewaythin') format('svg');
    font-weight: normal;
    font-style: normal;
}