/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 30, 2013 05:21:06 AM America/New_York */

@font-face {
    font-family: '3DumbRegular';
    src: url('3Dumb-webfont.eot');
    src: url('3Dumb-webfont.eot?#iefix') format('embedded-opentype'),
         url('3Dumb-webfont.woff') format('woff'),
         url('3Dumb-webfont.ttf') format('truetype'),
         url('3Dumb-webfont.svg#3DumbRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '2DumbRegular';
    src: url('2Dumb-webfont.eot');
    src: url('2Dumb-webfont.eot?#iefix') format('embedded-opentype'),
         url('2Dumb-webfont.woff') format('woff'),
         url('2Dumb-webfont.ttf') format('truetype'),
         url('2Dumb-webfont.svg#2DumbRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

html, body{
	height:100%;
}

body{
	margin:0px;
}

#abstand{
	height:50%;
	margin-bottom:-300px;
}

#mama{
	width:1000px;
	height:620px;
	margin:auto;
	/*box-shadow:0px 0px 2px #000;*/
	background:url(../images/haus_hintergrund.gif);
}

#mama_ort{
	width:1000px;
	height:620px;
	margin:auto;
	position:relative;
	top:-100px;
	left:-200px;
}

#mama_impressum{
	width:1000px;
	height:620px;
	margin:auto;
	/*box-shadow:0px 0px 2px #000;*/
	background:url(../images/haus_hintergrund_impressum.gif);
}

#content_impressum{
	width:730px;
	height:420px;
	/*border:solid 1px grey;*/
	position:relative;
	top:145px;
	left:140px;
	overflow:auto;
	font-family:arial,sans-serif;
	font-size:10pt;
}

#content_ort{
	width:960px;
	height:600px;
	position:relative;
	top:145px;
	left:220px;
}

#content h1{
	font-family:arial,sans-serif;
	font-size:150%;
}

#content h2{
	font-family:arial,sans-serif;
	font-size:14pt;
}

#berlin{
	width:400px;
	height:150px;
	position:relative;
	top:220px;
	left:140px;
	font-family: '3DumbRegular';
	font-size:120%;
	color:green;
	float:left;
}

#ostsee{
	width:400px;
	height:150px;
	position:relative;
	top:100px;
	left:150px;
	font-family: '3DumbRegular';
	font-size:120%;
	color:blue;
	float:left;
}

#prenzlauerberg{
	width:400px;
	height:200px;
	position:relative;
	top:170px;
	left:80px;
	font-family: 'calligraffitiregular';
	font-size:22px;
	color:green;
	float:left;
	text-align:center;
}

#barth{
	width:400px;
	height:200px;
	position:relative;
	top:50px;
	left:185px;
	font-family: 'calligraffitiregular';
	font-size:22px;
	color:blue;
	float:left;
}

#betreten_berlin{
	width:250px;
	height:50px;
	position:relative;
	top:50px;
	left:150px;
	float:left;
}

#betreten_barth{
	width:200px;
	height:150px;
	position:relative;
	top:85px;
	left:380px;
	float:left;
}

#betreten_berlin_de{
	width:85px;
	height:25px;
	position:relative;
	top:10px;
	left:10px;
	background:#006600;
	float:left;
	padding-top:6px;
	text-align:center;
	font-family: 'calligraffitiregular';
	font-size:18px;
	/*box-shadow:0px 8px 6px -6px #000;*/
	border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border:solid 1px black;
	color:white;
}

#betreten_berlin_en{
	width:85px;
	height:25px;
	position:relative;
	top:10px;
	left:60px;
	background:#006600;
	float:left;
	padding-top:6px;
	text-align:center;
	font-family: 'calligraffitiregular';
	font-size:18px;
	border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border:solid 1px black;
	color:white;
}

#betreten_barth_de{
	width:85px;
	height:25px;
	position:relative;
	top:10px;
	left:120px;
	background:#244081;
	padding-top:6px;
	text-align:center;
	font-family: 'calligraffitiregular';
	font-size:18px;
	border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border:solid 1px black;
	color:white;
}

#betreten_barth_en{
	width:85px;
	height:25px;
	position:relative;
	top:20px;
	left:120px;
	background:#244081;
	padding-top:6px;
	text-align:center;
	font-family: 'calligraffitiregular';
	font-size:18px;
	border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border:solid 1px black;
	color:white;
}

#unten{
	width:400px;
	height:50px;
	position:relative;
	top:193px;
	left:-300px;
	float:left;
	color:grey;
}

#flash{
	width:120px;
	height:40px;
	position:relative;
	top:10px;
	left:10px;
	float:left;
}

#impressum{
	width:120px;
	height:40px;
	position:relative;
	top:10px;
	left:0px;
	float:left;
}

#unten a{
	font-family:arial,sans-serif;
	font-size:10pt;
	color:grey;
}

#unten a:hover{
	font-family:arial,sans-serif;
	font-size:10pt;
	color:#006600;
}

#betreten_berlin a, #betreten_barth a{
	color:white;
	text-decoration:none;

}

#betreten_berlin a:hover, #betreten_barth a:hover{
	text-shadow:2px 2px 10px white;
	/*transform:scale(2,1);*/
}

#zur_startseite_berlin, #zur_startseite_barth{
	width:120px;
	height:40px;
	position:relative;
	top:-500px;
	left:240px;
	font-family:arial,sans-serif;
	font-size:11pt;
}

#zur_startseite_berlin a, #zur_startseite_barth a{
	font-family:arial,sans-serif;
	font-size:10pt;
	color:#6600CC;
}

#zur_startseite_berlin a:hover, #zur_startseite_2 a:hover {
	color:#006600;
}

#zur_startseite_barth a:hover{
	color:#244081;
}

#zur_startseite_2{
	width:120px;
	height:40px;
	position:relative;
	top:-410px;
	left:95px;
	font-family:arial,sans-serif;
	font-size:11pt;
}

#zur_startseite_2 a{
	font-family:arial,sans-serif;
	font-size:10pt;
	color:#6600CC;
}