/*  
Theme Name: Ikonen Galerie Design v1 | Deutsch
Description: Das Ikonen Galerie Design in der Version 1 - Deutsche Fassung. Programmierung und Umsetzung: <a href="http://www.hellosashel.com">Sashel Niles Gruber</a>.
Version: 1.0
Author: Sashel Niles Gruber
Author URI: http://www.hellosashel.com/

	Ikonen Galerie v1.0
	 http://www.hellosashel.com/

	This theme was designed and built by Sashel Niles Gruber,
	whose blog you will find at http://www.hellosashel.com/

	The CSS, XHTML and design is released under copyright from Ikonen Galerie:
	http://www.ikonen-galerie.de/

*/



/* Begin Typography & Colors */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Georgia, Palatino, Palatino Linotype, serif;
	margin: 0;
	padding: 0;
	background-color: #edecda;
	background-image:url(../bilder/head_bg2.jpg);
	background-repeat:repeat-x;
	text-align: center;
	color:#666666;
}


h1, h2, h3, h4, h5 {
	display:inline;
	padding:0px;
	margin:0px;
	}
	
h1 { font-size:2em; }
h2 { font-size:1.4em; }
h3 { font-size: 1.1em; }
h4 { font-size:1.4em; }

#shopvorschau h4 {
	font-family:"Times New Roman", Times, serif;
	color:#527651;
	font-weight:normal;
	}
#hgeschichte {
	display:block;
	text-indent:-9999px;
	width:195px;
	height:22px;
	background-image:url(../bilder/h_33jahre.gif);
	background-repeat:no-repeat;
	}

#hueberuns {
	display:block;
	text-indent:-9999px;
	width:76px;
	height:22px;
	background-image:url(../bilder/h_ueberuns.jpg);
	background-repeat:no-repeat;
	}

#hikonenwelt {
	display:block;
	text-indent:-9999px;
	width:159px;
	height:17px;
	background-image:url(../bilder/h_welt.jpg);
	background-repeat:no-repeat;
	}

#hkontakt {
	display:block;
	text-indent:-9999px;
	width:70px;
	height:17px;
	background-image:url(../bilder/h_kontakt.jpg);
	background-repeat:no-repeat;
	}

#himpressum {
	display:block;
	text-indent:-9999px;
	width:80px;
	height:17px;
	background-image:url(../bilder/h_impressum.jpg);
	background-repeat:no-repeat;
	}	

#hgalerie {
	display:block;
	text-indent:-9999px;
	width:135px;
	height:19px;
	background-image:url(../bilder/h_galerie.jpg);
	background-repeat:no-repeat;
	margin-bottom:5px;
	}
#branding a {
	float:left;
	text-indent:-9999px;
	}
a {
	font-weight: bold;
}

a:link, a:visited, a:active {
	background-color:inherit;
	text-decoration: none;
	color:#8e9a55;
}

a:hover {
	text-decoration:underline;
	color:#9b4c29;
}

#hellosashel {
	background-image:url(../bilder/butter.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:20px 25px 0 0;
	}

#hellosashel:hover {
	background-image:url(../bilder/butter2.jpg);
	}

/*

Page Elements

*/

#cage {
	font-size:1.2em;
	line-height:1.6em;
	margin:0 auto;
	width:1050px;
	height:100%;
	}
#header {
	position:relative;
	width:1050px;
	height:130px;
	background-image:url(../bilder/branding.jpg);
	background-repeat:no-repeat;
	}
#content {
	width:970px;
	margin:0 auto 60px auto;
	text-align:left;
	font-weight:normal;
	}
#footer {
	width:640px;
	height:72px;
	padding:1px 0 0 330px;
	margin:auto;
	bottom:0px;
	text-align:left;
	background-image:url(../bilder/footer.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	border-bottom:1px solid #b0bb78;
	font-size:11px;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif
	}
	
#footer p {
	margin-top:35px;
	}
	
#sectionhead {
	height:115px;
	background-image:url(../bilder/sec_head_2.jpg);
	background-repeat:no-repeat;
	}
	
#rightbar {
	float:right;
	width:280px;
	padding:5px;
	border:1px #b0bb78 solid;
	}
	
#leftbar {
	float:left;
	width:400px;
	}

#leftbar p {
	margin-top:5px;
	}
	
#ueber #leftbar {
	float:none;
	margin:0 auto;
	width:480px;
	}
	
#geschichte #leftbar {
	float:none;
	margin:0 auto;
	width:480px;
}

#dkontakt #leftbar {
	float:left;
	margin:0 auto;
	width:300px;
}

#dkontakt #rightbar {
	float:right;
	width:650px;
	padding:5px;
	border:1px #b0bb78 solid;
}

#gallery #leftbar {
	float:none;
	margin:0 auto;
	width:940px;
}

#gallery .ikone {
	float:left;
	margin:5px 8px;
}
	
#gallery .ikone img {
	border:1px solid #FFFFFF;
}

#gallery .kleineikone {
	float:left;
	margin:10px 15px;
}

#gallery .kleinedbikone {
	float:left;
	margin:10px 15px;
	width:200px;
	height:270px;
}
#gallery .kleineikone img {
}
#shopvorschau {
	background-image:url(../bilder/verlauf.jpg);
	background-repeat:repeat-x;
	float:left;
	margin:0 0 0 35px;
	padding:5px 10px;
	width:190px;
	list-style-position: outside;
	}
	
.trennung {
	height:13px;
	width:263px;
	background-image:url(../bilder/seperate.jpg);
	background-repeat:no-repeat;
	margin:15px 0;
	}


#ikonenliste { 
	padding:0 0 0 15px;
	margin:10px 0 0 0;
	list-style-position:outside;
	list-style:none;
	/* list-style: none; */
	}
	
#ikonenliste li {
	padding-left:0px;
	list-style-position: outside;
	list-style-type: none;
	}
	
#ikonenliste a {
	font-weight:normal;
	}
	
#ikonenliste a:hover {
	text-decoration:underline;
	color:#9b4c29;
	}
	
#ikonenliste a:active {
	color:#999999;
	}	
	
#ikonenliste a:visited {
	text-decoration:none;
	}

#galerievorschau {
	width:620px;
	float:left;
	padding-top:15px;
	margin-top:5px;
	background-image:url(../bilder/bigseperate.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#archive {
	background-image:url(../bilder/archive.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	width:100%;
	}

#archive h4 {
	margin-left:20px;
	}

#archiveform {
	margin-top:70px;
	text-align:right;
	}
	
#archiveform select {
	border:1px #8e9a55 solid;
	color:#8e9a55;
	font-family:Arial, Helvetica, sans-serif;
	width:165px;
	}

#nav { background-image:url(../bilder/navibg.gif); background-repeat:no-repeat; float:right; margin:25px 35px 0 0; padding-left:0px; overflow:hidden; list-style: none; display:inline; font-size:1.1em; list-style-position:inside; }
#nav li{ display:inline; }
#nav a {
	text-indent:-9999px; 
	display:block;
	float:left;
	height: 40px;
	color: #eee;
	font-weight:normal;
	list-style-position:inside;
	}
	
#littlenav {  
	position: absolute; 
	float:right; 
	padding:0; 
	overflow:hidden; 
	list-style: none; 
	display:inline; 
	font-size:1.1em; 
	list-style-position:inside; 
	top: 100px; 
	right: 40px; 
	}
#littlenav li{ display:inline; }
#littlenav a {
	padding:0;
	font-size:.95em;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	color: #9b4c29;
	font-weight:normal;
	list-style-position:inside;
	margin-right:10px;
	line-height:1em;
	}
	
#bkontakt a {
	padding-left:17px;
	background-image:url(../bilder/mail.gif);
	background-repeat:no-repeat;
	background-position: left center;
}

#bdeutsch a {
	display: block;
	width:15px;
	text-indent: -9999px;
	background-image:url(../bilder/de_fahne.jpg);
	background-repeat:no-repeat;
	background-position: left center;
}

#benglish a {
	display: block;
	width:15px;
	text-indent: -9999px;
	background-image:url(../bilder/en_fahne.jpg);
	background-repeat:no-repeat;
	background-position: left center;
}

#bimprint a {
	padding-left:11px;
	background-image:url(../bilder/imprint_icon.jpg);
	background-repeat:no-repeat;
	background-position: left center;
}


#bhome a {
	width: 102px;
	margin-right:2px;
}
#bueber a {
	width: 103px;
	margin-right:2px;
}
#bgeschichte a {
	width: 126px;
	margin-right:2px;
}
#bikonenwelt a {
	width: 119px;
	margin-right:2px;
}
#bgalerie a {
	width: 110px;
	margin-right:2px;

}
#orthodox a {
	width: 110px;
}


.clearfloat {
	clear:both;
	}
	
.numbers {
	font-family:"Times New Roman", Times, serif;
	font-size:1.1em;
}

.preis {
	font-family:"Times New Roman", Times, serif;
	font-size:1.1em;
}

.imagewrap {
	float:left;
	margin:25px 20px;
	}

#galeriewide .imagewrap {
	float:left;
	margin:15px 15px 50px 15px;
	border:1px solid #778242;
	}
	
.navigation {
 	color:#666666;
 	margin:5px;
 	}
.navigation a { 
	padding: 0 .8em 0 .3em; display:block; float:left; border-left:1px solid #333; margin-bottom:1em; }
.navigation a:hover {
	background-color:#FFFFFF;
	}
.navigation strong { color:#000000; font-size:1.5em; padding: 0 .8em 0 .3em; display:block; float:left; width:20px; margin:0 .2em; border-left:1px solid #333; }


#ikonenstage {
	width:735px;
	height:381px;
	padding:3px 3px 0 0;
	background-position:right top;
	background-repeat:no-repeat;
	margin:0 auto;
	position:relative;
	display:block;
	}
#ikonenstagewrap {
width:740px;
margin:0 auto;
	}
	
#ikonenstage h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:1.5em;
	font-weight:normal;
	color:#4c694a;
	}

.bigikone {
	float:right;
	display:block;
	}

#ikonentextbox {
	margin:20px 0 0 30px;
	width:320px;
	height:320px;
	overflow:hidden;
	}
	
#ikonenstage img {
	float:right;
	}
.floatleft {
	float:left;
	}
.floatright {
	float:right;
	}
#galerienav {
	width:650px;
	display:block;
	position:absolute;
	bottom:10px;
	left:80px;
	}
	
#ikoneninfo {
	height:180px;
	width:250px;
	}
	
#ikonavi {
	width:200px;
	height:200px;
	float:left;
	}
	
#userbox {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	top: 90px;
	right:50px;
	text-align: right;
}

.editlink { 
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	margin: 5px 0; 
	color: red; 
	padding-left:10px;
	}
.editlink a:link {
	color: red;

}

#orthodox {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	top: 90px;
	right:300px;
	text-align: right;
}
