* {

	margin: 0; 

	padding: 0;

}

body {

	color: #000;

	background-color: #666666;

	text-align: center;

	font-family: "Trebuchet MS";

}

a {

	color: #CC0033;

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

a img {

	border: 0 none;

}

h1, h2, h3 {

	margin: 5px 0 5px 0;

	text-decoration: underline;

	font-family: "Trebuchet MS";

	color: #000000;

	background: transparent;

}

h1 {

	font-size: 1.4em;

}

h2 {

	font-size: 1.2em;

}

h3 {

	font-size: 1.0em;

}

p, li {

	font-size: 0.80em;

}

ul {

	list-style-type: square;

}

li {list-style: none;

	}

dl       { 

         display: table; 

		 

		 float: left;

          

         /* kleinste Bildbreite; 

          * wird durch [display: table;] 

          * aufgedrückt 

          * IE kann es nicht! 

          */ 

         width: 350px; 

		 

		 margin: 0.5em 2em 1em 0;



         } 



dt img   { 

         width: 350px; /* nicht notwendig */

         height: 263px; /* nicht notwendig */

         display: block; 

         } 



dd    

         { 

         padding: 0;

		 margin: 0;

		 font-size: 70%;

		 color: #CC0033;

         } 

#container {

	text-align: left;

	position: relative;

	width: 760px;

	color: #000;

	margin: auto;

	background-color: #FFFFFF;

	border: 1px solid #CC0033;

}

#header {

	position: relative;

	background: transparent url() right no-repeat;

	border-bottom: 1px solid #CC0033;

	margin: auto;

}

#logo {

	padding: 50px 20px 25px 20px;

}



#pic {

	position: absolute;

	top: 40px;

	right: 20px;

	float: right;

	width: 470px;

	height: 150px;

	border: 1px solid #CC0033;



}

#main {

	padding: 0px;

}

#column {

	float:left;

	margin-top: 10px;

	margin-left: 10px;

	margin-bottom: 10px;

	margin-right: 10px;

	padding-right: 10px;

	width: 242px;

	border-right:  1px dotted #CC0033;

	display: inline;

}

#column li {

	padding: 2px;

	}

#column img {

	border: 8px solid #000000;

}

#content {

	float: left;

	width: 450px;

	margin: 10px;

}

#content img {



}

#content2 {

	float: left;

	width: 150px;

	}

#content3 {

	float: right;

	width: 150px;

	}

#content4 {

	float: right;

	width: 150px;

	}

#field {

	width: 450px;

	background-color: #009933;

	border: 3px solid #000000;



}

#defense {

	height: 180px;

	width: 450px;

	border-bottom: 3px solid #000000;

	background: url(/images/Defense.jpg) left no-repeat;

	padding-top:20px;

	}

#midfield {

	height: 150px;

	width: 450px;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #000000;

	background: url(/images/Midfield.jpg) left no-repeat;

	padding-top:50px;

	}

#attack {

	height: 150px;

	width: 450px;

	padding-top:50px;

	background: url(/images/Attack.jpg) left no-repeat;

	}

#nav {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	background-color: #FFFFFF;

	border-bottom: 9px solid #CC0033;

}

#nav li {

	display: inline; 

}

#nav a {

	text-decoration: none;

	display: block;

	float: right;

	padding: 3px 17px;

	font-weight: bold;

	line-height: 1.5em;

}

#nav a:hover {

	color: #fff;

	background:#CC0033; 

}

#footer {

	height: 18px;

	clear: both;

	border-top: 9px solid #CC0033;

	color: #CC0033;

	background-color: #FFFFFF;

	text-align: center;

}

/* Klassen */



.teaser {

	font-weight: bold;

	padding-bottom: 5px;

}

.nav {

	border-bottom: 1px dotted #CC0033;

	padding-bottom: 5px;

}



ul.liste{

	list-style:      	none;

	background-color:  	transparent;

	color: #606060;

	margin-left: 25px;

	margin-top: 10px;

	padding-bottom: 10px;

}



ul.liste li{	

	font-size:13px;

	list-style-type:circle;

}

.senkrecht {

	writing-mode: tb-rl;

}

.b {
	font-weight: bold;
}

.r {
	color: red;
}

.buttonalbum {
	border: 1px red solid; 
	padding-left: 2px; 
	padding-right: 2px; 
	text-decoration: none;
}