/**
 * Screen
 *
 * @author Cornelius Hansjakob <cha@massiveart.com>
 * @version 1.0
 */


/* ----------------
Reset */
@import url(reset.css);

/* ----------------
Main */

body {
  background: #000 url(/website/themes/silberball/images/bg_main.jpg) no-repeat scroll center 0;
  color:#a1a1a1;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size:13px;
  line-height:20px;
  text-align:center;  
}

p {
  padding-bottom:10px;
  font-size:13px;
  line-height:20px;
}

.clear {
  clear:both;
  height:0;
  line-height:0;
  font-size:0;
}

.wrapper {  
  background: url(/website/themes/silberball/images/bg_showframe.png) no-repeat center 0;
  margin:0 auto;
  width:960px;
  text-align:left;
  min-height:605px;
}

.mainNavContainer {
  height:115px;
  position:relative;
  width:100%; 
}

.headerContainer {
  height:350px;
  width:865px;
  padding:30px 30px 0 30px;
  margin:0 auto 30px auto;
  overflow:hidden;
}

.templateContainer {
  padding:20px 0 0 0;
}

.wrapper .start {
  padding:40px 0 0 0;
}

.footerContainer {
  padding:10px 15px 0 15px;
  margin:10px 0 20px 0;
  border-top:1px solid #616161;
  height:20px;
}

/* ----------------
Links general */

a {
  color:#a1a1a1;
  font-size:11px;
  line-height:20px;
  font-weight:bold;
  text-decoration:none;
}

a:hover {
  color:#a1a1a1;
  font-size:11px;
  line-height:20px;
  font-weight:bold;
  text-decoration:underline;
}

/* ----------------
Headlines */

h1 {
  font-size:18px;
  line-height:1.5em;
  font-weight:normal;
  text-transform:uppercase;
  letter-spacing:3px;
  padding:0 0 1.5em 0;
}

h2 {
  font-size:14px;
  line-height:1.5em;
  text-transform:uppercase;
  font-weight:normal;
  padding:0 0 10px 0;
}

h3 {
  font-size:13px;
  line-height:20px;
  text-transform:uppercase;
  font-weight:normal;
  padding:0 0 10px 0;
}

.start h3 {
  font-size:13px;
  line-height:20px;
  text-transform:uppercase;
  font-weight:normal;
  padding:0;
}

/* ----------------
Header */

.mainNavContainer .portalBack {
  position:absolute;
  z-index:60;
  top:25px;
  left:110px;
}
/*
.mainNavContainer .portalBack a {
  background:url(/website/themes/silberball/images/pointer_left.gif) no-repeat 0 60%;
  font-weight:normal;
  padding:0 0 0 10px;
  text-transform:uppercase;
  text-decoration:none;
}
 
.mainNavContainer .portalBack a:hover {
  text-decoration:underline;
}
*/
.mainNavContainer .portalBack .choose {
  cursor:pointer;  
}

.mainNavContainer .portalBack .choose .start {
  padding:0;
  background:transparent url(/website/themes/silberball/images/navigation/button_left.png) no-repeat 0 0;
  float:left;
  height:32px;
  width:15px;  
}

.mainNavContainer .portalBack .choose .middle {
  padding:0;
  background:transparent url(/website/themes/silberball/images/navigation/button_center.png) repeat-x 0 0;
	float:left;
	height:26px;
	padding:6px 5px 0 0; 
	font-weight:bold;
	font-size:10px;
	color:#fff; 
}

.mainNavContainer .portalBack .choose .end {
  padding:0;
  background:transparent url(/website/themes/silberball/images/navigation/button_right_pointer.png) no-repeat 0 0;
	float:left;
	height:32px;
	width:20px;  
}

#portalNav {
  background-color:#000;
  position:absolute; 
  top:30px; 
  left:10px; 
  z-index:60;
  width:158px;
  padding:5px;
}

#portalNav ul {
	height:auto;
	position:relative;	
	left:0;
	top:0;
	width:auto;
}

#portalNav ul li {
  float:none;
}

#portalNav ul li a,
#portalNav ul li a:hover {
  font-size:11px;
}


/* ----------------
Navigation */

.mainNavContainer ul {
  position:absolute;
  width:750px;
  top:70px;
  left:110px;
  clear:both;
  height:35px;
  z-index:50;
}

.mainNavContainer li {
  float:left;
}

.mainNavContainer li .start {
  float:left;
  height:32px;
  width:15px;
}

.mainNavContainer li .end  {
  float:left;
  height:32px;
  width:15px;
}

.mainNavContainer li .end_pointer  {
  float:left;
  height:32px;
  width:20px;
}

.mainNavContainer li .middle,
.mainNavContainer li .middle_pointer  {
  float:left;
  height:26px;
  padding:6px 5px 0 0;
  position:relative;  
  z-index:50;
}

.mainNavContainer li .middle {
  padding-right:0;
}

.mainNavContainer li .middle ul,
.mainNavContainer li .middle_pointer ul {
  position:absolute;
  left:-6px;
  top:32px;
  z-index:50;
  display:none;
  min-width:130px;
  width:100%;
  height:auto;
  background-color:#000;
  padding:0 0 15px 15px;
}

.mainNavContainer li .middle ul li,
.mainNavContainer li .middle_pointer ul li {
  clear:both;
}

.mainNavContainer li:hover .start,
.mainNavContainer .selected .start {  
  background:url(/website/themes/silberball/images/navigation/button_left.png) no-repeat 0 0;
  float:left;
  height:32px;
  width:15px;
}

.mainNavContainer li:hover .end,
.mainNavContainer .selected .end {	
  background:url(/website/themes/silberball/images/navigation/button_right.png) no-repeat 0 0;
  float:left;
  height:32px;
  width:15px;
}

.mainNavContainer li:hover .end_pointer,
.mainNavContainer .selected .end_pointer {  
  background:url(/website/themes/silberball/images/navigation/button_right_pointer.png) no-repeat 0 0;
  float:left;
  height:32px;
  width:20px;
}

.mainNavContainer li:hover .middle,
.mainNavContainer .selected .middle,
.mainNavContainer li:hover .middle_pointer,
.mainNavContainer .selected .middle_pointer {	
  background:url(/website/themes/silberball/images/navigation/button_center.png) repeat-x 0 0;
  float:left;
  height:26px;
  padding:6px 5px 0 0;  
}

.mainNavContainer li:hover .middle,
.mainNavContainer .selected .middle {
  padding-right:0;
}

.mainNavContainer li:hover .middle ul,
.mainNavContainer li:hover .middle_pointer ul {
  display:block;
}

.mainNavContainer li .middle a,
.mainNavContainer li .middle_pointer a {
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  text-transform: uppercase;
  font-size:10px;
}

.mainNavContainer li .middle a:hover,
.mainNavContainer li .middle_pointer a:hover {
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  text-transform: uppercase;
  font-size:10px;
}

.mainNavContainer li.home .middle {
  padding-right:0;
}

.mainNavContainer li.home .middle a,
.mainNavContainer li.home .middle a:hover {
  color:#ee0000;
}

.mainNavContainer li .middle ul li a,
.mainNavContainer li .middle_pointer ul li a {
  color:#fff;
  font-weight:normal;
  text-decoration:none;
  text-transform: uppercase;
  font-size:10px;
}

.mainNavContainer li .middle ul li a:hover,
.mainNavContainer li .middle_pointer ul li a:hover {
  color:#fff;
  font-weight:normal;
  text-decoration:underline;
  text-transform: uppercase;
  font-size:10px;
}

.mainNavContainer .eventContainer {
  position:absolute; 
  z-index:10; 
  top:102px; 
  left:-4px; 
  width:387px; 
  height:230px;
}
 
/* ----------------
Content */

.templateContainer .overview,
.templateContainer .content {
  padding:0 45px 0 45px;  
}

.templateContainer .overview img,
.templateContainer .content img {
  border:3px solid #333;
}

.templateContainer .content .block {
  padding:0 0 20px 0;  
}

.templateContainer .content .block p {
  padding-right:320px;	
}

.templateContainer .overview .description,
.templateContainer .content .description {
  padding:0 320px 20px 0;  
}

.templateContainer .overview .imgLeft,
.templateContainer .content .imgLeft {
  padding:0 20px 0 0;
  /*width:300px;*/
}

.templateContainer h1 span {
  font-size:12px;
}

.templateContainer .overview .imgRight,
.templateContainer .content .imgRight {
  padding:0 0 0 20px;
  width:300px;
}

.templateContainer .overview .imgLeft,
.templateContainer .content .imgLeft,
.templateContainer .overview .imgRight img,
.templateContainer .content .imgRight img,
.templateContainer .content .block img {
  margin:0 0 16px 0;
  display:block;
}

.templateContainer .content .block .imgRight {
  padding:0 0 0 20px;
}

/* ----------------
Content Overview */

.templateContainer .breadcrumb {
  padding:0 0 20px 0;
  font-size:10px;
  text-transform:uppercase;
  font-weight:normal;
  line-height:20px;
  width:650px;
  float:left;
}

.templateContainer .breadcrumb a.home {
  padding:0 20px 0 0;
  font-weight:normal;
}

.templateContainer .breadcrumb a {
  font-size:10px;
  text-decoration:none;
  padding:0 20px 0 20px;
  font-weight:normal;
}

.templateContainer .breadcrumb a:hover {
  text-decoration:underline;
  font-weight:normal;
}

.templateContainer .back {
  float:right;
  width:200px;
  text-align:right;
}

.templateContainer .back a {
  background:url(/website/themes/silberball/images/pointer_left.gif) no-repeat 0 50%;
  padding:0 0 0 10px;
  text-transform: uppercase;
  text-decoration:none;
  font-weight:normal;
  font-size:10px;
}

.templateContainer .back a:hover {
  text-decoration:underline;
  font-weight:normal;
}

.templateContainer .overviewFilter {
  float:right;
  width:220px;
  text-align:right;
  padding:6px 0 0 0;
}

.templateContainer .overviewFilter select {
  width:200px;
  background-color:#000; 
  border:1px solid #ccc; 
  color:#ccc;
}

.templateContainer .overview .item {
  padding-bottom:20px;  
}

.templateContainer .overview .col2 {
  clear:both;
  width:100%;  
}

.templateContainer .overview .item h2,
.templateContainer .overview .col2 h2 {
  padding:0;  
}

.templateContainer .overview .col2 .item {
  padding-bottom:20px;
  width:415px;
}

.templateContainer .overview .col2 .left {
  float:left;
}

.templateContainer .overview .list {
  padding:0 0 20px 0;  
}

.templateContainer .overview .list .itemImg {
  padding:0 0 10px 0; 
}

.templateContainer .overview .list .itemImg .left {
  float:left;
  width:56px;  
}

.templateContainer .overview .list .itemImg .right {
  float:left;  
}

.templateContainer .overview .list .item {
  background: #000 url(/website/themes/silberball/images/pointer.gif) no-repeat 0 0.6em;  
  padding:0 0 0 10px;   
}

.templateContainer .overview .list a {
  font-weight:bold;
  text-decoration:none;
}

.templateContainer .overview .list a:hover {
  text-decoration:underline;
}

.templateContainer .overview .list .item a {
  color:#a1a1a1;
  text-decoration:none;
  font-size:11px;   
}

.templateContainer .overview .list .item a:hover {
  text-decoration:underline;
  font-size:11px;   
}

.templateContainer .overview h2 a {
  font-size:14px;
  line-height:1.5em;
  text-transform:uppercase;
  font-weight:bold;
  padding:0 0 10px 0;
  text-decoration:none;
}

.templateContainer .overview h2 a:hover {
  text-decoration:underline;
}

/* ----------------
Content Overview Col3 */

.templateContainer .overview-col3 {

}

.templateContainer .overview-col3 .left {
  float:left;
  width:595px;
}

.templateContainer .overview-col3 .left .description {
  padding: 0 40px 20px 0;
}

.templateContainer .overview-col3 .right {
  float:left;
  width:275px;
  padding:5px 0 20px 0;
}

.templateContainer .overview-col3 .list .itemImg .right {
  width:215px;
  padding:2px 0 0 0;
}

/* ----------------
Content Overview Press */

.templateContainer .overview-press {

}

.templateContainer .overview-press .left {
  float:left;
  width:575px;
  padding:0 20px 0 0;
}

.templateContainer .overview-press .item h2,
.templateContainer .overview-press .col2 h2 {
  padding:0 0 10px 0;  
}

.templateContainer .overview-press .imgLeft {
  margin:0;
  display:block;
}

.templateContainer .overview-press .right {
  float:left;
  width:275px;
  padding:5px 0 20px 0;
}

.templateContainer .overview-press .right .img {
  margin:0 0 12px 0;
  display:block;
  float:none;
}

.templateContainer .overview-press .list .item {
  font-size:11px;  
}

.templateContainer .overview-press .list .itemImg .left,
.templateContainer .overview-press .list .itemImg .right  {
  padding:0;
}

.templateContainer .overview-press .list .itemImg .right {
  padding:10px 0 0 0;
  font-size:11px;
}

/* ----------------
Content Gallery */

.galleryContainer {
  padding:0 0 20px 0;
}

.gallery {

}

.gallery .item {
  float:left;
  width:136px;
  height:136px;
  overflow:hidden;
  padding:0 20px 20px 0;
}

.gallery #showAll {
  float:left;
  padding-top:117px;
}

/* ----------------
Content Documents */

.documents {
  padding:0 0 20px 0;
}

.documents .item {
  padding:0 0 10px 0;
}

.documents .item .icon {
  float:left;
  width:32px;
  padding-right:20px;
}

.documents .item .icon img {
  border:none; 
}

.documents .item .infos {
  float:left;
}

.documents .item .infos span {
  font-size:10px;
}

/* ----------------
Content Contact */

.contactContainer {
  
}

.person { 
  padding:0 0 20px 0;
}

.person .name {

}

.person .img {
  float:left;
  padding:0 20px 0 0;
}
	
.person .function {
  font-size:12px;
  line-height:20px;
}

.person .detail {
  padding:0;
  float:left;
}

.person .detail .infos {
  font-size:12px;
  line-height:1.3em;
  float:left;
}

/* ----------------
Content Startpage */

#scrollLeft {
  background:transparent url(/website/themes/silberball/images/pointer_big_left.gif) no-repeat 0 0;
  width:8px;
  height:14px;
  line-height:1px;
  font-size:1px;
  position:absolute;
  left:2px;
  top:88px;
  cursor:pointer;
  z-index:5;
}

#scrollRight {
  background:transparent url(/website/themes/silberball/images/pointer_big_right.gif) no-repeat 0 0;
  width:8px;
  height:14px;
  line-height:1px;
  font-size:1px;
  position:absolute;
  right:2px;
  top:88px;
  cursor:pointer;
  z-index:5;
}


#showAllNews {
  
}

#showAllNews a,
#showAllNews a:hover {
  background:transparent url(/website/themes/silberball/images/pointer.gif) no-repeat 0 center;
  padding:0 0 0 10px;
}

.col2 {
  width:460px;
  float:left;
}

.col3 {
  width:320px;
  float:left;
}

.col2 .head,
.col3 .head {
  border-top:1px solid #616161;
  border-bottom: 1px solid #616161;
  padding:0 15px 0 15px;
}

.start .list {
  padding:20px 15px 0 15px;
}

.start .slideContainer {
  padding:20px 15px 0 15px;
  position:relative;
  overflow:hidden;
  width:290px;
  height:300px;
  z-index:10;
}

.start .slideItem {
  position:absolute;
  top:20px;
  z-index:8;  
}

.start .slideItem img {
  border:1px solid #333333;
}

.start .slideItem .text {
  width:290px;
}

.start .list ul {
  list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.start .list li {
  background: #000 url(/website/themes/silberball/images/pointer.gif) no-repeat scroll 0 0.6em;
  padding:0 0 0 10px;
}

.start .list li a {
  font-size:11px;
  color:#a1a1a1;
  text-decoration:none;
}

.start .list li a:hover {
  font-size:11px;
  text-decoration:underline;
}
	
.start .list .itemImg {
  padding:0 0 20px 0;
}

.start .list .itemImg img.left {
  float:left;
  width:40px;
  padding:0 10px 0 0;
}

.start .list .itemImg img.right {
  float:left;
  width:250px;
}

.start .list .itemImg .top {
  padding:0 0 5px 0;
  width:290px;
  height:150px;
  overflow:hidden;
}

.start .list .itemImg .top img {
  /*border:5px solid #000;*/
}
	
.start .list .itemImg .text {
  padding:5px 0 0 0;
}

.start .list .item {
  padding:0 0 20px 0;
}

.start .list .itemImg .text a,
.start .list .item .text a {
  font-weight:bold;
  color:#a1a1a1;
  text-decoration:none;  
}

.start .list .itemImg .text a:hover,
.start .list .item .text a:hover {
  font-weight:bold;
  color:#a1a1a1;
  text-decoration:underline;  
}

.start h2 {
  padding:0;
}

.start h2 a,
.start h2 a:hover {
  font-size:14px;
  text-transform: none;
}

/* --------------------
@start, Contact Form */

.formContainer {
  padding:0 0 20px 0;
}

#succesbox {
  color:#333;
  font-size:14px;
  line-height:20px;
  /*border:3px solid #8C7E6D;*/
  /*padding:10px;*/
  margin:10px 0 10px 0;
  width:514px;
  /*background:#fff;*/
  font-weight:bold;  
}

#noticebox {
  color:#cc0000;
  font-size:14px;
  line-height:20px;
  /*border:3px solid #cc0000;*/
  /*padding:10px;*/
  margin:0 0 20px 0;
  width:514px;  
}

.formContainer input,
.formContainer select {
  border:3px solid #ccc;
  color:#333;
  font-size:14px;
  font-weight:normal;
  line-height:20px;
  padding:2px;  
  background-color:#fff;
}

.formContainer textarea {
  border:3px solid #ccc;
  color:#333;
  font-size:14px;
  font-weight:normal;
  line-height:20px;
  padding:2px;  
  background-color:#fff;
}

.formContainer .itemLeft {
  float:left;
  padding:0 10px 10px 0;
  width:270px;
}

.formContainer .itemRight {
  float:left;
  padding:0 0 10px 0;
  width:270px;
}

.formContainer .itemLeft input,
.formContainer .itemRight input {
  width:250px;
}

.formContainer .itemLeft select,
.formContainer .itemRight select {
  width:260px;
}

.formContainer .item {
  padding:0 0 10px 0;
}

.formContainer .item input {
  width:530px;
}

.formContainer .item textarea {
  width:530px;
  height:90px;
}

.formContainer .itemLeft input.chbx,
.formContainer .itemRight input.chbx,
.formContainer .item input.chbx  {
  width:20px;
}

.formContainer .button {
  float:left;
}

.formContainer input.button {
  border:none;
  background-color:transparent;
  color:#00244D;
  font-size:12px;
  font-weight:bold;
  height:30px;
  line-height:20px;
  padding:0;   
}

.formContainer .requiredInfo {
  float:left;
  padding:6px 0 0 20px;
}

.missinginput,
.formContainer input.missinginput,
.formContainer select.missinginput,
.formContainer textarea.missinginput {
  border-color:#cc0000;
}

/* ------------------
@end, Content Form */

/* ---------------
@start, Buttons */

.bttnLarge {
  width: 154px;
  height: 24px;
  background: url(/website/themes/silberball/images/button_large.png) no-repeat 0 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  color: #00244d;
  text-align: center;
  padding: 6px 0 0 0;
  cursor: pointer;
}

/* -------------
@end, Buttons */

/* ----------------
Image Definitions */

.imgLeft {
  float:left;
}

.imgRight {
  float:right;
}

/* ----------------
Footer */

.footerContainer .left {
  float:left;
  font-size:10px;
  color:#a1a1a1;
}

.footerContainer .right {
  float:right;
  font-size:10px;
  color:#a1a1a1;
}

.footerContainer ul {
  list-style:none;
}

.footerContainer li {
  display:inline;
  padding-left:1em;
}

.footerContainer li a {
  font-size:10px;
  text-decoration:none;
  color:#a1a1a1;
  font-weight:normal;
}

.footerContainer li a:hover {
  font-size:10px;
  text-decoration:underline;
  color:#a1a1a1;
  font-weight:normal;
}

/* ----------------
Font Weight */

.bold {
  font-weight:bold;
}

.normal {
  font-weight:normal;
}

.lighter {
  font-weight:lighter;
}

.bolder {
  font-weight:bolder;
}

/* ----------------
Colors */

.black {
  color:#000;
}

.white {
  color:#fff;
}

.dark {
  color:#6c6c6c;
}

/* ----------------
Paddings */

.ptop10 {
  padding-top:10px;
}

.ptop20 {
  padding-top:20px;
}

.pbottom10 {
  padding-bottom:10px;
}

.pbottom20 {
  padding-bottom:20px;
}

.pleft10 {
  padding-left:10px;
}

.pleft20 {
  padding-left:20px;
}

.pright10 {
  padding-right:10px;
}

.pright20 {
  padding-right:20px;
}

.pright40 {
  padding-right:40px;
}

/* ----------------
Margins */

.mtop10 {
  margin-top:10px;
}

.mtop20 {
  margin-top:20px;
}

.mbottom10 {
  margin-bottom:10px;
}

.mbottom20 {
  margin-bottom:20px;
}

.mleft10 {
  margin-left:10px;
}

.mleft20 {
  margin-left:20px;
}

.mright10 {
  margin-right:10px;
}

.mright20 {
  margin-right:20px;
}

/* ----------------
Floats */

.left {
  float:left;
}

.right {
  float:right;
}

/* ----------------
Grid */

#divGrid12 {
  position:absolute;
  width:940px;
  height:100%;
  z-index:1000;
  top:0;
  left:50%;
  margin:0 0 0 -470px;
}

.grid {
  position:absolute;
  z-index:1000;
  top:0;
  background:url(/website/themes/silberball/images/tmp/grid.png) 0 0;
  bottom:0;
  width:60px;
  height:100%;
}