¨/*CSS Document*/
body {
	background-color:transparent;
	color:#707070;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 5px;
	padding: 0px;
	
}
#container {
	margin: 0px auto;
	text-align: left;
	width: 750px;
}
div, p, ul,h2,h3{
	padding:0px;
	marging:0px 0px 0px 0px;
}
ul{ 
	list-style-type:none
}
/***************header information **************/

#header {
	margin: 0px 0px 5px 25px;
	background-image:url(images/building2.jpg);
	width:710px;
	height:270px;
	position:center;
	border-left: #fff 0px solid
}

#header ul{
	background-color:#fcd116;
	width:710px;
	border: 3px solid #FFFFFF;
	/*display:block;*/
	top:255px;
	position:absolute;
	margin: 0px 0px 0px 0px;
	height:25px;
	padding:0px 0px 0px 0px;
	text-align:left;
	font-size: 12px;
}
#header li{
	display:inline;	
}
#header a{
	font-size:14px;
	text-decoration:none;
	color:#3300ff;
	margin: 0px 15px;
}
#header a:hover{
	text-decoration:underline;
	color:#2b2a2a;
}
/********************** Content ***************************/
#content {
	background-image:url(images/content_bg.gif);
	width:750px;
}
img{
	border-width:0px;
	position:relative;
	left: 0px;
	background-image: url(images/Bonspiel09/No12009.jpg);
	overflow: auto;
	width: 300;
	height: 225;






}
img.relay{
	width:400px;
	height:195px;
}
img.we{
	width:100px;
	height:100px;
}
img.hos{
	width:425px;
	height:240px;
}
img.map{ width:440px;
         height:440px;
}
img.con{
	width:300px;
	height:225px;
	border:1px solid #0000ff;
	margin: 3px;
    font-weight: normal;
     margin: 2px;
}
img.con2{
	width:200px;
	height:267px;
	border:1px solid #0000ff;
	margin: 3px;
    font-weight: normal;
     margin: 2px;
}	
h1{
	color:#000000;
	font-size:16px;
	margin: 20px 0px 20px 0px;
	align:center;
}
h1.intro { color:#083194
}
h1.title{ color:#ff8429
}

/*
h2{
	color:#314218;
	font-size:14px;
	text-align:left;
	width:200px;
	margin: 10px 0px 15px 0px;
}
*/
#left {
	float:left;
	width:450px;
	margin-left:27px;
	padding: 0px 10px 30px 0px;
	display:inline;
	
}

#left a{color:#28556b;}
#left a:hover{ color:#c77e0c;}
#photos a{
	margin-right:14px;
}
#right {
	float:right;
	width:210px;
	padding: 0px 20px 20px 20px;
	margin-top:10px;
	border-left: #FFF 2px solid;

}
#right a{
	color:#7d26cd;
}
#right a:hover{
	color:#cd950c;
	
}
#lf {
	
	width:720px;
	margin-left:27px;
	padding: 0px 10px 0px 0px;
		
}
/********************** Footer ***************************/
#footerline {
clear:both;
background-image:url(images/footer_bg.gif);
font-size:1px;
height:10px;
}
#footer {
	width:717px;
	text-align:center;
	padding: 20px 0px;
}
#picture{
	float: left;
	width: 15px;
	height:15px;
}

/*********************** Table **************************/

table#mytable {
    background-color:#FFFFcc;
    border: ridge blue 8px;
    width: 400px;

}

table#mytable td {
    padding: 5px;
    border: solid #000 1px;

}
.data {
    color: #000000;
    text-align: left;
    background-color: #CCCCCC;
}

.toprow {
    font-style: italic;
    text-align: center;
    background-color: #FFFFCC;

}

/*.leftcol {
    font-weight: bold;
    text-align: left;
    width: 150px;
    background-color: #CCCCCC;

}*/
/*********************** images **************************/
div.img
{
  margin: 10px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
     
}	
div.img img
{
  margin: 5px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc{
  text-align: left;
  font-weight: normal;
  width: 275px;
  margin: 2px;
}

/*.leftcol {
    font-weight: bold;
    text-align: left;
    width: 150px;
    background-color: #CCCCCC;
*/