@charset "utf-8";

/*-------Stylesheet von Okashi Website-------*/
/*Ersteller : Chantal Celine Gresitza
Rechte die, die das zu verändern haben: Die Gestalter des Teams ( Wuppi und Chiyu )
	Thema: Okashi Website 
	Website mit mehreren Sites - Durch Navi verbunden. Specials die noch hinzugefügt werden: Light Box..-*/
	
	
	
/*Grund-Einstellungen*/	

* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	font-weight: normal;
	border: none;
	font-family: none;}

.clearer {clear: both;}

/*Background / Body- Einstellungen + Wrapper-------*/

body { background: url(../images/bg1.jpg) no-repeat fixed;
		
		
		}
	
	
#wrapper { margin: 0 auto; 
			width: 800px;
			height: auto;
			margin: 0 auto;
			position: relative;
			min-height: 100%; 
			margin-top: 40px;
			}
		
		
footer {	margin-top: 185px;
			margin-bottom: 30px;}
		
/*Links---------------------------------------------*/


a { font-family: Verdana;}


a {color	:#57a8c6; text-decoration: none; } 
a:hover {color:#57a8c6; text-decoration: none;}
a:active, a:focus { position : relative; top : 1px; }
a:visited	{color:	#57a8c6;}


#navibereich li { list-style-type: none;
						display: inline;
						font-size: 140%;
						padding: 10px; }
						
#navibereich li a { 	font-family: 'Give You Glory', cursive;
							font-weight: 100;
							color: #57a8c6;}
							
#navibereich { margin-top: 20px;
					margin-left: 0 auto;}
				
h1 a { font-family: 'Patrick Hand', cursive;
		border-bottom: solid 1px;
		color: #57a8c6;
		text-shadow: 2px 2px 2px #c48eaa; }

h1 a:hover, a:active { 
		color: white;}
	
#navibereich li a:hover { color: white; }

/*Grundlegende Schrifteinstellungen / TYPOGRAPHY ------------------*/
		
@font-family: 'Patrick Hand', cursive;		



.ueberschrift { font-family: 'Patrick Hand' , cursive;
					font-size: 200%;
					margin-left: 18%;
					letter-spacing: 13px;
					
					}

.theme { font-family: 'Patrick Hand', cursive;
			font-size: 130%;}
		
h1,h2,h3,h4,h5 {	font-family: 'Patrick Hand' curisve; }
h1 {font-size: 28px;}
h2 {font-size: 28px; margin-bottom: 30px}
h3 {font-size: 20px; margin-bottom: 16px}
h4 {font-size: 16px; font-weight: bold;}
h5 {font-size: 23px; font-weight: bold;}

p { margin: 8px 0 33px 0;
	font-family: Arial;}

/*p, li  {margin: 8px 0 33px 0; text-shadow: 1px 1px 1px #fff;}
	
ul {margin-bottom: 18px;}
li {margin:0 0 8px 16px; list-style:disc;}
ol li {list-style: decimal;}*/


#pagetitle 	{	text-align:center; 
					height: 170px;
					padding:	60px 0 0;
					}
#pagetitle h2	{	margin:0; 
						padding:0 55px 0 55px; 
						font-size: 54px; 
						display:inline; 
						text-align: center;
						font-family: 'Patrick Hand' cursive;}


		
h2 {	font-family: 'Patrick Hand', cursive;
		font-size: 180%;
		color: black;
		margin-left: 50px;
		margin-top: 70px; }
	
#branding {	padding-top:10px; text-align: center; letter-spacing: 10px;}

		
		
article { font-family: Helvetica;	
			font-weight: 100;
			font-size: 100%;}
		
.mehrspaltig { -moz-column-count: 2;
					-webkit-column-count: 2;
					-o-column-count: 2;
					column-count: 2; /*Mehrspaltiger Text*/
					line-height: 1.2;}
				
				
				
/*---------------------------- STARTSEITE / NEWSPAGE BEARBEITUNG !!! ----------------------------------------------------------*/		


	
#newspage {
			position: relative;
			margin-bottom: 30px;
			width: 100%;	}

.newsheader{
		width:685px;
		height: 32px;
		position: relative;
		top: 10px;
		padding-top: 30px;
		padding-left: 85px;
		padding-bottom: 10px;
		background: url(../images/bg2.jpg) no-repeat;
		background-size: 700px 32px;
		background-position: right;
		z-index: 1;	}

.date{
position: absolute;
right: 0;
top: 10px;
padding-right: 10px;
padding-top: 20px;	}

#paper {
	position: relative;
	top: 29px;
	width: 600px;
	left: 100px;
	padding: 40px 20px 15px;
	background: url(images/bg2.jpg) repeat;
	/*background-size: 640px auto;*/
	margin-top: -10px;
	outline-style: double;
	margin-bottom: 30px;
	outline-top: none;
	outline-width: 5px; }


.icon {	position: absolute;
			left: 0;
			top: -10px;
			z-index: 2;	
			}					


/*------PADDING---*/

#padding { padding-top: 40px;
			}
		
		
/*----------------TEAM SEITE BEARBEITUNG-------------------------*/

	


#rang {
font-family: 'Patrick Hand' cursive;
font-size: 20px;
}


/*PADDING*/

#pagetitel {text-align: center;
height: 170px;
padding: 1px 0 0;}

#primaryContent div.innerpad { 
				margin-left:50px; 
				padding-left: 10px;
				padding-right: 55px;}
			
#primaryContent2 {
width: 1200px;

}			
			
#primaryContent2 {
clear: both;
float: left;
position: relative;
}

#primaryContent2 .ProfilePreview {
display: inline-block;
width: 300px;
vertical-align: top;}

.previewContent {
width: 230px;
overflow: hidden;
}

/*------Galerie------*/

#sammlung { margin-top: 90px;
				padding-left: 20px;}
			
.bildbox { float: left;
			padding: 10px;}