/* CSS für Lars König
	COPYRIGHT KREATIVAGENTUR GORDON ADAMS BERLIN
*/

html * {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #b2fc00;
	background-image: url(../Bilder/bg1.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
}

.hidden {
	position: relative;
	left: -999em;
}

.center {
	text-align: center;
}






/* --------------------------- main --------------------------- */
#main {
	position: relative;
	width: 793px;
	margin: auto;
	padding: 0px;
}




/* --------------------------- header --------------------------- */
#header {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #7e7e7e;
	background-image: url(../Bilder/bg_header4.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	width: 793px;
	height: 491px;
}

#header_01 {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #7e7e7e;
	background-image: url(../Bilder/bg_header5.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	width: 793px;
	height: 491px;
}




/* --------------------------- content --------------------------- */
#content {
	background-image: url(../Bilder/bg_content.png);
	background-position: top;
	background-repeat: repeat-y;
	min-height: 600px;
}




/* --------------------------- inhalte --------------------------- */
#inhalte {
	position: relative;
	top: 0px;	
	left: 300px;
	padding: 20px 0px 20px 0px;
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
}

.bilder {
	height: 1050px;
}

#inhalte ul li {
	list-style: disc;
	list-style-position: inside;
}

#inhalte h1,
#inhalte h2 {
	padding: 0px 0px 20px 0px;
}

#inhalte a {
	color: blue;
	font-size: 11px;
}

#inhalte a img {
	border: none;
}

#inhalte table#vita tr td,
#inhalte table#partner tr td {
	vertical-align: top;
	padding-bottom: 20px;
}

#inhalte table#partner tr td a {
	color: blue;
	font-size: 11px;
}

#inhalte table#wettkampf tr td {
	vertical-align: top;
	padding-bottom: 20px;
}











/*--------------------------- Formular -------------------------------*/

form#kontakt {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 30px 0px;
	width: 450px;
}

form#kontakt table#formular {
	position: relative;
	left: 0px;
	margin: 0px 0px 0px 0px;
	/*background-color: yellow;*/
}

form#kontakt table#formular tr td {
	vertical-align: top;
	padding-bottom: 0px;
}

form#kontakt table#formular tr td input {
	margin: 0px;
	padding: 0px;
	border: 1px solid black;
}

form#kontakt table#formular tr td textarea {
	margin: 0px;
	padding: 0px;
	border: 1px solid #0d486e;
}

form#kontakt table#formular tr td p {
	margin: 0px;
	padding: 0px;
}

form#kontakt table#formular tr td p.anrede {
	position: relative;
	left: -20px;
	width: 150px;
}

form#kontakt table#formular tr td p.anrede input {
	border: none;
	margin: 0px 3px 0px 20px;
}



/* --------------------------- navigation --------------------------- */
#navigation {
	position: relative;
	top: 462px;	
	left: 30px;																					/* übergang links gefällt noch nicht*/
}

#navigation ul {
	list-style: none;
	width: 753px;
}

#navigation ul li {
	position: relative;
	top: -2px;
	display: inline;
}

#navigation ul li a {
	color: black;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 11px 27px 11px 26px;
	margin-right: -4px;
	border-right: 1px solid #B2FC00;
}

#navigation ul li a#navmainlast {
	border-right: none; /*1px solid #b1fb00;*/
	padding: 11px 27px 11px 27px;
}

#navigation ul li a:hover {
	color: white;
}

#navigation ul li a.mainaktiv:hover {
	background-image: url(../Bilder/mainaktiv.png);
	background-position: top;
	background-repeat: repeat-x;
	color: white;
}

#navigation ul li a#naviaktiv {
	background-image: url(../Bilder/mainaktiv.png);
	background-position: top;
	background-repeat: repeat-x;
	color: white;
}





/* --------------------------- u_navi --------------------------- */
#u_navi {
	position: relative;
	top: 493px;	
	left: 50px;
}

#u_navi ul {
	list-style: none;
}

#u_navi ul li {
	position: relative;
	top: -20px;
	left: -20px;
	width: 240px;
	height: 30px;
	background-image: url(../Bilder/unavi.png);
	background-position: top left;
	background-repeat: repeat-x;
}

#u_navi ul li a {
	position: relative;
	top: 3px;
	color: Blue;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 5px 20px 7px 22px;
}

#u_navi ul li a.upunkt:hover {
	font-weight: bold;
}


#u_navi ul li a#aktiv {
	font-weight: bold;
}

#u_navi a img {
	border: none;
}








/* --------------------------- footer --------------------------- */
#footer {
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url(../Bilder/bg_footer1.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 793px;
	height: 54px;
	margin-bottom: 50px;
	text-align: center;
}

#footer #webdesign {
	position: relative;
	top: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#footer #webdesign a {
	color: black;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#footer #webdesign a:hover {
	text-decoration: underline;
}



#footerindex {
	position: relative;
	top: 450px;
	left: 0px;
	width: 793px;
	height: 54px;
	margin-bottom: 50px;
	text-align: center;
}

#footerindex #webdesign {
	position: relative;
	top: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#footerindex #webdesign a {
	color: black;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#footerindex #webdesign a:hover {
	text-decoration: underline;
}



/* --------------------------- logo --------------------------- */
#logo {
	position: relative;
	top: 300px;
	left: 0px;
	background-image: url(../Bilder/logo_larsKoenig.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 790px;
	height: 120px;
	z-index: 1000;
}

#logo h1 {
	font-family: Arial, Helvetica, sans-serif;
}

#logo h1 span#author {
	position: absolute;
	bottom: -150px;
	right: 30px;
	font-size: 15px;
}

#logo a#home {
	position: absolute;
	top: 0px;
	left: 0px;
}

#logo a#home img {
	border: none;
}




#logo_index a {
	position: absolute;
	top: 10px;
	right: 35px;
	width: 200px;
	height: 120px;
/*	border: 1px solid blue;*/
}

#logo_index a img {
	border: none;
}




/* --------------------------- footer --------------------------- */
#footer a {
	position: relative;
	top: 50px;
	left: 300px;
	color: black;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#footer a:hover {
	color: white;
}