/* This file will hold the main styles for your website. */



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

}

@font-face {
    font-family: 'medi-med';
    src: url('fonts/medi-med.eot');
    src: url('fonts/medi-med.eot?#iefix') format('embedded-opentype'),
         url('fonts/medi-med.woff') format('woff'),
         url('fonts/medi-med.ttf') format('truetype'),
         url('fonts/medi-med.svg#medi-med') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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



body {
	background: url("../dirt.jpg") top repeat-x;
	padding-top: 10px;
	font-family: medi, sans-serif;
	font-size: 14px;
}

body.front #region-content {
	width: 450px;
}

body.front #region-sidebar-second{
    margin-left: 230px;
    margin-top: 75px;
    width: 230px;
}

ul#nice-menu-1{
	z-index: 2;
}

ul.nice-menu li, ul.nice-menu-down li.menuparent, ul.nice-menu ul  {
    background-image: none;
    margin: 0;
    padding-left: 8px;
    background: #c2c2c2;
    border: none;
    margin-right: 15px;
}

ul.nice-menu ul li {
	width: auto;
}


h2.node-title a, h2.block-title, h1{
	font-family: medi-med, futura, arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: black;
	font-weight: normal;
    font-style: normal;

}

ul.nice-menu ul {
	border: none;
	top: 2.9em;
}

h2.node-title a, h2.node-title{
	font-size: 1.2em;	
	margin-bottom: 4px;
	font-weight: normal;
    font-style: normal;

}

ul.nice-menu li a, ul.nice-menu li span {
	font-size: 2em;
	margin: 0px;
	margin-right: 10px;
	padding: 0px;
	font-family: medi-med, futura, arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: black;
	letter-spacing: 0;
}

ul.nice-menu-down li.menuparent:hover {
	background: #c2c2c2;
}

}
#nice-menu-1 li.menuparent ul a:hover {
	color: white;
}

ul.nice-menu-down .menuparent a {
	padding-right: 0px;
	color: black;
}

ul.nice-menu li a.active {
	color: white;
}


ul.nice-menu-down ul li a {
	font-size: 1.4em;
	margin-bottom: 4px;
	margin-top: 5px;
	line-height: 1.2em; 
}

ul.nice-menu-down ul li a:hover {
	color: white;
}

.block-nice-menus {
	margin: 10px 0px;
}

#zone-content, #zone-preface, #zone-branding, #zone-menu, #zone-header {
	background: none;
}

#block-system-main {
	margin-top: 10px;
}

#region-content {
	padding-top: 35px;
	margin-bottom: 80px;
}

#region-branding{
	margin: 0px;
	padding: 0px;
	width: 100%;
}

a:link, a:visited {
	color: black;
	text-decoration: none;
}

a:link:hover, a:visited:hover {
	color: red;
}

h1 {
	font-family: medi-webfont, futura, arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: red;
	letter-spacing: 0;
	margin-bottom: 5px;
	margin-top: 10px;
	line-height: 36px;

}	

h3 {
	font-family: medi-bold, futura, arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: black;
	letter-spacing: 0;
	font-size: 18px;
	display: inline;
	font-weight: normal;
    font-style: normal;

}	


body.front h1 {
	display:none;
}


.logo-img, img#logo {
	width: 100%;
	margin: 0px;
	margin-bottom: 5px;
}

#nice-menu-1 a:link, #nice-menu-1 a:visited {
	color: black;
}

#nice-menu-1 a:hover {
	color: white;
}

.field .field-label {
    display: none;
}

#region-footer-first a:link, #region-footer-first a:visited {
	color: white;
}

#region-footer-first a:link:hover, #region-footer-first a:visited:hover {
	color: red;
}

#region-footer-second a:link, #region-footer-second a:visited {
	color: red;
}

#region-footer-second a:link:hover, #region-footer-second a:visited:hover {
	color: white;
}


#section-footer {
	background: url("../footer.jpg") bottom repeat-x;
	color: #ccc;
	padding: 0px;
	margin-top: 80px;
	position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
}

#zone-footer-wrapper {
	margin-top: 20px;
}

div.field-type-image {
	display: inline;
	float: left;
	padding: 10px 10px 10px 0px;
}

ul.inline li {
	display: none;
}


body.front #region-sidebar-second .block {
	margin-bottom: 20px;
	padding: 8px;
}


#region-sidebar-second .block {
	background: #c2c2c2;
	margin-bottom: 20px;
	padding: 8px;
}


/* STARTSEITE */

div.dragable {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	position: absolute;
	left: 20px;
	font-size: 4em;
	text-align: center;
	text-transform: uppercase;
	z-index: 1;
}
#eins {
	background: url("../form1.png");
	height: 163px;
	width: 163px;
	font-size: 18px;
	font-family: medi-med, futura, arial, sans;
    left: 78px;
    top: 152.5px;
}

#eins a{
	position: absolute;
	bottom: 118px;
	left: 26px;
	color: white;
	text-align: right;

}

#eins a:hover{
	color: black;
}

#zwei {
	background: url("../form2.png") no-repeat;
	height: 185px;
	width: 301px;
	font-size: 18px;
	font-family: medi-med, futura, arial, sans;
    left: 149px;
    top: 173px;
}

#zwei a{
	position: absolute;
	bottom: 69px;
	left: 101px;
	color: white;
	text-align: right;

}

#zwei a:hover{
	color: black;
}

#drei {
	background: url("../form3.png") no-repeat;
	height: 229px;
	width: 215px;
	font-size: 18px;
	font-family: medi-med, futura, arial, sans;
    left: 97px;
    top: 0px;
}

#drei a{
	position: absolute;
    left: 3px;
    top: 36px;
}

#drei a:hover{
	color: white;
}	

#vier {
	background: url("../form4.png") no-repeat;
	height: 200px;
	width: 200px;
	font-size: 18px;
	font-family: medi-med, futura, arial, sans;
	color: white;
	left: 9px;
	top: 9px;
}

#vier a{
	position: absolute;
	bottom: 63px;
	left: 26px;
	color: white;

}

#vier a:hover{
	color: black;
}

#fuenf {
	background: url("../form5.png") no-repeat;
	height: 220px;
	width: 220px;
	font-size: 18px;
	font-family: medi-med, futura, arial, sans;
	color: white;
    left: 198px;
    top: 262px;
}

#fuenf a{
	position: absolute;
	bottom: 76px;
	left: 56px;
	color: white;
}

#fuenf a:hover{
	color: red;
}

#sechs {
	background: url("../form6.png") no-repeat;
	height: 265px;
	width: 286px;
	font-size: 18px;
	font-family: medi-med, futura, arial, sans;
    left: -10px;
    top: 138px;
}

#sechs a{
	position: absolute;
	bottom: 55px;
	left: 23px;
	color: black;
	text-align: left;

}

#sechs a:hover{
	color: white;
}

#sieben{
	background: url("../form7.png") no-repeat; 
	height: 229px;
	width: 215px;
	font-size: 16px;
	font-family: arial, sans;
	left: 46px;
    top: 235px;
}

#sieben a{
	position: absolute;
	bottom: 10px;
	left: -14px;
	color: white;
}

#sieben a:hover{
	color: black;
}


#acht {
	background: url("../form8.png") no-repeat;
	height: 292px;
	width: 274px;
	font-size: 18px;
	font-family: medi-med, futura, arial, sans;
	left: 171px;
    top: 73px;
}
#acht a{
	position: absolute;
	bottom: 230px;
	left: 86px;
	color: white;
}

#acht a:hover{
	color: red;
}


div.dragable:hover {
	cursor: pointer;
}

td, th {
vertical-align: top;
}

table {
border: 0px;
}

tr:hover td, tr.even:hover
td.active, tr.odd:hover
td.active {
background: white;
}

body.node-type-kongresspage h1#page-title{
	display: none;
}