@charset "UTF-8";
/* CSS Document */

body {
	background-color: #cc0099;
	background-image: url(/images/background.gif);
	background-repeat: repeat-y; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td,th,p,input,select,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.2em;
	color: #fff;
}
h1 {
	font-size: 28px;
	font-weight: normal;
	line-height: 1.1em;
	color: #cc0099;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #cc0099;
	line-height: 1.1em;
}
h3.day0,
h3.day6 {
	font-size: 16px;
	font-weight: normal;
	color: #cc0099;
	margin-bottom: 0;
}
h3.day1,
h3.day2,
h3.day3,
h3.day4,
h3.day5,
h3.week {
	font-size: 13px;
	font-weight: normal;
	color: #3399FF;
	margin-bottom: 0;
}
h3.week {
	font-size: 16px;
}
h3.event {
	font-family: 'Times New Roman', Times, serif; 
	font-weight: normal; 
	font-size: 24px; 
	line-height: 24px;
	padding: 0 15px; 
	margin: 0; 
}
h5 {
	font-size: 13px;
	font-weight: bold;
	color: #ff3;
}

.program p {
	margin: 2px 0;
	padding: 0;
}


#TEASER h4,
#TEASER p,
#TEASER a {
	margin: 2px 15px;
}

/*** ELEMENTE ***/

#BACKGROUND {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 300px;
	overflow: hidden;
	z-index: 0;
}

#NAVIGATION {
	position: relative;
	top: 0px;
	left: 0px;
	width: 650px;
	height: 45px;
	background-color: #cc0099;
}
#SUBNAVIGATION {
	border: 0px dotted #0FF;
}
#SECONDNAVIGATION {
	position: absolute;
	top: 320px;
	left: 900px;
	width: 100px;
	height: 250px;
	border: 0px dotted #0FF;
	z-index: 600;
}

#TEASER {
	position: absolute;
	top: 50px;
	left: 650px;
	width: 250px;
	min-height: 450px;
	background-color: #000;
	background-image: url(/images/logo-ichsehewas-magenta.gif);
	background-repeat: no-repeat;
	z-index: 200;
}

#MAIN {
	position: absolute;
	width: 650px;
	top: 180px;
	border: 0px dashed #cc0099;
	background: #000;
	z-index: 100;
}

#CONTENT {
	position: relative;
	top: 35px;
	left: 35px;
	width: 470px;
	min-height: 200px;
	padding-bottom: 10px;
	border: 0px dashed #cc0099;
	z-index: 300;
}	

#LOGO1 {
	position: fixed;
	bottom: 0px;
	left: 665px;
	width: 235px;
	height: 70px;
	border: 0px solid #9C0;
	background-color: #000;
	z-index: 500;
}
#LOGO2 {
	position: fixed;
	bottom: 0px;
	left: 900px;
	width: 100px;
	height: 90px;
	background-image: url(/images/NC-Logo_weiss.png);
	background-repeat: no-repeat;
	background-position: 23px 22px;
	border: 0px solid #9C0;
	z-index: 500;
}
#LOGO3 {
	position: fixed;
	bottom: 190px;
	left: 900px;
	width: 100px;
	height: 50px;
	background-image: url(/images/logo-aktionmensch-weiss.png);
	background-repeat: no-repeat;
	background-position: 10px 15px;
	border: 0px solid #9C0;
	z-index: 500;
}
#LOGO4 {
	position: fixed;
	bottom: 90px;
	left: 900px;
	width: 100px;
	height: 90px;
	background-image: url(/images/logo-bkk-weiss.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	border: 0px solid #C90;
	z-index: 500;
}

#COUNTDOWN {
	position: absolute;
	bottom: 20px;
	left: 35px;
	font-size: 16px;
	font-weight: bold;
	z-index: 1200;
}
#ICONS {
	position: absolute;
	top: 13px;
	right: 13px;
	z-index: 1201;
}
#INFOBOX {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 260px;
	height: 122px;
	padding: 10px 15px;
	color: #cc0099;
	background-color: #cc0099;
	background-image: url(../images/background-infobox.png);
	background-position: top right;
	border: 1px solid #cc0099;
	z-index: 1202;
	cursor: pointer;
}
#INFOBOX td {
	color: #cc0099;
}

/*** NAVIGATION ***/
ul.level1 {
	clear: left;
}

ul.level1,
ul.level2,
ul.level1 li,
ul.level2 li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.level2 {
	margin-left: 25px;
	height: 30px;
}
ul.level1 li {
	height: 45px;
	line-height: 45px;
	margin-left: 35px;
	margin-right: 10px;
	float: left;
	border: 0px dotted #0FF;
}
ul.level2 li {
	position: relative;
	margin: 0;
	padding: 0;
	padding-top: 6px;
	margin-right: 10px;
	float: left;
	border: 0px dotted #fff;
}
#NAVIGATION a,
#SUBNAVIGATION a,
#SECONDNAVIGATION a {
	text-decoration: none;
	font-size: 16px;
	color: #000;
}
#SUBNAVIGATION a {
	color: #cc0099;
	padding: 5px 10px;
	border: 0px dotted #0f3;
}
#NAVIGATION a.active {
	font-weight: bold;
}
#SUBNAVIGATION a.active {
	color: #000;
	background-color: #cc0099;
}
#SECONDNAVIGATION a.active {
	font-weight: bold;
}
#SECONDNAVIGATION ul {
	background-color: #cc0099;
	border: 0px dotted #333;
}
#SECONDNAVIGATION ul.level1 li {
	height: auto;
	padding: 0;
	margin: 0;
	padding-left: 20px;
	line-height: 21px;
	float: none;
}

#ADDTHIS {
	position: fixed;
	bottom: 70px;
	left: 665px;
	width: 235px;
	height: 40px;
	border-top: 3px solid #000;
	background-color: #000;
	z-index: 501;
}

.fb-fake {
	position: fixed;
	top: 3000px;
	left: 0px;
}

/*** CONTACT ***/

label.contact {
	display: block;
	width: 170px;
	color: #39f;
	padding-top: 2px;
	float: left;
}
input.contact,
select.contact ,
textarea.contact {
	width: 290px;
	color: #fff;
	background-color: #000;
	border: 1px solid #39f;
	margin-bottom: 15px;
	padding: 2px;
	float: left;
}
button.contact {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background-color: #39f;
	border: none;
	padding: 2px 5px;
	margin-right: 4px;
	float: right;
}

div.gallery {
	width: 575px;
	border: 0px dotted red;
}
div.gallery a {
	position: relative; 
	float: left; 
	margin: 0 30px 30px 0; 
	width: 160px; 
	height: 160px;
}

/*** LINKS ***/

a {
	outline: none;
}
a:link {
	color: #cc0099;
	text-decoration: none;
}
a:visited {
	color: #cc0099;
	text-decoration: none;
}
a:hover {
	color: #cc0099;
	text-decoration: underline;
}
a:active {
	color: #cc0099;
	text-decoration: none;
}

a.day0:link,
a.day6:link,
a.day0:visited,
a.day6:visited,
a.day0:hover,
a.day6:hover,
a.day0:active,
a.day6:active {
	color: #cc0099;
}