/*

Implementing a theme for GOOP Gallery is easy. Just place a division tag around the inserted php code.

Like so:

<div id="gallery">

<?php //some code ?>

</div>

Then add something like the following to your page's css.

This is a sample theme to get you started. This theme is complements ritterfamily.org.

*/

/*single image */
#gg_descrip{
  float: left:
  font: 12px arial,helvetica,sans-serif;
}

#gg_image{
	margin: 0px 10px 0px auto;
	padding: 0;
	float: left;
}

#gg_image img{
	border: 2px solid #1E569A;
	padding: 2px;
	margin: 10px;
}

#gg_forms{
	clear: both;
	padding: 10px;
}

#gg_forms form{
	display: inline;
}
/*table view*/
#gallery{
	font: 12px arial,helvetica, sans-serif;
  margin:auto;
	padding: 0px;
	background: #fff;	
  width:750px;
  height:435px;
  margin-left:0px;
}
#gallery table{
	border-collapse: separate;
	width:50px;
	border-spacing:5px 5px;
	margin-left:-2px;	
}
#gallery td{
	background-color: #E3EDF9;	
	border: 2px solid #73A3D6;	
	width: 150px;
	margin: 5px;
	padding: 5px;
	text-align:center;
	vertical-align:top;		
}
#gallery h1{	
	margin-bottom:10px;
}
#gallery h2.title{
  margin-top:20px;
	height:50px;
}
#gallery h2, #gallery h1{
	color: #800000;
}

#gallery .subtitle{
  font-size:0.89em;
  margin-bottom:15px;
}
#gallery a{
  font-size:11px;
}
/*#gallery a{
  color: #1E569A;	
  text-decoration: none;
}
#gallery a:hover{
	color: #800000;
	text-decoration: underline;	
}*/
#gallery img{
	border: 1px solid #1E569A; 
  padding: 2px;	 	
}
#gallery img:hover{
	border: 1px solid #800000;	
}

#gallery input{
	background-color:#73A3D6;
	color: #fff;
	border-bottom: 2px solid #73A3D6;
	border-right: 2px solid #73A3D6;
	border-top: 2px solid #E3EDF9;
	border-left: 2px solid #E3EDF9;
}
#gallery select{
	background: #E3EDF9;
	font: bold 13px arial,helvetica,sans-serif;
	color: #1E569A;
}

#gallery.p{
  margin-top:0px;
}
#gallery p.VorZuruck a{
  font-size:12px;
}
.bread_crumb {
  margin-bottom:15px;   
}

#gallery .left{
 width:auto;
 height:auto;
 float:right;
 margin-top: 5px; 
}
#gallery .right{
  margin-top:5px;
  width:175px;
  height:auto;  
  float:left;
}
.nowrap{
  white-space:nowrap;
}
#gallery div.description{
 margin-top:50px;
 /*color: #1E569A;*/	
 font-size:14px;
}
#gallery ul{
  font-size:10px;
}
.goop_foot{

}