@charset "utf-8";

/* --------------------------------------------------------

    M-net Jubel Landingpage

    layout.css

    Autor:      www.proxenos.de
    Version:    1.0
    Datum:      13. November 2009

-------------------------------------------------------- */


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


.falsch
{
    color:              #EE0000;
    font-weight:        bold;
}

.verstecken
{
    display:            none;
}

body
{
    background:         #FFFFFF;
    color:              #999999;
    font-family:        Arial, Tahoma, Helvetiva, sans-serif;
    font-size:          8pt;
    line-height:        10pt;
    text-align:         center;
}

div#grundrahmen
{
    margin:             0 auto;
    text-align:         left;
    width:              762px;
}

div#grundrahmen div#banner_formular
{
    background:         #FF8A00 url(../gfx/formular_banner.jpg) no-repeat;
    height:             215px;
    margin-bottom:      15px;
    overflow:           hidden;
}

div#grundrahmen div#banner_formular div#link
{
    height:             122px;
    left:               266px;
    margin-bottom:      305px;
    overflow:           hidden;
    position:           relative;
    top:                49px;
    width:              250px;
}

div#grundrahmen div#banner_formular div#link a,
div#grundrahmen div#banner_start div#link a
{
    display:            block;
    height:             100%;
    width:              100%;
}

div#grundrahmen div#banner_formular div#link_back
{
    left:               10px;
    height:             44px;
    overflow:           hidden;
    position:           relative;
    top:                138px;
    width:              204px;
}

div#grundrahmen div#banner_start
{
    background:         #FF8A00 url(../gfx/start_banner.jpg) no-repeat;
    height:             449px;
    margin-bottom:      15px;
    overflow:           hidden;
}

div#grundrahmen div#banner_start div#film
{
    height:             262px;
    left:               17px;
    position:           relative;
    top:                100px;
    width:              380px;
}

div#grundrahmen div#banner_start div#link
{
    height:             275px;
    left:               456px;
    position:           relative;
    top:                24px;
    width:              254px;
}

div#grundrahmen div#fuss
{
    padding:            10px 27px;
    
    
}

div#grundrahmen div#fuss div#fussnavi ul li
{
    color:              #444444;
    float:              left;
    padding:            0 25px 15px 0;
}

div#grundrahmen div#fuss div#fussnavi ul li a
{
    color:              #008ED4;
    text-decoration:    none;
}

div#grundrahmen div#fuss div#fussnavi ul li a:focus,
div#grundrahmen div#fuss div#fussnavi ul li a:hover
{
    text-decoration:    underline;
}

div#grundrahmen div#fuss p
{
    margin-bottom:      15px;
}

div#grundrahmen div#info
{
    margin-bottom:      15px;
}

div#grundrahmen div#info div#info_formular
{
    background:         #E6F1F6 url(../gfx/formular_gewinne.jpg) 189px 65px no-repeat;
    color:              #333333;
    font-size:          9pt;
    height:             380px;
    overflow:           hidden;
    padding:            3px 27px;
}

div#grundrahmen div#info div#info_formular div#formular
{
    width:              320px;
}

div#grundrahmen div#info div#info_formular div#formular,
div#grundrahmen div#info div#info_start div#link
{
    float:              right;
}

div#grundrahmen div#info div#info_formular div#formular .ende,
div#grundrahmen div#info div#info_rechtlich a,
div#grundrahmen div#info div#info_start div#inhalt .ende
{
    color:              #008ED4;
    text-decoration:    none;
}

div#grundrahmen div#info div#info_formular div#formular a:focus,
div#grundrahmen div#info div#info_formular div#formular a:hover,
div#grundrahmen div#info div#info_rechtlich a:focus,
div#grundrahmen div#info div#info_rechtlich a:hover,
div#grundrahmen div#info div#info_start div#inhalt a:focus,
div#grundrahmen div#info div#info_start div#inhalt a:hover
{
    text-decoration:    underline;
}

div#grundrahmen div#info div#info_formular div#formular form p.abstand
{
    margin-top:         25px;
}

div#grundrahmen div#info div#info_formular div#formular form p.rechts
{
    text-align:         right;
}

div#grundrahmen div#info div#info_formular div#formular form p button
{
    background:         #008ED4 url(../gfx/button_formular.gif) no-repeat;
    border:             none;
    height:             31px;
    width:              154px;
}

div#grundrahmen div#info div#info_formular div#formular form p button.gesendet
{
    background:         #008ED4 url(../gfx/button_formular_gesendet.gif) no-repeat;
}

div#grundrahmen div#info div#info_formular div#formular form p input
{
    color:              #333333;
    font-family:        Arial, Tahoma, Helvetiva, sans-serif;
    font-size:          9pt;
    margin:             0;
    width:              194px;
}

div#grundrahmen div#info div#info_formular div#formular form p input.anhang
{
    width:              100%;
}

div#grundrahmen div#info div#info_formular div#formular form p input.ort
{
    width:              130px;
}

div#grundrahmen div#info div#info_formular div#formular form p input.plz
{
    width:              44px;
    margin-right:       10px;
}

div#grundrahmen div#info div#info_formular div#formular form p span.label
{
    display:            block;
    float:              left;
    padding-top:        3px;
    width:              120px;
}

div#grundrahmen div#info div#info_formular div#formular form p.checkbox input
{
    display:            block;
    float:              left;
    margin:             0 10px 30px 0;
    width:              auto;
}

div#grundrahmen div#info div#info_formular div#formular form p.checkbox span.label
{
    display:            inline;
    float:              none;
    width:              auto;
}

div#grundrahmen div#info div#info_formular div#formular ul
{
    list-style-image:   url(../gfx/pfeil.gif);
    margin:             0 20px;
}

div#grundrahmen div#info div#info_formular div#formular ul li
{
    margin-bottom:      8px;
}

div#grundrahmen div#info div#info_formular div#inhalt p span.platz_1,
div#grundrahmen div#info div#info_formular div#inhalt p span.platz_2,
div#grundrahmen div#info div#info_formular div#inhalt p span.platz_3
{
    color:              #008ED4;
    font-weight:        bold;
    text-transform:     uppercase;
}

div#grundrahmen div#info div#info_formular div#inhalt p.hinweise
{
    font-weight:        bold;
    margin-top:         30px;
}

div#grundrahmen div#info div#info_formular div#inhalt p.nr_1
{
    font-size:          11pt;
    margin-top:         225px;
}

div#grundrahmen div#info div#info_formular div#inhalt p.nr_2
{
    margin-top:         17px;
}

div#grundrahmen div#info div#info_formular div#inhalt p.nr_3
{
    margin-top:         15px;
}

div#grundrahmen div#info div#info_formular h1,
div#grundrahmen div#info div#info_rechtlich h1,
div#grundrahmen div#info div#info_start div#inhalt h1
{
    color:              #008ED4;
    font-size:          13pt;
    font-weight:        bold;
    margin-bottom:      16px;
}

div#grundrahmen div#info div#info_formular h1
{
    margin-top:         8px;
}

div#grundrahmen div#info div#info_formular p,
div#grundrahmen div#info div#info_rechtlich p,
div#grundrahmen div#info div#info_start div#inhalt p
{
    line-height:        11pt;
    margin-bottom:      8px;
}

div#grundrahmen div#info div#info_rechtlich
{
    background-color:   #E6F1F6;
    color:              #333333;
    font-size:          9pt;
    overflow:           hidden;
    padding:            8px 27px;
}

div#grundrahmen div#info div#info_rechtlich h2,
div#grundrahmen div#info div#info_start div#inhalt h2
{
    font-size:          10pt;
    font-weight:        bold;
    margin:             24px 0 12px 0;
}

div#grundrahmen div#info div#info_rechtlich p.ende
{
    margin-top:         24px;
}

div#grundrahmen div#info div#info_rechtlich ul
{
    list-style:         decimal;
    margin:             0 40px;
}

div#grundrahmen div#info div#info_rechtlich ul li
{
    margin-bottom:      8px;
}

div#grundrahmen div#info div#info_rechtlich ul ol
{
    list-style:         disc;
    margin:             8px 40px 0 40px;
}

div#grundrahmen div#info div#info_start
{
    background-color:         #E6F1F6;
    color:              #333333;
    font-size:          9pt;
    overflow:           hidden;
    padding:            3px 9px 3px 27px;
}

div#grundrahmen div#info div#info_start div#inhalt .ende
{
    background:         url(../gfx/pfeil.gif) 0 2px no-repeat;
    padding-left:       15px;

}
div#grundrahmen div#info div#info_start div#inhalt
{
    margin-top:10px;
}
div#grundrahmen div#info div#info_start div#inhalt h2
{
    margin:             0 0 12px 0;
}

div#grundrahmen div#info div#info_start div#inhalt p
{
}

div#grundrahmen div#info div#gallery_start
{
	background-color: 	#E6F1F6;
    color:              #008ED4;
    font-size:          11pt;
    font-weight:        bold;
    padding:     		10px;
    
}

div#grundrahmen div#info div#gallery_start div#gallery
{
	border: 			1px solid #cbe1e8;
	padding:			10px;
	background-color: 	#f5f9fb;
	height: 346px;
}


div#grundrahmen div#info div#gallery_start div#gallery_large
{
	height: 348px;
	width: 	475px;
	border-right:1px solid #CBE1E8;
	float: left;

	padding-right: 41px;
}

div#grundrahmen div#info div#gallery_start div#gallery_small
{
	width: 185px;
	margin-left:15px;
	float: left;
	
}


div#grundrahmen div#info div#gallery_small a 
{
	float: left;
	margin: 0px 0px 8px 8px;
	width: 83px;
	height: 63px;
}

div#grundrahmen div#info div#gallery_small #platz1 
{
	background: url(../img/platz1_small_grey.jpg)  no-repeat scroll 0 0;
}

div#grundrahmen div#info div#gallery_small #platz1:hover 
{
	background: url(../img/platz1_small.jpg)  no-repeat scroll 0 0;
}
div#grundrahmen div#info div#gallery_small #platz2 
{
	background: url(../img/platz2_small_grey.jpg)  no-repeat scroll 0 0;
}

div#grundrahmen div#info div#gallery_small #platz2:hover 
{
	background: url(../img/platz2_small.jpg)  no-repeat scroll 0 0;
}

div#grundrahmen div#info div#gallery_small #platz3 
{
	background: url(../img/platz3_small_grey.jpg)  no-repeat scroll 0 0;
}

div#grundrahmen div#info div#gallery_small #platz3:hover 
{
	background: url(../img/platz3_small.jpg)  no-repeat scroll 0 0;
}
div#grundrahmen div#info div#gallery_small #platz4
{
	background: url(../img/platz4_small_grey.jpg)  no-repeat scroll 0 0;float: left;
}

div#grundrahmen div#info div#gallery_small #platz4:hover 
{
	background: url(../img/platz4_small.jpg)  no-repeat scroll 0 0;
}
div#grundrahmen div#info div#gallery_small #platz5
{
	background: url(../img/platz5_small_grey.jpg)  no-repeat scroll 0 0;float: left;
}

div#grundrahmen div#info div#gallery_small #platz5:hover 
{
	background: url(../img/platz5_small.jpg)  no-repeat scroll 0 0;
}
div#grundrahmen div#info div#gallery_small #platz6
{
	background: url(../img/platz6_small_grey.jpg)  no-repeat scroll 0 0;float: left;
}

div#grundrahmen div#info div#gallery_small #platz6:hover 
{
	background: url(../img/platz6_small.jpg)  no-repeat scroll 0 0;
}
div#grundrahmen div#info div#gallery_small #platz7
{
	background: url(../img/platz7_small_grey.jpg)  no-repeat scroll 0 0;float: left;
}

div#grundrahmen div#info div#gallery_small #platz7:hover 
{
	background: url(../img/platz7_small.jpg)  no-repeat scroll 0 0;
}
div#grundrahmen div#info div#gallery_small #platz8
{
	background: url(../img/platz8_small_grey.jpg)  no-repeat scroll 0 0;float: left;
}

div#grundrahmen div#info div#gallery_small #platz8:hover 
{
	background: url(../img/platz8_small.jpg)  no-repeat scroll 0 0;
}
div#grundrahmen div#info div#gallery_small #platz9
{
	background: url(../img/platz9_small_grey.jpg)  no-repeat scroll 0 0;float: left;
}

div#grundrahmen div#info div#gallery_small #platz9:hover 
{
	background: url(../img/platz9_small.jpg)  no-repeat scroll 0 0;
}
div#grundrahmen div#info div#gallery_small #platz10
{
	background: url(../img/platz10_small_grey.jpg)  no-repeat scroll 0 0;float: left;
}

div#grundrahmen div#info div#gallery_small #platz10:hover 
{
	background: url(../img/platz10_small.jpg)  no-repeat scroll 0 0;
}



div#grundrahmen div#info div#winner
{
	float: left;
	font-size:8pt;
	font-weight:normal;
	color:black;
}

div#grundrahmen div#info div#info_start div#inhalt p.ende
{
    margin-bottom:      0;
}

div#grundrahmen div#info div#info_start div#link a img,
div#grundrahmen div#logos a img
{
    border:             none;
}

div#grundrahmen div#info div#info_oben,
div#grundrahmen div#info div#info_unten
{
    height:             6px;

}

div#grundrahmen div#info div#info_oben
{
    background:         #E6F1F6 url(../gfx/info_oben.gif) no-repeat;
}

div#grundrahmen div#info div#info_unten
{
    background:         #E6F1F6 url(../gfx/info_unten.gif) no-repeat;
}

div#grundrahmen div#logos
{
    text-align:         right;
    margin:             15px 0;
}

div#grundrahmen div#logos a#mnet
{
    margin-right:       20px;
}