@charset "utf-8";

/* ===============================================

Design:  Alex Niedereder        
Author:  Alex Niedereder                         
Datum:   Juni 2009
                                   
Project: Goju-Ryu Karateclub Kirchdorf

Bereich: Website

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
		3. Styles für Layoutbereiche		                   

=============================================== */



/* ==================================
   1. Kalibrierung
   =============================== */

body {
	margin:0;
	padding:0;
}




/* ==================================
   2. Allgemeine Styles
   =============================== */
   
body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-indent: 30px;
	font-size: 18px;
	font-weight: normal;
	margin-top: 10px;
	}


/* ==================
   Hyperlinks      */


#menue a {
	font-size: 11px;
	color: #FFFFFF;
	font-weight:bold;
}


#menue a:link {
	text-decoration: none;
}

#menue a:visited {
	text-decoration: none;
	color: #999999;
}

#menue a:hover {
	text-decoration: none;
	color: #805923;
}

#menue a:active {
	text-decoration: none;
}



#menue_links a {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
}


#menue_links a:link {
	text-decoration: none;
}

#menue_links a:visited {
	text-decoration: none;
	color: #999999;
}

#menue_links a:hover {
	text-decoration: none;
	color: #805923;
}

#menue_links a:active {
	text-decoration: none;
}


#wrapper #content a {
	color: #000000;
	text-decoration: none;
}

#wrapper #content a:link {
	color: #000000;
	text-decoration: none;
}

#wrapper #content a:visited {
	text-decoration: none;
	color: #999999;
}

#wrapper #content a:hover {
	text-decoration: none;
	color: #805923;
}

#wrapper #content a:active {
	text-decoration: none;
}




/* ==================
   Klassen      */
   
.content_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.fliesstext_normal{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
text-align:left;
}

.fliesstext_fett{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
text-align:left;
}

.fliesstext_fett_gold_11{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #805923;
}

.fliesstext_gold_11{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #805923;
}

.fliesstext_fett_gold_14{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
text-align:left;
color:#805923;
text-decoration:underline;
}


/* ==================================
   3. Style für Layoutbereich
   =============================== */

#wrapper {
	position: relative;
	width:1024px;
	height:768px;
	margin: 0 auto;
}

/* ==================
   linker bereich     */
   
#links_oben {
	height: 391px;
	width: 273px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#links_unten {
	position: absolute;
	left: 0px;
	top: 391px;
	height: 377px;
	width: 273px;
}

#links_ganz {
	position:absolute;
	left:0px;
	top:0px;
	height:768;
	width:273;
	}
	
	
	
/* ==================
   linkes menue     */
   
  	
#menue_links {
	position:absolute;
	left: 40px;
	top:120px;
	height:500px;
	width:213;
	}

#wrapper #links_ganz #menue_links td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #32291d;
	text-align:right;
	padding-right:10px;
}


/* ==================
   header - bereich      */
   
#header {
	left: 273px;
	top: 0px;
	position: absolute;
	width:751px;
	height:111px;
	background-image:url(../images/header.jpg);
}

#header_img {
	height: 201px;
	width: 494px;
	left: 273px;
	top: 111px;
	position: absolute;
	background-color:#FFFFFF;
}

#header_title {
	position: absolute;
	height: 42px;
	width: 494px;
	left: 273px;
	top: 312px;
	background-image:url(../images/balken.jpg);
	background-color:#FFFFFF;
}



/* ==================
   content      */

#content {
	position: absolute;
	height: 414px;
	width: 494px;
	left: 273px;
	top: 354px;
	overflow: auto;
	background-color:#FFFFFF;
}

#content_galerie {
	position: absolute;
	height: 657px;
	width: 494px;
	left: 273px;
	top: 111px;
	background-image:url(../images/hg_content_galerie.jpg);
	background-color:#FFFFFF;
}

#wrapper #content p {
	margin-left:30px;
	margin-right:30px;
	margin-top:20px;
	}


#wrapper #content table{
font-size:11px;
text-align:left;
margin-left:30px;
}




/* ==================
   menue      */

#menue {
	position: absolute;
	height: 280px;
	width: 168px;
	left: 767px;
	top: 111px;
	background-image:url(../images/menueleiste.jpg);
	background-color:#FFFFFF;
}

#wrapper #menue table {
text-indent: 13px;
}


#sign {
	position: absolute;
	height: 377px;
	width: 168px;
	left: 767px;
	top: 391px;
	background-image:url(../images/jap_zeichen.jpg);
	background-color:#FFFFFF;
}



/* ==================
   rechter bereich      */
   
#rechts {
	height: 657px;
	width: 89px;
	left: 935px;
	top: 111px;
	position: absolute;
	background-image:url(../images/rechts_aussen.jpg);
}