/*  =========================================================
Stylesheet KKS
Datei:  screen.css
Media:  screen
Datum:  08 2008
========================================================== */

/* Kalibrierung der wichtigsten Abstände */
/**  { padding: 0; margin: 0; }*/
h2, h3, p, ul, ol { margin-bottom: 1em; }  


/* LISTS */

#left ul { 
    list-style-type: none;
    padding: 0;
    margin: 0;
	 } 
#left li {
    background-image: url(pics/dot.gif);
	background-repeat: no-repeat;
	background-position: .2em;
	padding-left: 1.2em;
	}
	
#content ul { 
    list-style-type: none;
    padding: 0;
    margin: 0;
	 } 
	 
#content li {
    background-image: url(pics/dot.gif);
	background-repeat: no-repeat;
	background-position: .2em;
	padding-left: 1.2em;
	}
	
#content_marginal ul { 
    list-style-type: none;
    padding: 0;
    margin: 0;
	 }
	
#content_marginal li {
    background-image: url(pics/dot.gif);
	background-repeat: no-repeat;
	background-position: .2em;
	padding-left: 1.2em;
	}  
	
/* LISTS */

/* Allgemeine Selektoren */

html { height: 101%; } 
body {
	color: black;
	background: url(pics/container_bg.gif);
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding:0;
	margin:0;
	font-size: 80%;
}
h1 { font-size: 150%; } 
h2 { font-size: 130%; }
h3 { font-size: 100%; color: black; }
address {
   text-align: center;  
   font-size: 60%;      
   font-style: italic;  
   letter-spacing: 2px; 
   line-height: 1.5em;  
}



/* Hyperlinks */
#left a { text-decoration: underline; outline: none;} 
#left a:link { color: black; } 
#left a:visited { color: #990000; }
#left a:hover, 
#left a:focus { 
  border-bottom: 1px dotted #990000;
  color: #990000;
}
#left a:active { 
   color: white; 
   background-color: black; 
}

#content a { text-decoration: underline; outline: none;} 
#content a:link { color: black; } 
#content a:visited { color: #990000; }
#content a:hover, 
#content a:focus { 
  border-bottom: 1px dotted #990000;
  color: #990000;
}
#content a:active { 
   color: white; 
   background-color: black; 
}

#marginal a { text-decoration: underline; outline: none;} 
#marginal a:link { color: black; } 
#marginal a:visited { color: #990000; }
#marginal a:hover, 
#marginal a:focus { 
  border-bottom: 1px dotted #990000;
  color: #990000;
}
#marginal a:active { 
   color: white; 
   background-color: black; 
}

.marginal a { text-decoration: underline; outline: none;} 
.marginal a:link { color: black; } 
.marginal a:visited { color: #990000; }
.marginal a:hover, 
.marginal a:focus { 
  border-bottom: 1px dotted #990000;
  color: #990000;
}
#marginal a:active { 
   color: white; 
   background-color: black; 
}

#content_marginal a { text-decoration: underline; outline: none;} 
#content_marginal a:link { color: black; } 
#content_marginal a:visited { color: #990000; }
#content_marginal a:hover, 
#content_marginal a:focus { 
  border-bottom: 1px dotted #990000;
  color: #990000;
}
#content_marginal a:active { 
   color: white; 
   background-color: black; 
}
/* Hyperlinks */



img.download {vertical-align:middle;}

/* ----------container-------------- */
#container {
	padding: 0px;
	background-color: #FFFFFF;
	width: 927px;  
    margin: 10px auto;
	/*border-bottom:1px solid black;
	border-top:1px solid black;*/
}

/* ----------banner-------------- */
#banner {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background: url(pics/banner_start.jpg);
}
#banner p{
      top: 0; 
      right: 0;  
      font-weight: bold;  
      padding: 26px 20px 26px 20px; 
      margin-bottom: 0; 
}
#mainnavi {
	margin: 0;
	padding: 0;
	background-color: #CC33CC;
	background: url(pics/bottom.jpg);
	/*border-bottom: 1px solid black;*/
}

#mainnavi p{
	margin: 0;
	padding: 0 ;
}

/* -----------------Inhalt--------------------- */
#content_home {
	/*min-height: 400px;*/
	background-color: #ffffff;
	margin: 40px 0px 10px 0px;
	padding: 15px 10px 10px 10px;
	color: black;
}

#content {
	/*min-height: 400px;*/
	background-color: #ffffff;
	margin: 10px 0px 10px 0px;
	padding: 15px 10px 10px 10px;
	color: black;
	/*border-bottom:1px solid black;
	border-top:1px solid black;*/
}

#content_marginal {
	/*min-height: 400px;*/
	background-color: #ffffff;
	margin: 10px 0px 10px 0px;
	padding: 15px 10px 10px 10px;
	color: black;
}

/*p, pre {
	padding: 10px;
	margin:0;
}
pre, code { font-size: 1.2em;}

h1 {
	padding: 10px;
	margin:0;
}
h2 {
	padding: 10px;
	margin:0;
}

.gross {
	width: 5.71em;
	height: 1.07em;}*/

/* --------------sideBOX------------- */
#left {
    /*border-bottom:1px solid black;*/
	/*border-top:1px solid black;*/
	float: left;
	width: 280px;
	/*height: 280px;*/
	margin: 20px 0px 10px 0px;
	padding: 15px 10px 10px 10px;
	color:black;
}
#right {
    /*border-bottom:1px solid black;*/
	/*border-top:1px solid black;*/
	float: right;
	width: 280px;
	/*height: 280px;*/
	margin: 20px 0px 10px 0px;
	padding: 15px 10px 10px 10px;
	color:black;
}

#marginal {
    /*border-bottom:1px solid black;*/
	/*border-top:1px solid black;*/
	float: right;
	width: 160px;
	/*height: 280px;*/
	margin: 10px 0px 10px 0px;
	padding: 15px 10px 10px 10px;
	color:black;
	}
	



/* -----------footer--------------------------- */
#footer {
	clear: both;
	background-color: #ffffff;
	padding: 0;
	/*border-top: 1px solid #ffffff;*/
	margin-top: 0;
	margin-bottom: 0;
	background: url(pics/bottom.jpg);
	height: 24px;	
}

#footer p {
    margin: 0;
	padding: 0 ;
}



/* ==================================== 
   Navi main
   ==================================== */
   
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 500px; /*For KHTML*/
  list-style: none;
  height: 23px;
}

ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 23px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 23px;
  left: 0;
}

ul#navmenu ul li {
    margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	width: 120px;
	display: inline;
	list-style: none;
	position: relative;
	height: 22px;
}


/* Root Menu */
ul#navmenu a {
  border: 0px solid;
  border-right-color: 0 solid #000000;
  border-bottom-color: 0 solid #000000;
  border-left: none;
  border-right: none;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #666666;
  font: 11px/22px Arial, Verdana, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-decoration: none;
  height: auto !important;
  height: 100%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:focus,
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a,
ul#home #navi01 a, 
ul#neues #navi02 a
 {
  border: 1px solid black;
  border-top-color: 1px solid black;
  border-bottom-color: 0px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  background: #FFFFFF;
  color: #666666;
  padding: 0 6px;
  display: block;
  color: black;
  font: bold 11px/22px Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 100%; /*For IE*/
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  border: 1px solid black;
  border-top: 0px solid black;
  border-bottom-color: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  font: 11px/22px Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;
  margin: 0;
  background: #FFFFFF;
  color: #666666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a,
#kravmaga #navi03 a,
#kungfu #navi04 a,
#lutralivre #navi05 a {
  border: 1px solid black;
  border-top: 0px solid black;
  border-bottom-color: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  background: #990000;
  color: #FFFFFF;
  font: 11px/22px Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;
}









/*______________________________________________________
3rd ROW
______________________________________________________*/




/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFFFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFFFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}





/* ==================================== 
   Navi footer
   ==================================== */

/* Root = Horizontal, Secondary = Vertical */
ul#navfooter {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 500px; /*For KHTML*/
  list-style: none;
  height: 23px;
}

ul#navfooter li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 23px;
}

ul#navfooter ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 23px;
  left: 0;
}

ul#navfooter ul li {
  margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	width: 160px;
	display: inline;
	list-style: none;
	position: relative;
	height: 23px;
}

/* Root Menu */
ul#navfooter a {
  border: 0px solid; /*top*/
  border-right-color: 0px solid #000000;
  border-bottom-color: 0px solid #000000;
  border-left: none;
  border-right: none;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #666666;
  font: 11px/24px Arial, Verdana, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-decoration: none;
  height: auto !important;
  height: 100%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navfooter a:hover,
ul#navfooter li:hover a,
ul#navfooter li.iehover a {
  border: 0px solid;
  border-top-color: 0px solid black;
  border-bottom-color: 0px solid black;
  border-left: none;
  border-right: none;
  padding: 0 6px;
  display: block;
  color: black;
  font: bold 11px/24px Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 100%; /*For IE*/
}




/* ==================================== 
   Pics
   ==================================== */

.bildnavi { 
   padding: 3px; 
   border: 0px solid #bed747; 
   margin-right: 4px; 
   margin-bottom: 4px; 
}

.bildrechts {
   float:right; 
   border: 1px solid #990000; 
   margin: 8px 0px 8px 8px;
   padding: 2px;
}

.bildlinks {
   float:left;
   border: 1px solid #990000; 
   margin: 8px 8px 8px 0px;
   padding: 2px;
}

.bildlinks_ohnerand {
   float:left;
   margin: 8px 8px 8px 0px;
   padding: 2px;
}