/**********************************************************************
*
* SimplePin - A Joomla Pinboard Component
* @version 2.0
* @package SimplePin2
* @license Released under the terms of the Mausernetwork License
* @Copyright 2008 by Rico Pinzke - Creator and Publisher
*
* @simplepin2.css - Normale Ansicht des Pinboards
*
***********************************************************************/

/**********************************************************************
*
* Farbe und Hintergrundbild des Pinboards
* Beispiel:
* Farbe: background-color: { #FFFFFF; }
* Hintergrundbild: background-image: { url(../images/image.jpg); }
* Höhe und Breite werden über das Admin-Backend definiert
*
**********************************************************************/

#pinboard {
	position:		relative;
	overflow:		hidden;
	background-image:	url(../images/kreuzbg.gif);
	border:			1px solid #c0c0c0;
}

br {
	clear:			left;
}

.unsichtbar, h2, dfn {
	position: 		absolute;
	left: 			-1000px;
	top: 			-1000px;
}

/**********************************************************************
*
* Farbe und Hintergrundbild der Navigationstabs
* Alle Tabs werden als Listenelemente dargestellt
*
**********************************************************************/

ul#tabs {
	list-style:		none;
	padding: 		0;
	margin: 		0;
}

ul#tabs li {
	float:			left;
	background-image: 	none;
	padding:		0;
	
}

ul#tabs li a
{
	display:		block;
	border-left:		1px solid #b3b3a6;
	border-top:		1px solid #b3b3a6;
	border-right:		1px solid #b3b3a6;
	border-bottom:		0;
	padding:		0.3em;
	margin-right:		5px;
	background-image:	url(../images/formlabelbg.gif);
	text-decoration:	none;
	font-family:		Arial, Helvetica;
	font-size: 		12px;
	color:			#284430;
}

ul#tabs li a:hover {
	background-image:	url(../images/formlabelbg-blue.gif);
}


/**********************************************************************
*
* Style der Pinzettel
*
**********************************************************************/

.pins {
	border:			1px solid #999999;
}

.pins:hover {
	border:			2px solid #999999;
}

ul#icons {
	list-style:		none;
	padding: 		0;
	margin: 		0;
}

ul#icons li {
	float:			left;
	display:		block;
	background-image: 	none;
	padding:		0.3em;
	margin-right:		5px;
	
}

ul#icons li a
{
	border-bottom:		0;
	text-decoration:	none;
}

.pinheader {
	display:		block;
	overflow:		hidden;
	height: 		25px;
	background-color:	#E6E6E6;
	border-bottom:		1px solid #999999;
	margin-bottom:		5px;
}

.pinbody {
	display:		block;
	overflow:		hidden;
	font-family:		Arial, Helvetica;
	font-size: 		12px;
	color:			#000000;
	padding:		5px;
}

.pinimages {
	display:		block;
	overflow:		hidden;
	padding-bottom:		5px;
}

.pinfooter {
	display:		block;
	overflow:		hidden;
	height: 		25px;
	background-color:	#E6E6E6;
}

.fulltexticon:link, .fulltexticon:active, .fulltexticon:visited, .fulltexticon:hover {
	margin:			5px;
	padding:		0;
	border:			0;
	text-decoration:	none;
}


/**********************************************************************
*
* Style der Ergebnisbox
*
**********************************************************************/

#erg {
	display:		block;
	visibility:		hidden;
	background-color:	#FFFFFF;
	border:			1px dotted #c0c0c0;
	padding:	    	5px;
	margin:		    	5px;
	font-family:    	Verdana;
	font-size:		11px;
}

.messagecontent {
	display:		block;
	background:		#F0F0F0;
	margin: 		10px;
	margin-left:		20px;
	padding:		10px;
	border:			1px solid #c0c0c0;
	font-family:		Arial, Helvetica;
	font-size: 		12px;
	color:			#000000;
}

/**********************************************************************
*
* Style der Pinzettelbilder
*
**********************************************************************/

ul#pinimages {
	list-style:		none;
	padding: 		0;
	margin: 		0;
}

ul#pinimages li {
	float:			left;
	display:		block;
	background-image: 	none;
	padding:		2px;
	border:			1px solid #FFFFFF;
	padding:		0.3em;
	margin:			5px;
}

ul#pinimages li a
{
	border-bottom:		0;
	text-decoration:	none;
}

/**********************************************************************
*
* Style der Overlaybox für Info, Volltext, Formular
*
**********************************************************************/

.lb_overlay {
background-image:		url(../images/blank.png);
}

.myoverlay {
width:				300px;
font-family:			Arial, Helvetica;
font-size:			12px;
color:				#000000;
background-color:		#FFFFFF;
border:				3px solid #999999;
}

.overlayheader
{
	display:		block;
	float:			left;
	width:			auto !important;
	height:			16px;
	background-color:	#c0c0c0;
	padding:		8px;
}

.overlayclose
{
	display:		block;
	height:			16px;
	clear:			right;
	text-align:		right;
	background-color:	#c0c0c0;
	padding:		8px;
}


.overlaybody {
	display:		block;
	font-family:		Arial, Helvetica;
	font-size:		12px;
	color:			#000000;
	padding:		5px;
}


#ajaxform {
	padding:		20px;
	text-align:		center;
}

#ajaxform td {
	text-align:		left;
}


#ajaxform input, #ajaxform textarea {
	width:            	250px;
	border:           	1px solid #c0c0c0;
	font-family:      	Arial, Helvetica;
	font-size:        	12px;
	margin-bottom:    	10px;
	padding:          	1px;
}

/**********************************************************************
*
* Style der Overlaybox für Bilder
*
**********************************************************************/

#overlaybox {
background-color:		#eee;
color: 				#000;
padding:			10px 10px 0px 10px;
border:				1px solid #7B7B7B;
}


#overlaybox a, #overlaybox a:link, #overlaybox a:hover  {
border:				none;
}

#overlaybox img{ 
border:				none;
clear:				both;
} 

#overlay img { 
border: 			none;
}

#olCaption{	
text-align:			left;
float:				left; 
font-size:			1em;
}

#olDetails{
padding:			0.2em;
}	

#keyMsg{ 
text-align:			left;
font-size:			0.9em;
}

#keyMsg span { 
padding:			0.3em 0 0.3em 0;
color:				#666666;
background-color:		#eee;
display:			block;
}

#keyMsg kbd {
font-family:			Courier New, Courier, monospace;
color:				#333;
background-color:		#f1f6f5;
border:				1px solid;
border-color:			#fff #C8D6D6 #C8D6D6 #fff;
}