/**
 * Description for file
 *
 * CSS version $version
 *
 * @author      mürner/spotti
 * @copyright   spotti
 * @link        www.spotti.ch
 * @licence     http://www.opensource.org/licenses/mit-license.php The MIT License
 * @version     0.0.1
 * @media       screen
 */

/* ------------------------------ Layout
*/
html {
	height:100%;
	width:100%;
}
body {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background:url(../images/background.jpg);
	
}

h1 {font-size:12px;padding: 0px;margin: 0px;font-weight:bold;color:#000000;text-transform:uppercase;}
h2 {font-size: 11px;color:#000000;margin:0px;font-weight:bold;}

a {color: #444444;text-decoration:none;}
a:hover {color:#000000;}

form {margin:0px;padding:0px;}
label {font-weight:bold;}
fieldset {border:none; margin:0px; padding:0px; width:auto;}
select, textarea, input {border: 1px solid #000000; font-family: verdana, helvetica, sans-serif;font-size: 11px;}

#center {
	position:relative;
	width:740px;
	margin:auto;
}

#bg-top {
	width:740px;
	height:40px;
	background: url(../images/background-top.png) no-repeat;
}

.bg-middle {
	width:740px;
	background: url(../images/background-middle.png) repeat-y;
}

#bg-bottom {
  width:740px;
  height:40px;
  background: url(../images/background-bottom.png) no-repeat;
}

#container {
	position:relative;
	top:0px;
	width:700px;
	margin:auto;
}

#header {
	position:relative;
	top: -20px;
	width:700px;
	height:170px;
	border-bottom: 1px solid #000000;
}

#content {
	position:relative;
	top:15px;
	width:700px;
	min-height:400px;
}

#content a {
	background: url(../images/listenpfeil.gif) no-repeat center left;
}
#content a:hover {
	background: url(../images/listenpfeil-over.gif) no-repeat center left;
}
#content-left {
	width: 445px;
	text-align:right;
	float:left;
	padding:20px 10px;
}
#container-right {
	text-align:left;
	padding:20px 10px;
	margin-left:465px;
}

/* ------------------------------ Navigation
*/
ul.menu {
	position:absolute;
	height:16px;
	top:150px;
	width:700px;
	font-size:12px;
	list-style-type: none;
	margin:3px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	text-transform: uppercase;
	border-bottom:1px solid #000000;
}
.menu li {
	display:inline;
}
.mainmenu-item {
	text-decoration:none;
	color: #000000;
	margin:0px 8px;
}
.mainmenu-item:hover {
	color: #000000;
}
.mainmenu-item-active {
	position:static;
	text-decoration: none;
	color: #000000;
	margin:0px 8px;
	font-weight:bold;
}

ul.submenu {
	position:absolute;
	top:19px;
	left:0;
	height:16px;
	width:700px;
	list-style-type: none;
	margin:0px;
	padding: 0px;
	text-align: center;
	text-transform: uppercase;
	border-bottom:1px solid #000000;
}
.submenu li {
	display:inline;
}
.submenu-item {
	text-decoration:none;
	color: #000000;
	margin:0px 8px;
}
.submenu-item:hover {
	color: #000000;
}
.submenu-item-active {
	text-decoration: none;
	font-weight:bold;
	color: #000000;
	margin:0px 8px;
}

/* CONTACT-FORM */
.contactform-container {width:350px; text-align:right; margin:1em 0em 0em 0em;}
.contactform-captcha-image {width:200px;}
.pmx-captcha-image{cursor:pointer;}
input.contactform-input-text {width:250px;}
textarea.contactform-input-text {width:250px;}
/*
dl.mail-form {margin:0px; padding:0px;}
dl.mail-form dt {margin:0px; padding:0px;}
dl.mail-form dd {margin:0px; padding:0px;}

dt.label-left {float:left; width:50%;}
dt.input-left {float:left; width:50%;}
*/


/* FCE*/

.fce-bands-container {margin:0em 0em 1em 0em;border-bottom:1px solid #888888;}
.fce-bands-content {float:left;width:250px;}
.fce-bands-image {width:185px;margin-left:260px;}
.fce-bands-image img {border:1px solid black;}

.fce-linklist-item {border-bottom:1px solid #000000; padding:0em 0em 1em 0em;}

.fce-text-image-container {margin:1em 0em 1em 0em;}
.fce-text-image-content {float:left;width:250px;}
.fce-text-image-image {width:185px;margin-left:260px;}
.fce-text-image-image img {border:1px solid black;}

/* NEWS */
.news-latest-container {margin:0em 0em 1em 0em;}
.news-latest-item {margin:1em 0em 0em 0em;border-bottom:1px solid #888888;}
.news-latest-item img {margin:1em 0em 0em 0em;border:1px solid #000000;}

.news-list-item {margin:1em 0em 0em 0em;border-bottom:1px solid #888888;}

.news-single-item {margin:1em 0em 0em 0em;}
.news-single-img img {border:1px solid #000000;}

/* EVENTS */

.events-latest-container {margin: 0em 0em 1em 0em;}
.events-latest-item {margin:1em 0em 0em 0em;border-bottom:1px solid #888888;}
.events-latest-item img {margin:1em 0em 0em 0em;border:1px solid #000000;}

.events-list-item {margin:1em 0em;border-bottom:1px solid #888888;}
.events-list-text {width:250px;float:left;}
.events-list-image img {border:1px solid #000000;}

.events-single-item {margin:1em 0em 0em 0em;}
.events-single-subheader p.bodytext {margin:0px;}
