/* 

 _|_|_|_|_|    _|_|      _|_|_|  _|    _|  _|_|_|  
     _|      _|    _|  _|        _|  _|      _|    
     _|      _|    _|  _|        _|_|        _|    
     _|      _|    _|  _|        _|  _|      _|    
     _|        _|_|      _|_|_|  _|    _|  _|_|_| 

© CSS von Tilman Ockert - tocki.de - blog.tocki.de
  
*/


* { padding: 0; margin: 0; }

a { outline: none; }

a img, a:link img { 
	border: none; 
	}
	
body {
	background: #fff;
    overflow:auto;
	overflow: -moz-scrollbars-vertical;
	text-align:center; /* horizontal centering for IE Win quirks */	
	}

html, body {
	height:100%;
	}


/* ----------------- Typo ---------------------- */
	

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 12px;
	color: #a3a3a3;
	}

a:link, a:visited, a:active {
		color: #bebf3f;
		text-decoration: none;
		}
a:hover{
		color: #bebf3f;
		text-decoration: underline;
		}
	
h3, h3 a:link, h3 a:visited, h3 a:active {
		color: #bebf3f;
		font-weight: bold;
		text-decoration: none;
		margin: 40px 0px 0px 0px;
		}
h3 a:hover{
		color: #ff01d8;
		}

	
/* ----------------- Boxlayout ---------------------- */



#wrapper { 
		position:absolute;
		height:425px;
		width:840px;
		margin:-212px 0px 0px -420px;
		top: 50%;
		left: 50%;
		text-align:left;
		}

#sub-wrapper {
		background: none;
        margin-top: 100px;
		text-align:left;
		height: 425px;
		width: 830px;
		}

.header {
	width: 815px;
	padding: 0px;
	height: 25px;
	margin: 0px;
	float: left;
	display: inline;
	background: none;
	}

.menue {
	width: 800px;
	height: 25px;
	margin: 0px 0px 0px 15px;
	float: left;
	text-align: left;
	display: inline;
	background: none;
	}

.content {
	overflow: auto;
	width: 800px;
	height: 350px;
	margin: 0px 0px 0px 15px;
	float: left;
	background: none;
	}
	
	.galerie {
		width: 803px;
		margin: 0px 0px 0px -3px;
	}
	
	.thumb {
		width: 77px;
		height: 30px;
		margin: 0px 0px 15px 3px;
		display: inline;
		float: left;
		}

.footer { 
	color: #333333;
	width: 815px;
	height: 20px;
	clear: both;
	margin: 0px 0px 0px 15px;
	padding-top: 5px;
	text-align: right;
	background: none;
	}

	
/* ----------------- Menue ---------------------- */

ul#awesome-menu {
	width: 800px;
	list-style: none;
}

ul#awesome-menu li { display: inline; }
	
ul#awesome-menu li a {
	display: block; float: left; height: 25px;
	background-image: url(../css-bilder/menu-sprite.gif); text-indent: -9999px;
}

	ul#awesome-menu li a.home {
		width: 59px; background-position: 0 0;	
	}
	
	ul#awesome-menu li a.artand {
		width: 76px; background-position: -59px 0;	
	}
	
	ul#awesome-menu li a.galerie {
		width: 84px; background-position: -135px 0;	
	}
	
	ul#awesome-menu li a.kontakt {
		width: 65px; background-position: -219px 0;	
	}
	
	
	ul#awesome-menu li a.home:hover, ul#awesome-menu li a.home:focus {
		background-position: 0 -25px;	
	}
	
	ul#awesome-menu li a.artand:hover, ul#awesome-menu li a.artand:focus {
		background-position: -59px -25px;	
	}
	
	ul#awesome-menu li a.galerie:hover, ul#awesome-menu li a.galerie:focus {
		background-position: -135px -25px;	
	}
	
	ul#awesome-menu li a.kontakt:hover, ul#awesome-menu li a.kontakt:focus {
		background-position: -219px -25px;	
	}