/* CSS © 2014 GABRIEL DESIGN ® */

a.gd-biglink {
	color:#fff !important;
	font-size:20px !important;
	background:#a96b5b;
	padding:10px;
	margin-bottom:20px;
	line-height:50px;
}

body{
font-family: 'Questrial', sans-serif;
margin:0;
padding:0;
border:0;
background-image:url(../img/1x1-theater-bg-03.jpg);
background-position:center;
background-size:cover;
background-attachment:fixed;
}
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
font-size:20px;
font:inherit;
vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
a:hover, a:active { outline: 0; }
body {
font-family: 'Questrial', sans-serif;
font-size:15px;
line-height:25px;
color:#000;
}
#content {
margin-left:50px;
width:30%;
padding-top:40px;
}
#content img{
width:100%;
height:auto;
margin:20px 0px 20px 0px;
}
#content a{
text-decoration:none;
color:#a96b5b;
}
#content h1{
font-size:50px;
color:#000;
margin-left:-50px;
margin-top:25px;
margin-bottom:25px;
background:#fff;
padding:50px;
width:100%;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}
#content h2{
line-height:40px;
font-size:30px;
color:#fff;
margin-left:-50px;
margin-top:25px;
margin-bottom:25px;
background:#cbbb8d;
padding:50px;
width:100%;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}
#content p{
font-size:16px;
color:#000;
margin-left:-50px;
margin-top:25px;
margin-bottom:25px;
background:#fff;
padding:50px;
width:100%;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}
#navigation{
text-align:center;
width:100%;
position:fixed;
border:none;
bottom:0;
z-index:999;
}
#navigation ul {
text-align:center;
width:100%;
margin:0 auto;
}
#navigation ul li{
float:left;
width:12.5%;
text-align:center;
background:#000;
}
#navigation ul li a{
text-align:center;
line-height:40px;
font-size:16px;
text-decoration:none;
color:#fff;
text-transform:uppercase;
}
#navigation ul li a:hover{
text-align:center;
color:#7a6958;
}
audio {
width:100%;
}
select {
width:50%;	
}
input {
width:50%;	
}
textarea {
width:50%;
height:100px;
}
#content p.fehlermeldung{
font-size:16px;
color:#fff;
margin-left:-50px;
margin-top:25px;
margin-bottom:25px;
background:#A33234;
padding:50px;
width:100%;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}
#content p.erfolgsmeldung{
font-size:16px;
color:#fff;
margin-left:-50px;
margin-top:25px;
margin-bottom:25px;
background:#1b4451;
padding:50px;
width:100%;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}

#content img.gd-bild-swisslos {
	width: 30% !important;
	padding: 0% 70% 0% 0% !important;
}





@media screen and (max-width:800px) {
#content {
margin-left:0px;
width:100%;
padding-top:10px;
}
#content h1{
font-size:20px;
color:#000;
margin-left:0px;
margin-top:25px;
margin-bottom:25px;
background:#fff;
padding:10%;
width:80%;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}
#content h2{
line-height:25px;
font-size:15px;
color:#fff;
margin-left:0px;
margin-top:25px;
margin-bottom:25px;
background:#000;
padding:10%;
width:80%;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}
#content p{
font-size:16px;
color:#000;
margin-left:0px;
margin-top:25px;
margin-bottom:25px;
background:#fff;
padding:10%;
width:80%;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}
select {
width:100%;	
}
input {
width:100%;	
}
textarea {
width:100%;
height:100px;
}
#content p.fehlermeldung{
font-size:16px;
color:#fff;
margin-left:0px;
margin-top:25px;
margin-bottom:25px;
background:#A33234;
padding:10%;
width:80%;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}
#content p.erfolgsmeldung{
font-size:16px;
color:#fff;
margin-left:0px;
margin-top:25px;
margin-bottom:25px;
background:#1b4451;
padding:10%;
width:80%;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}
	
	
	a.gd-biglink {
	color:#fff !important;
	font-size:15px !important;
	background:#a96b5b;
	padding:10px;
	margin-bottom:20px;
	line-height:50px;
}
	
	
}