/* CSS Document */

/* Autor: Uwe Hapke, Nov. 2009 
http://www.uwehapke.de | http://www.minimlwork.de
----------------------------------------------------------------------*/





/**********************************************
*   Basics          *
***********************************************/

html, body {
	padding : 0;
	margin : 0;
	height: 101%;
	background-color:#eee;
	}
	
h1 {
    font-family: 'Arial', Verdana;
	font-size: 28px;
	font-style: italic;
	color:#ccc;
	line-height: 28px;
	margin: 0;
	padding: 0;
	padding-left: 0px;
	padding-top: 0px;
	}
	
h2 {
    font-family: 'Arial', Verdana;
	font-size: 16px;
	color:#FF0000;
	margin: 0;
	padding: 0;
	}
	
/**********************************************
*   Wrapper                      *
***********************************************/
	
#wrapper {
    width:800px;
	min-height: 730px;
	margin: 20px auto;
	padding-bottom: 20px;
    background: #fff url(../images/bottom.gif) no-repeat left bottom;
	}
	
# /* IE < 7 */
  * html #wrapper {
    height: 710px;
    }
	
#wrapper h6 {
    background: url(../images/top.gif) no-repeat left top;
	padding: 0;
	margin: 0;
	padding-top: 20px;
	}
	
#wrapper h3 {
    background: url(../images/mitt.gif) repeat-y left bottom;
	} 
	
/**********************************************
*   Head                      *
***********************************************/	
	
#head {
    margin: 0;
	padding: 0;
	margin-left: 20px;
	margin-top: 10px;
	height: 100px;
	width: 780px;
	background-image: url(../images/kuka_illu.jpg);
	background-repeat: no-repeat;
	}
	
/**********************************************
*   Content                      *
***********************************************/
  
	
#maincontent {
    float: right;
	width: 550px;
	background-color:#fff;
	padding: 0;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 20px;
	}
    
#maincontent p {
    font-family: 'Verdana', Arial;
	font-size: 12px;
	color:#000;
	margin: 0;
	padding: 0;
    padding-left: 25px;
	padding-right: 30px;
	padding-top: 10px;

	}
	
#maincontent ul {
    font-family: 'Verdana', Arial;
	font-size: 12px; 
    margin: 0;
	padding: 0;
	padding-left: 40px;
	padding-right: 30px;
	padding-top: 15px;
	line-height: 20px;
	}
	
#maincontent li {
    list-style: square;
	}
	
#maincontent a {
     color:#d90000;
	 text-decoration: none;
	 }
	 
#maincontent a:hover {
     color:#000;
	 text-decoration: none;
	 }
	 
#maincontent a:active, a:focus {
     outline:none;
	 }
	 
#buttomcontent {
    clear:both;
    float:left;
	width: 250px;
	background-color:#fff;
	padding: 0;
	margin: 0;
	}
    
#buttomcontent p {
    font-family: 'Verdana', Arial;
	font-size: 12px;
	color:#000;
	margin: 0;
	padding: 0;
	padding-left: 20px;
    }
	
#buttomcontent ul {
    font-family: 'Verdana', Arial;
	font-size: 12px;
	display: inline;
	padding-left: 20px;
	padding-right:20px;
	}
	
#buttomcontent li {
    list-style: none;
	display: inline;
	padding-right: 5px;
	}
	
#buttomcontent a {
     color:#d90000;
	 text-decoration: none;
	  font-family: 'Verdana', Arial;
	font-size: 12px;
	 }
	 
#buttomcontent a:hover {
     color:#000;
	 text-decoration: none;
	 }
	 
/**********************************************
*   Navigation                *
***********************************************/

#navigation {
    float: left;
	width: 250px;
	background-color:#fff;
	padding-top: 80px;
	padding-bottom: 20px;
	}
	
#navigation ul {
	color:#000;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	width: 140px;
	}
	
#navigation li {
    list-style: none;
	line-height: 18px;
	}
	
#navigation a {
	text-decoration: none;
	color:#999;
	
	font-family: 'Verdana', Arial;
	font-size: 12px;
	line-height: 16px;
	}
	

	
#navigation a:hover, 
#home #home a,
#arbeiten #arbeit a, 
#referenzen #ref a, 
#ueber #ueber a,
#kontakt #kontakt a,
#download #down a,
#impressum #imp a

{
    color:#999;
	font-weight: bold;
	background-color:#fff;
	
	}
	
/**********************************************
*   navcontainer                     *
***********************************************/
	
#navcontainer {
   margin: 0px;
   padding: 0px;
   width: 550px;
   float: right;
   }

#navcontainer ul {
   margin: 0px;
   padding: 0px;
   padding-top: 58px;
   padding-left: 0px;
   list-style-type: none;
   text-align: left;
  }

#navcontainer ul li { 
   float: left; 
}

#navcontainer ul li a{ 
   float: left; 
   padding-right: 20px;
}
	
#navcontainer a:hover, 
#arbeiten #arb a, 
#burg #burg a, 
#fluss #fluss a,
#monster #monster a,
#kinder #kinder a,
#frau #frau a {
    color:#fff;
    text-decoration:none;
    }
	
 
	  
/**********************************************
*   Footer                      *
***********************************************/
	
#footer {
    clear: both;
	background-color:#fff;
	width: 760px;
	padding: 0;
	margin: 0;

	}
	
#footer p {
    font-family: 'Arial', Verdana;
	font-size: 10px;
	color:#ccc;
    padding: 0;
	margin: 0;

	}
	
/**********************************************
*   Verschiedenes          *
***********************************************/
	
.trenn {
    font-family: 'Arial';
	font-size: 12px;
    color:#d90000;
	}
	
#tab  {
    border-collapse: collapse;
    width:630px;
    border:1px solid black;
	margin-left: 20px;
	margin-top: 20px;
    }
	
#tab th {
    font-family: 'Arial', Verdana;;
    font-size: 12px;
    color: black;
	border: 1px solid #000;
	padding: 5px;
	}

#tab td {
    border:1px solid black;
    background:white;
    text-align: left;
	vertical-align: top;
    padding: 5px;
    }
	
#tab td p {
    font-family: 'Arial', Verdana;
    font-size: 10px;
    color: black;
	margin: 0;
	padding: 0;
	}
	
#tab td a: {
     color:#d90000;
	 text-decoration: underline;
	 }
	 
#tab td a:hover {
     color:#000;
	 text-decoration: none; 
	 }
	 
#bildunterschrift {
    background-color:#fff;
    font-family: 'Verdana', Arial;
	font-size: 12px;
	color:#000;
	margin: 0;
	padding: 0;
	margin-left: 250px;
	padding-bottom: 0px;
	padding-top: 0;
	}
	
#bildunterschrift a {
    font-family: 'Verdana', Arial;
	font-size: 12px;
	color:#d90000;
	text-decoration: none;
	}
	
#bildunterschrift a:hover {
    font-family: 'Verdana', Arial;
	font-size: 12px;
	color:#000;
	text-decoration: none;
	}

   
   
.arbeiten {
    width: 40px;
	height: 40px;
	background: url(../images/icons/willi40gr_neu.jpg);
	
	}
	
.arbeiten a {
    width: 40px;
	height: 40px;
    float: left;
    background: url(../images/icons/willi40gr_neu.jpg);
	}
	
.arbeiten:hover{
    width: 40px;
	height: 40px;
	background: url(../images/icons/willi_40schw_neu.jpg) no-repeat;
	float: left;
	cursor: pointer;
	}
	
.arbeiten_b {
    width: 40px;
	height: 40px;
	background: url(../images/icons/willi_40schw_neu.jpg) no-repeat;
	float: left;
	}
	
	
.burg {
    width: 40px;
	height: 40px;
	background: url(../images/icons/burg_gr_neu.jpg);
	
	}
	
.burg a {
    width: 40px;
	height: 40px;
	background: url(../images/icons/burg_gr_neu.jpg) no-repeat;
	float:left;
	}
	
.burg:hover {
    width: 40px;
	height: 40px;
	background: url(../images/icons/burg_sw_neu.jpg) no-repeat;
	cursor: pointer;
	}
	
.burg_b {
    width: 40px;
	height: 40px;
	background: url(../images/icons/burg_sw_neu.jpg) no-repeat;
	float: left;
	}
	
.frosch {
    width: 40px;
	height: 40px;
	background: url(../images/icons/kreis_frosch_gr.jpg);
	
	}
	
.frosch:link {
    width: 40px;
	height: 40px;
	background: url(../images/icons/kreis_frosch_gr.jpg) no-repeat;
	float:left;
	}
	
.frosch:hover {
    width: 40px;
	height: 40px;
	background: url(../images/icons/kreis_frosch_s.jpg) no-repeat;
	cursor: pointer;
	}
	
.frosch_b {
    width: 40px;
	height: 40px;
	background: url(../images/icons/kreis_frosch_s.jpg) no-repeat;
	float: left;
	}
	

.monster {
    width: 40px;
	height: 40px;
	background: url(../images/icons/kreis_40px_drome_gr.jpg);
	
	}	
	
.monster:link {
    width: 40px;
	height: 40px;
	background: url(../images/icons/kreis_40px_drome_gr.jpg) no-repeat;
	float:left;
	}
	
.monster:hover {
    width: 40px;
	height: 40px;
	background: url(../images/icons/kreis_40px_drome_schw.jpg) no-repeat;
	cursor: pointer;
	}
	
.monster_b {
    width: 40px;
	height: 40px;
	background: url(../images/icons/kreis_40px_drome_schw.jpg) no-repeat;
	float: left;
	}
	
.kinder {
    width: 40px;
	height: 40px;
	background: url(../images/icons/kreis_kinder_gr.jpg);
	
	}	
	
.kinder:link {
    width: 40px;
	height: 40px;
	background: url(../images/icons/kreis_kinder_gr.jpg) no-repeat;
	float:left;
	}
	
.kinder:hover {
    width: 40px;
	height: 40px;
	background: url(../images/icons/kreis_kinder_schw.jpg) no-repeat;
	cursor: pointer;
	}
	
.kinder_b {
    width: 40px;
	height: 40px;
	background: url(../images/icons/kreis_kinder_schw.jpg) no-repeat;
	float: left;
	}
	
.frau {
    width: 40px;
	height: 40px;
	background: url(../images/icons/kreis_altefrau_grau.jpg);
	
	}	
	
.frau:link {
    width: 40px;
	height: 40px;
	background: url(../images/icons/kreis_altefrau_grau.jpg) no-repeat;
	float:left;
	}
	
.frau:hover {
    width: 40px;
	height: 40px;
	background: url(../images/icons/kreis_altefrau_schw.jpg) no-repeat;
	cursor: pointer;
	}
	
.frau_b {
    width: 40px;
	height: 40px;
	background: url(../images/icons/kreis_altefrau_schw.jpg) no-repeat;
	float: left;
	}
	
.bildlinks {
    float:left;
    margin: 0px 10px 10px 22px;
    }

.bildrechts {
    float:right;
    margin-right: 136px;
	margin-top: -15px;
    }
	
#css-preloader{
            margin:-1px 0 0 0; padding:0;
            height:1px; overflow:hidden;
            visbility:hidden;
        }
 
 
       #css-preloader > img{
            height:1px; width:1px; visibility:hidden;
       }