/* Global Game Jam Berlin StyleSheet */

/* Reset styles
***********************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 85%;
font-family: inherit;
vertical-align: baseline;
}

html
{
	height:  100%;
	margin-bottom: 1px;
}

body {
	color: #ff3891;
	background: #ffffff;
	width: 1024px;
	text-align: left;
	font: 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 100%;
}

table, td, tr {
	color: #ff3891;
	background: #ffffff;
	text-align: left;
	font: 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 100%;
}

table {
	width: 400px;
}


h1 
{
	color: #00ebd7;
	padding-bottom: 0;
	font: bold 1.6em/1 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	/*margin: 20px 20px 10px;*/
}

h2 
{
	color: #00ebd7;
	padding-bottom: 0;
	font: 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	/*margin: 5px 5px 2px;*/
}

/* Text elements
*******************************/
p			  { margin: 0 0 10px; text-align: left; line-height: 1;
	padding: 10px;
	/*clear: both;*/
}
p.last 		  { margin-bottom:0; }
p.first		  { margin-top:1em; }
p.img		  { float: right; margin:0 1em 1em 0; padding:10; }

blockquote    { margin: 0 0 2em 2em; border:1px dotted #666; padding:1em; }
strong        { font-weight: bold; }
em            { font-style: italic; }
pre           { border: 1px solid #ddd; margin-bottom: 1.2em; padding:1.2em; }
small		  { font-size: 100%; }
code          { /*style*/ }
ins           { text-decoration:none; } /*remove underline from text*/
del           { text-decoration:line-through; }
sub           { vertical-align:sub; font-size: 100% }
sup           { vertical-align:super; font-size: 100% }
acronym       { border-bottom:1px dotted #666; }
abbr 		  { /*style*/ }
dfn 		  { font-style:italic; }
bdo           { /*style*/ }
q             { font-style:italic; }
cite          { font-style:italic;}
td            { font-size: 100%;}
.floatright {
	float:  right;
	padding: 10px;
}
.floatleft {
	float: left;
		padding: 10px;
}

dl {
    line-height:1.2;
    margin-bottom:1.2em;
}

dd {}
dt {}

hr {
    color: #00ebd7;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #00ebd7 dotted;
}

/*links*/
a:link,
a:focus,
a:active	{ color: #fe38ff; text-decoration: underline; cursor:pointer; font-size:100%; }
a:hover{
	color: #c4256c; text-decoration: underline; cursor:pointer;
}
a:visited{
		color: #ed8cb8; text-decoration: underline; cursor:pointer;
}

a:active,
a:focus     { outline: 0; } /*remove border in ff*/

/* Images
*******************************/
img 		{ 
	outline:0;
	border:0;
	width: auto;
	padding: 10px 5px 20px;
}

#page {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 1260px;
	min-height: 600px;
}

/* Header
 *******************************/
#header {
	position:absolute;
	top: 0px;
	/*right: 0px;*/
	width: 425px;
	height: 300px;
	background: url(logos/) no-repeat;
	background-size: 425px 300px;
}

/* Main
********************/
#main {
	position: absolute;
	left: 50%;
	top: 25%;
	width: 450px;
	margin-top: -135px;
	margin-bottom: 30px;
	/*margin-left: 180px;*/
	margin-left: -430px;
	
	/* 	justify = 	blocksatz, 
		left 	=	linksbündig
	***************************/
	text-align: left;
	min-height: 540px;
}

#registration {
	position: absolute;
	left: 50%;
	width: 450px;
	margin-top: 4px;
	margin-bottom: 30px;
	margin-left: -380px;
	text-align: left;
	min-height: 600px;
}

/* Anmelde Button
*************************/
#register {
	
	position: absolute;
	top: 25%;
	left: 3%;
	margin-left: -25px;
	margin-top: -70px;
	/*margin-left: 10px;*/
	/*margin: 20px 20px 30px;*/
	/*padding: 10px 10px 15px;*/
	height: 49px;
	width: 180px;
	border-style: none;
	outline:0;border:0;
}

a.register{
/*	margin: 20px 20px 30px; */
	text-align: center;
	/*padding: 10px 10px 15px;*/
	display: block;
	height: 49px;
	width: 180px;
	border-style: none;
	outline:0;border:0;
	background: url(img/register_small.png) no-repeat;
	/*background-size: 200px 55px;*/
}
 
a.register:link, 
a.register:focus, 
a.register:active{
	/*margin: 20px 20px 30px;*/
	/*padding: 10px 10px 15px;*/
	background: url(img/register_small.png) no-repeat;
	background-size: 180px 49px;
}

a.register:hover{
	/*margin: 20px 20px 30px;*/
	/*padding: 10px 10px 15px;*/
	background: url(img/registerOver_small.png) no-repeat;
	background-size: 180px 49px;
}

/* Sidebar
********************/
#sidebar {
	position: absolute;
	left: 50%;
	margin-left: 60px;
	width:  200px;
	top: 25%;
	margin-top: -135px;
}


/* extra content
*************************/
#extra
{
	width: 360px;
	position: absolute;
	left: 85%;
	margin-left: -180px;
	top: 25%;
	margin-top: -135px;
}


/* Sponsors
*************************/

#sponsors
{
	/*padding: 10px 10px 15px;*/
	width: 180px;
	border-style: none;
	outline:0;border:0;

	margin-right: 10px;
	top: 0px;
	left: 0px;
	position: relative;
}

#sponsors .AMAZE
{
	width: 180px;
	height: 50px;
	background: transparent url(logos/A_MAZE.png);
	margin: 12px 12px 15px;
	background-position: 180px 50px;
	display: block;
        background-size: 180px 50px;
}

#sponsors .Goethe
{
	width: 180px;
	height: 80px;
	background: transparent url(logos/Goethe_Institut.jpg);
	/*margin: 6px 6px 8px;*/
	background-position: 180px 80px;
	display: block;
	background-size: 180px 80px;
}

#sponsors .BR
{
	width: 180px;
	height: 80px;
	background: transparent url(logos/GBR.jpg);
	/*margin: 6px 6px 8px;*/
	background-position: 180px 80px;
	display: block;
	background-size: 180px 80px;
}
#sponsors .Jogo
{
	width: 180px;
	height: 80px;
	background: transparent url(logos/jogo2.png);
	/*margin: 6px 6px 8px;*/
	background-position: 180px 80px;
	display: block;
	background-size: 180px 80px;
}
#sponsors .Casa
{
	width: 180px;
	height: 80px;
	background: transparent url(logos/Casa.png);
	/*margin: 6px 6px 8px;*/
	background-position: 180px 80px;
	display: block;
	background-size: 180px 80px;
}
#sponsors .Comkid
{
	width: 175px;
	height: 80px;
	background: transparent url(logos/comkid.png);
	/*margin: 6px 6px 8px;*/
	background-position: 175px 80px;
	display: block;
	background-size: 175px 80px;
}
#sponsors a:hover
{ 
background-position: 0px 0px; 
}


/* img
***********************/
img 		{ 
outline:0;border:0; 
}

.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
    float:left;
    margin: 0 1em 1em 0;
}

.alignright {
   float: right;
   margin: 0 0 1em 1em;
}

.nostyle
{
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-size: 1px;
}

/* CONTACT FORM
********************/
#contact
{
	background-color:#fff;
}
#contact textarea
{
	width: 750px;
	background-color:#fff;
	color:#ff3891;
}
#contact.conname
{
	color:#00ebd7;
	width:800px;
	margin-left: 10px;
	padding-right:200px
	padding-bottom: 20px;
}
#contact input
{
	width:800px;
	background-color:#fff;
	color: #ff3891;
}

#myform { font-size: 120%;}