/* CSS Document
designed by pixelise */

* { padding: 0; margin: 0; } /*alles(*) auf null setzen - posititon wichtig!!!*/

body,td,th { font-family: Verdana, Helvetica, Arial, sans-serif; }

	body { 
	font-size: small;
	color: #000000;
	background-color: #FFFFFF; 
	}

	  /* ===================
	        HyperLinks
	 ======================*/
a{
	outline: none; /*entfernt gepunktete linien in iE*/
	text-decoration: none;
	color: #006600;
	}
a:link  {
	outline: none; /*entfernt gepunktete linien in iE*/
	text-decoration: none;
	color: #006600;
	}
a:hover, a:focus { letter-spacing: -0.1em; }
a:visited { color: #FF3399; }
a:active { letter-spacing: 0.1em; }

	/*=====================
		allgemein
	======================*/
div { border: 0 solid #888; }
 
h1 { font-size: 130%; font-style: strong; padding: 20px 0 10px 0; color: #FF0099; }
h2 { font-size: 110%; padding: 0 0 5px 0; } 
h3 { font-style: strong;  padding-bottom: 1px; }

p { margin-bottom: 10px; } /*nachuntenabstand*/

grau { color:#999999; font-size: 90%; }
.pink {color:#FF0099; font-size: 80%; }

/*galerie*/
div.galerie {
	overflow: hidden; /*float problem gelöst*/
	background-color:white;
	padding: 3px 3px 3px 3px;
	border: 1px dotted gray;
	margin: 10px 10px 10px 10px;
	}
	*html div.galerie { height: 1%; } /*I.E.6-Patch*/
	
	div.galerie img {
	float: left;
	margin-right: 15px;
	border: 0 dotted gray;
	}
	
.clearing {clear: both;} /*hebt float auf*/

li { list-style-type: square; } /*macht quadrate statt punkte in der liste*/
 
   /* ===================
	    Boxen
	 ======================*/

#wrapper {
     color: black;
     background-color: white;
	 width: 720px;
	 margin-top: 50px;
	 margin-right: auto; /*zentriert die seite*/
	 margin-bottom: 10px;
	 margin-left: auto; /*zentriert die seite*/
 
 }	 
 
#kopf {
	background-color: white;
	}
	
	#kopf p {
	padding: 5px 0 5px 0;
	margin-bottom: 0; /*war 1em*/
	}
 
   /* ===================
         Navigation
	 ======================*/

#navigation {
	text-align: left;
	font-size: 10px;
	color: black;
	background-color: white;
	padding: 80px 1px 0 0;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	}
	
	#navigation ul { margin: 0 0 0 100px; }  /* ranrücken */
	
	#navigation li {
	display: inline; /* li nebeneinander*/
	list-style-type: none; /* ohne aufzählungspunkte */
	margin: 0;
	}
	
	#navigation li ul {	/*Unter-Menu*/
	font-size: 1.2em;
	display: inline; 
	list-style-type: none;
    margin: 0; padding: 0;
 	}
	
	#navigation li ul a {	/*Unter-Menu HYPER*/
	margin: 0 0 0 -10px; 
	padding: 0 0 0 7px;
	}
	#navigation li ul a:hover{ /*Unter-Menu HYPER*/
	letter-spacing: 0.1em;
	}
	
	#navigation a {  /* hyperlooks ändern */
	color: #006600;
	padding: 2px 5px 2px 5px;
	}
	
	#navigation a:hover,
	#navigation a:focus {
	letter-spacing: 0.1em;
	color: #FF0099;
	}
	
	/*aktive seite markieren*/
	#index #nav01 a,
	#portfolio01 #nav0200 a, /*Portfolio->Pink*/
	#portfolio01 #nav0201 a, /*WEB->Pink, etc*/
	#portfolio02 #nav0200 a, /*Portfolio->Pink*/
	#portfolio02 #nav0202 a,
	#portfolio03 #nav0200 a, /*Portfolio->Pink*/
	#portfolio03 #nav0203 a,
	#portfolio04 #nav0200 a, /*Portfolio->Pink*/
	#portfolio04 #nav0204 a,
	#masche #nav03 a,  /*Masche->Pink*/
	#kontakt #nav04 a,
	#links #nav05 a, 
	#impressum #nav06 a {
	color: #FF3399;
	}
	
	#navigation a:active {
	color: #FFCC00;
	}
	
	/* ======================*/
	
	
#inhalt {
	border: 0 solid #CCCCCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 100px;
	}
	
	 
#fuss {
	padding-top: 5px;
	border-top: 1px dotted #006600; /*linie*/
	margin-top: 20px;
	}
	 
	    /* ===================
	        SkipLink 
(damit Gehörlose nicht immer den Anfangsums vorgelesen bekommen, 
geht zum Anker 'inhalt')
	 ======================*/
.skiplink{
	 position: absolute;
	 top: -2000px;
	 left: -3000px;
	 width: 0px;
	 height: 0px;
	 overflow: hidden;
	 display: inline;
	 }
	 /*======================*/  
	 
	 
address{
	 text-align: center;
	 font-size: 80%;
	 font-style: normal;
	 letter-spacing: 2px;
	 line-height: 1.5em;
	 }
	 
	    /* ===================
	    ===================
	        Close
	 ======================
	  ======================*/
	  
	#navigation-close {
	text-align: center;
	font-size: 10px;
	color: black;
	background-color: white;
	padding: 0px 1px 0 0;
	}
	
	#navigation-close ul { margin: 0 0 0 100px; }  /* ranrücken */
	
	#navigation-close li {
	display: inline; /* li nebeneinander*/
	list-style-type: none; /* ohne aufzählungspunkte */
	margin: 0;
	}
	
	#navigation-close li ul {	/*Unter-Menu*/
	font-size: 1.2em;
	display: inline; 
	list-style-type: none;
    margin: 0; padding: 0;
 	}
	
	#navigation-close li ul a {	/*Unter-Menu HYPER*/
	margin: 0 0 0 -10px; 
	padding: 0 0 0 7px;
	}
	#navigation-close li ul a:hover{ /*Unter-Menu HYPER*/
	letter-spacing: 0.1em;
	}
	
	#navigation-close a {  /* hyperlooks ändern */
	color: #006600;
	padding: 2px 5px 2px 5px;
	}
	
	#navigation-close a:hover,
	#navigation-close a:focus {
	letter-spacing: 0.1em;
	color: #FF0099;
	}
	
	/*Closer-nav*/
	#closer-nav a:visited {
	 color:#006600; 
	 }
	
	#closer-nav {
	font-size: 10px;
	color: black;
	background-color: white;
	padding: 10px 1px 0 0;
	  }
	  
	#closer-nav li {
	display: inline; /* li nebeneinander*/
	list-style-type: none; /* ohne aufzählungspunkte */
	}