@font-face {
  font-family: "Lucida Grande";
  src: url(Lucida Grande.ttf);
}

body {
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	background: #fa0 ;
  padding: 0px;
  margin: 0px;
}


p { padding: 0; margin: 0; }
label {
	font-weight: bold;
}

a, a:hover, a:visited {
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.icon {
	border: none;
	width: 16px;
	height: 16px;
}

a img {
	border: none;
}

::-moz-selection {
	background: #000;
	color: #fa0;
}

::selection {
	background: #000;
	color: #fa0;
}

/*=========================================================================*/
/*---------------------------------Allgemeiner Seitenaufbau----------------*/
#root {
  width: 850px;
	
	margin: 0px auto;
}

#logo {
  background-image: url(jpg/banner.jpg);
	background-repeat: no-repeat;
	width: 800px; height: 180px;
	padding: 0px;
	margin: 0px auto;
}

#titel {
	font-size: 26px;
	/*text-shadow: 0px -1px 1px #000;*/
       font-weight: bold;
	color: #000;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #333;
	margin-top: 10px;
}

#subtitel {
	font-size: 22px;
	color: #000;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: 1px solid #333;
}

#inhalt {
	float: left;
	width: 600px;
	border-top: none;
	padding: 10px;
	padding-right: 30px;
	border-right: 1px solid #333;
}

#xtras {
	float: right;
  width: 190px;
	padding-left: 10px;
	padding-top: 10px;
	text-align: left;
}

#footer {
	font-size: 10px;
	color: #333;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	border-bottom: 1px solid #333;
}
#footer a {
	color: #333;
}

#info {
	position: absolute;
	opacity: 0.65;
	width: 125px;
	height: auto;
	background-color: #000000;
	color: #FF6600;
}


#follow {
	width: 150px;
	padding-top: 1px;
	background: transparent url("transparent.png") repeat;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

#follow h3 {
	padding-left: 10px;
}

#follow ul { 
	list-style-position: outside;
	list-style-type: none;
	list-style-image: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.5em;
	margin-left: 0px;
	padding-left: 0;
}
#follow li { 
	border-bottom-color: #f2f2f2;
	border-bottom-width: 0px;
	border-bottom-style: solid;
}
#follow #onfacebook { 
	background-image: url("facebook_16.png");
}
#follow #ontwitter { 
	background-image: url("twitter_16.png");
}
#follow #onrss { 
	background-image: url("rss_16.png");
}

#follow li a { 
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-image: none [overridden];
	background-position: 10px 8px;
	background-color: transparent;
	display: block;
	line-height: 33px;
	padding-left: 35px;
}

/*=====================================================*/
/*---------------------------------News----------------*/
.news_titel {
	font-size: 18px;
	/*font-style: italic;*/
  font-weight: bold;
  padding-left: 3px;
}
.news_titel:hover {
	text-decoration:underline;
  font-style: italic !important;
}
.news_info {
	color: #000;
	font-size: 10px;
	text-align: right;
	padding-right: 3px;
	border-bottom: #000 dotted 1px;
  height: 16px;
  margin-bottom: 15px;
}
.news_info .left {
	float: left;
	text-align: left;
	padding-left: 28px;
  background: url(comments.png) 5px center no-repeat;
  height: 16px;
}
.news_info .left:hover {
	text-decoration:underline;
}
.news_info .right {
	text-align: right;
	padding-left: 3px;
  height: 16px;
}

.news_pic {
	width: 150px;
}
.news {
  width: 90%;
  margin-bottom: 8px;
  margin-top: 5px;
  font-size: 12px;
  padding-left: 15px;
}

.news a {
	color: #000000;
	font-weight: normal;
	font-style: normal;
  text-decoration: underline;
}
.news a:hover {
	text-decoration: underline;
}

table.news {
	border-spacing: 0px;
}

/*==========================================================*/
/*---------------------------------Spielplan----------------*/
table.spielplan {
	font-size: 10px;
	width: 100%;
	border-spacing: 0px;
}

tr.spielplan_0 {
	background-color: #f90;
	height: 20px;
}
tr.spielplan_0:hover {
	text-decoration: underline;
}
tr.spielplan_1 {
	background-color: #fa0;
	height: 20px;
}
tr.spielplan_1:hover {
	text-decoration: underline;
}

.h_spielplan {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

/*==========================================================*/
/*--------------------------------------News----------------*/
table.news {
	font-size: 10px;
	background-color: #FF9900;
	border-top: #000000 dashed 1px;
	border-bottom: #000000 dashed 1px;
	border-spacing: 0px;
}

tr.news {
	background-color: #FF9900;
}
tr.news:hover {
	background-color: #FF6600;
	border: #000000 dashed 1px;
}

/*==========================================================*/
/*---------------------------------Gästebuch----------------*/
table.gbook {
	font-size: 10px;
	border-spacing: 0px;
	width: 100%;
}

tr.gbook {
	border-left: #000000 solid 1px;
	border-right:  #000000 solid 1px;
}

.gbook_titel {
	font-size: 12px; font-weight: bold;
	padding: 2px;
	padding-left: 5px;
	background-color: #FF9900;
	border: #000000 solid 1px;
	border-bottom: none;
}
.gbook_info {
	font-size: 10px;
	background-color: #FF9900;
	text-align: right;
	padding-right: 3px;
	border: #000000 solid 1px;
	border-top: none;
}

/*=====================================================*/
/*---------------------------------Spielbericht----------------*/
.spielbericht_titel {
	width: 500px;
	font-size: 20px;
	margin-bottom: 10px;
}
.spielbericht_ergebnis {
	width: 500px;
	font-size: 12px;
  margin-bottom: 10px;
  font-weight: bold;
}
.spielbericht_spieler {
	width: 500px;
	font-size: 10px;
	border-top: #000000 solid 1px;
	padding-bottom: 5px;
	margin-bottom: 5px;
  margin-top: 10px;
}
.spielbericht_bericht {
	width: 500px;
	font-size: 12px;
}

/*=========================================================*/
/*--------------------------Kommentare----------------*/
.comments {
	width: 550px;
	font-size: 18px;
	font-style: italic;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-top: 30px;
	border-bottom: 1px solid #333;
}
.comment_txt_n {
	width: 100px;
	font-size: 10px;
	color: #000000;
	background-color: #FF9900;
	border: #000000 solid 1px;
}
.comment_txt_n:focus {
	background-color: #FFAA00;
}
.comment_txt_c {
	width: 350px;
	font-size: 10px;
	color: #000000;
	background-color: #FF9900;
	border: #000000 solid 1px;
}
.comment_txt_c:focus {
	background-color: #FFAA00;
}
.comment_btn {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #FF9900;
	border: #000000 solid 1px;
	padding-left: 10px;
	padding-right: 10px;
}
.comment_btn:hover {
	background-color: #FFAA00;
}
.comment_name {
	width: 550px;
	background-color: #FF9900;
	border: 1px solid #000;
	padding-top: 3px;
	padding-bottom: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}
.comment_name .left {
	float: left;
	padding-left: 5px;
}
.comment_name .right {
	padding-right: 5px;
	text-align:right;
}
.comment_kill a {
	display: block;
	background-color: #fff;
	color: #f00;
	font-weight: bold;
	width: 15px;
	text-align:center;
}
.comment_comment {
	width: 535px;
	padding: 3px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding: 5px;
	
	border: 1px solid #000;
	border-top: none;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}



/*=========================================================*/
/*------------------------- Bubbles :) --------------------*/
.bubble {
	width: 550px;
	font-size: 12px;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-top: 30px;
}

.bubble .title {
	font-size: 24px;
	font-weight: bold;
	padding-right: 10px;
	float: left;
	margin-bottom: 3px;
	}
.bubble .title_small {
	padding-top: 12px;
	}
	
.bubble .arrow {
	clear:both;
	width: 21px;
	height: 12px;
	background: transparent url(bubble_arrow.png) no-repeat;
	margin-left: 20px;
	}
	
.bubble .content {
	color: #fa0;
	background-color: #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	font-size: 14px;
	}



/* ############################### Galerie ################ */

.photoset {
  font-size: 12px;
  float: left;
  width: 120px;
  text-align: center;
  margin-left: 20px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  }

.photoset a:hover {
  text-decoration: underline;
  } 
  
.pictureFrame { 
  position: relative;
  width: 81px;
  height: 65px;
  overflow: hidden;
  cursor: pointer;
  text-align:center;
  margin: 0 auto;
  }
  
.pictureFrame img { 
  width: 75px !important;
  overflow:hidden;
  }
  
.pictureFrame .image { 
  position: absolute;
  top: 2px;
  left: 3px;
  display: block;
  width: 75px;
  height: 59px;
  overflow: hidden;
  }

.pictureFrame .overlay { 
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 132px;
  height: 109px;
  background-attachment: scroll;
  background-repeat: repeat;
  background-position: 0% 0%;
  background-color: transparent;
  background-image: url(picture_frame.png);
  }

/*=========================================================*/
/*--------------------------Suche----------------*/
#SearchForm input {
  width: 153px;
  padding: 3px 1px 3px 20px;
  border: 1px solid #000;
  background: url(search.gif) 3px center no-repeat #f90;
  color: #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#SearchForm input:focus {
  border: 1px solid #000;
	color: #000;
}

/*=========================================================*/
/*--------------------------Seitenauswahl----------------*/
.seite {
	padding: 10px;
	font-size: 12px;
	margin-bottom: 13px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #000;
	color: #fa0;
}
.seite_a {
	padding: 10px;
	font-size: 12px;
	background-color: #000;
	margin-bottom: 13px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #f90;
	font-weight: bold;
}
.seite:hover {
	color: #fff;
	}
.seite:visited {
	color: #fa0;
	}

/*==========================================================*/
/*--------------------------Standardelemente----------------*/
.btn {
	font-size: 12px;
	color: #000000;
	background-color: #FF9900;
	border: #000000 solid 1px;
	padding: 5px 10px 5px 10px;
  font-family: "Lucida Grande", "Segoe UI", Helvetica, Arial, Verdana, sans-serif;
  
}
.btn:hover {
	background-color: #FFAA00;
}

.txt {
	padding: 3px 7px 3px 7px;
	width: 400px;
	font-size: 12px;
	color: #000000;
	background-color: #FF9900;
	border: #000000 solid 1px;
  font-family: "Lucida Grande", "Segoe UI", Helvetica, Arial, Verdana, sans-serif;
  msx-width: 400px;
}
.txt:focus {
	background-color: #FFAA00;
}

.rdio {
	font-size: 12px;
	color: #000000;
	background-color: #FF9900;
	border: #000000 solid 1px;
  font-family: "Lucida Grande", "Segoe UI", Helvetica, Arial, Verdana, sans-serif;
}
.rdio:hover {
	background-color: #FFAA00;
}

/*===============================================*/
/*--------------------------Xtraz----------------*/

.xtra_title {
	display: block;
	color: #000000;
	background-color: #FF9900;
	text-decoration: none;
	text-align: center;
	font-size: 12px; font-weight: bold;
	width: 170px;
	padding: 2px;
	border: #000000 solid 1px;
	border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.xtra_content {
	display: block;
	color: #000000;
	background-color: #FFAA00;
	text-align: center;
	font-size: 10px;
	width: 170px;
	border: #000000 solid 1px;
	border-top: none;
	padding: 2px;
  margin-bottom: 15px;
  border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#minitab {
  font-size: 10px;
  text-align: left;
  padding:0; margin:0;
}
#minitab table { width: 100%; }
#minitab td {
  padding:1px; margin:0;
}
#minitab .smalltable1 {
 background-color: #FF9900;
}
#minitab .smalltable2 {
 background-color: #FFAA00;
}

#miniergeb {
  font-size: 10px;
  text-align: left;
  padding:0; margin:0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-bottom: 3px;
}
#miniergeb table { width: 100%; }
#miniergeb .line1 {
 background-color: #FF9900;
}
#miniergeb .line2 {
 background-color: #FFAA00;
}

.verysmall {
  font-size: 8px;
}

/*=====================================================*/
/*------------------------Suchergebnisse----------------*/
.searchresult {
  width: 90%;
  margin-bottom: 8px;
  margin-top: 5px;
  font-size: 12px;
}

.searchresult .title a{
	font-size: 16px;
	font-weight: bold;
}
.searchresult .footer {
	font-size: 10px;
}