/* ---------------------------------------------------------------------------*\
 * GLOBALE DEFINITIONEN 
\* ---------------------------------------------------------------------------*/

html, body {
	font-family:			arial; 
	font-size:			12px;
	color:				#7f7f7f;
	height:				100%;
	max-height:			100%;
	padding:			0; 
	margin:				0; 
	border:				0;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
}

h4 {
color:				#999999;
	font-size:			15px;
	font-weight:			bold;
	margin:				0;
	padding:			0px;
	padding-bottom:			5px;
}

h2 {
	color:				#515151;
	font-size:			15px;
	font-weight:			bold;
	margin-top:			15px;
	margin-bottom: 5px;
	padding:			0px;
}

.clr {
	clear:				both;
}

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

p {
	font-size:			12px;
}

a.link {
	background:			#ffffff; 
	color:				#7f7f7f; 
	text-decoration:		none;
}
a.link:hover {
	background:			#ececec; 
}

.user_infos {

}


/* ---------------------------------------------------------------------------*\
 * SPRICHCODE TABELLE
\* ---------------------------------------------------------------------------*/


.sprichcode_table {
	padding: 			2px 2px 20px 2px;
	width:				100%;
	border-collapse:		collapse;	
}

.sprichcode_table .header {
	font-size:			15px;
	text-align:			left;
	vertical-align:		top;
	font-weight:		bold;
}

.sprichcode_table th{
	font-size:			12px;
	text-align:			left;
	vertical-align:		top;
	font-weight:		bold;
	padding:			8px 0px;
	border-bottom:		1px solid #7f7f7f;
}

.sprichcode_table td {
	padding: 			8px;
	border-top:			1px solid #cccccc;
}

.sprichcode_table tr {
	font-size:			11px;
	text-align:			left;
	vertical-align:		top;
}

.sprichcode_table tr:hover {
	background:			#ececec; 
}

#filter_form {
	text-align:			center;
	width:				100%;
}

/* ---------------------------------------------------------------------------*\
 * FORMULARE
\* ---------------------------------------------------------------------------*/

.sprichcode_form {
	font-size:			12px;
}

.sprichcode_form .label {
	font-weight:			bold;
	vertical-align:			top;
}

.sprichcode_form .form-errortext {
	font-size:			11px;
	color:				#FF0000;
}
.sprichcode_form .form-required-marker {
	font-size:			11px;
	color:				#008F00;
	vertical-align:			top;
}

.sprichcode_form .button_row {
	text-align:			right;
}

.sprichcode_form input.button {
	font-family:			arial; 
	font-size:			12px;
	font-weight:			bold;
	text-align:			right;
	border: 			0;
	background:			url("pic/button_background.gif") repeat-x;
	color:				#7f7f7f;
	margin:				0px;
	text-align:			right;
	max-width:			200px;
	padding-right:			10px;
	padding-left:			10px;
}
.sprichcode_form input.button:hover {
	background-color: 		#ececec;
}



/* ---------------------------------------------------------------------------*\
 * HEADER
\* ---------------------------------------------------------------------------*/


#header {
	position:			absolute;
	top:				15px;
	background:			url("pic/strichcode.png") repeat-x;
	background-position:		0px 15px;
	width:				100%;
	z-index:			1;
}

#header img {
	border: 			0px;
}

#header a{
	text-decoration:		none;
	padding:			8px 0px 20px 8px;
}

#header #text{
	padding-top:			8px;
	padding-left:			8px;
	color: 				#17c72b;
	font-size: 			16pt;
	text-transform:			uppercase;
}


/* ---------------------------------------------------------------------------*\
 * MENU
\* ---------------------------------------------------------------------------*/

#menue {	
	position:			absolute;
	top:				95px;
	width: 				100%;
	z-index:			5;
}

#menue #hmenue {
	width:				100%;
	border-bottom: 			2px solid #17c72b;
	height: 			20px;
}

#hmenue a, #hmenu a:link, #hmenue a:visited, #hmenue .selected {
	background: 			#ececec; 
	color: 				#7f7f7f; 
	font-weight: 			normal;
	text-align:			center;
	line-height: 			17px;
	padding: 			2px 4px 0px 4px;
	margin-left: 			4px;
	margin-right:			4px;
	border-top: 			1px solid #7f7f7f;
	border-left:			1px solid #7f7f7f;
	border-right: 			1px solid #7f7f7f;
	border-bottom: 			0px;	
	text-decoration: 		none;
	float: 				left;
}

#hmenue a:hover, #hmenue a:active, #hmenue a.selected {
	background: 			#999999;
	color:				#ececec;
}

#menue #vmenue {
	background:	 		#ffffff;
	border-left:			1px  solid #65F626;
	border-right:			1px  solid #65F626;
	border-bottom:			1px  solid #65F626;
	position: 			absolute;
	top: 				20px;
	line-height:			110%;
	padding:			5px 0px;
}

#menue #vmenue a.button {
	position: 			absolute;
	text-decoration:		none; 
	padding:			0;
	right:				0px;
	width:				17px;
	bottom:				3px;
	background:			url(pic/x) no-repeat;
	z-index:			10;
}

#menue #vmenue a.button:hover {
	background:			url(pic/x_aktiv) no-repeat;
}

#menue #vmenue a.item{
	text-decoration:		none;
	background:	 		#ffffff;	
	font-weight:			normal;
	color:				#7f7f7f;
	width:				100%;
	position: 			absolute;
	margin:				2px 0px;
}

#menue #vmenue a.item:hover{
	background:			#ececec;
}

#menue #vmenue a.item span {
	padding-left:			75px;
}

#menue #vmenue a.item .sub {
	padding-left:			100px;
}

#menue #vmenue a.item .sub2 {
	padding-left:			125px;
}

#menue #vmenue a.item .sub3 {
	padding-left:			150px;
}


/* ---------------------------------------------------------------------------*\
 * BREADCRUMB
\* ---------------------------------------------------------------------------*/

#breadcrumb {
	position:			absolute;
	top:				110px;
	color:				#7f7f7f;
	padding:			10px 8px;
	z-index:			1;

}

#breadcrumb a {
	text-decoration:		none; 
	font-weight:			normal;
	color:				#7f7f7f;
	padding:			0px 2px;
	text-transform: 		uppercase;
}

#breadcrumb a:hover {
	background:			#ececec;
}

#breadcrumb .selected {
	font-weight:			bold;
	color:				#7f7f7f;
	text-transform: 		uppercase;
}


/* ---------------------------------------------------------------------------*\
 * FOOTER
\* ---------------------------------------------------------------------------*/


#footer {
	position:  			absolute;
	background:			white;
	bottom: 			0px;
	height:				130px;
	width:				100%;
	padding-top:		5px;
	color:				#aaaaaa;
	text-align:			left;
	font-size:			11px;
	z-index:			1;
}

#footer #impressum {
	border-top:			1px solid #cccccc;
	width: 				100%;
	text-align: 		center;
}


/* ---------------------------------------------------------------------------*\
 * MAIN
\* ---------------------------------------------------------------------------*/

#main {
	position:			absolute;
	top:				145px;
	bottom: 			100px;
	overflow: 			auto;
	width: 				100%;	
}
/* IE FIX */
* html #main {
	position:			absolute;
	top:				0; 
	bottom:				0; 
	height:				90%;
	width:				100%;
	border-top:			145px solid white;  
	border-bottom:		112px solid white;
}
#main #main_content {
	padding-left: 		15px;
	color:				#515151;
	font-size: 			12px;
	height:				90%;
	overflow:			auto;
}





/* ---------------------------------------------------------------------------*\
 * TEXTBOX
\* ---------------------------------------------------------------------------*/

#text {
	padding:			7px 20px 20px 475px;
}


a.edit_button {
	position:			absolute;
	text-decoration:		none; 
	left:				15px;
	width:				17px;
	background:			url(pic/edit) no-repeat;
}

#main #main_content p{
	margin:				0px;
	padding:			0px;
}

#main #main_content span {
	font-family:			arial; 
	font-size:			12px;
	color:				#7f7f7f;
}

#main #main_content a {
	text-decoration:		none; 
	color:				#7f7f7f;
	font-weight:			bold;
}

#main #main_content a:hover {
	background-color: 		#ececec;
}

#main #main_content .ueberschrift {
	color:				#999999;
	font-size:			15px;
	font-weight:			bold;
	margin:				0;
	padding:			0px;
	padding-bottom:			5px;
}


/* ---------------------------------------------------------------------------*\
 * FORUM
\* ---------------------------------------------------------------------------*/


.forum_posting {
	margin-bottom:			20px;
	border:				1px solid #7f7f7f;
	background:			#ffffff;
	max-width:			750px;
}
.forum_posting .stat {
	width: 				100%;
	text-align:			right;
	font-size:			12px;
}
.forum_posting .signatur {
	width:				100px;
	font-size:			12px;
	text-align:			left;
	vertical-align:			top;
		
}
.forum_posting .posting {
	font-size:			12px;
	text-align:			left;
	vertical-align:			top;			
}

/* ---------------------------------------------------------------------------*\
 * POPUP
\* ---------------------------------------------------------------------------*/

.popup {
	position:			absolute; 
	left: 				50%; 			
	top: 				0px; 
	z-index: 			10;
	border-right:			2px solid silver;
	border-left:			2px solid silver;
	border-top: 			2px solid silver;
	border-bottom: 			2px solid silver;
	padding:			11px 5px 5px 5px;
	background: 			white;
}
/*
.popup .border_o {
	position: 			absolute; 
	top: 				0px; 
	left: 				0px; 
	width: 				100%; 
	height: 			2px; 
	z-index:			11;
	background: 			white url(pic/roundedbox_o.png) top left repeat-x;
}
*/

.popup .border_lo {
	position: 			absolute; 
	font-size: 			2px;		/*ie has a min height of 1 em*/
	top: 				-2px; 
	left: 				-2px; 
	width: 				5px; 
	height: 			5px;
	z-index:			12;
	background: 			white url(pic/roundedbox_lo.png) top left no-repeat;
}


.popup .border_ro {
	position: 			absolute; 
	font-size: 			2px;
	top: 				-2px; 
	right: 				-2px; 
	width: 				5px; 
	height: 			5px; 
	z-index:			12;
	background: 			white url(pic/roundedbox_ro.png) top right no-repeat;
}

.popup .border_lu {
	position: 			absolute; 
	font-size: 			2px;
	bottom:				-2px; 
	left: 				-2px; 
	width: 				5px; 
	height: 			5px; 
	z-index:			12;
	background: 			white url(pic/roundedbox_lu.png) bottom left no-repeat;
}
.popup .border_ru {
	position: 			absolute; 
	font-size: 			2px;
	bottom:				-2px; 
	right: 				-2px; 
	width: 				5px; 
	height: 			5px; 
	z-index:			12;
	background: 			white url(pic/roundedbox_ru.png) bottom right no-repeat;
}

/*
.popup .border_l {
	position: 			absolute; 
	top: 				0px; 
	left: 				0px; 
	width: 				5px; 
	height: 			100%; 
	z-index:			11;
	background: 			blue url(pic/roundedbox_l.png) top left repeat-y;
}
.popup .border_r {
	position: 			absolute; 
	top: 				0px; 
	right: 				0px; 
	width: 				5px; 
	height: 			100%; 
	z-index:			11;
	background: 			blue url(pic/roundedbox_r.png) top right repeat-y;
}
*/
/*
.popup .border_u {
	position: 			absolute; 
	bottom :			0px; 
	left: 				0px; 
	width: 				100%; 
	height: 			2px; 
	z-index:			11;
	background: 			white url(pic/roundedbox_u.png) bottom left repeat-x;
}
*/



.popup a.closebutton {
	position: 			absolute;
	text-decoration:		none; 
	padding:			0;
	top:				2px;
	right:				2px;
	width:				17px;
	background:			url(pic/x) no-repeat;
	z-index:			15;
}
.popup a.closebutton:hover {
	background:			url(pic/x_aktiv) no-repeat;
}

/* ---------------------------------------------------------------------------*\
 * POPUP VIEWBEITRAG
\* ---------------------------------------------------------------------------*/

.info {
	width:				200px;
	padding:			20px 5px 10px 5px;
	vertical-align:			top;
}

.info #autor {
	padding:			10px 0px;
}
.info #titel {
	padding:			10px 0px;
}
.info #bewerb {
	padding:			10px 0px;
}
.info #mail {
	padding:			10px 0px;
}
.info #bewertung {
	padding:			10px 0px;
}
.info #andere_beitraege {
	padding:			10px 0px;
} 

.beitrag_foto {
	padding:			10px;
	width:				550px;
	height:				550px;
	text-align:			center;
	vertical-align:			middle;
}
.beitrag_text {
	padding:			10px;
	width: 				550px;
	overflow:			auto;	
	max-height: 			550px;
	height: 550px;
	vertical-align:			middle;
}

.beitrag_text p {
	font-size:			12px;
}
.beitrag_sms {
	padding:			10px;
	width:				550px;
	overflow:			auto;
	max-height: 			550px;
	vertical-align:			middle;
	}

/* ---------------------------------------------------------------------------*\
 * STARTSEITE / ZUFALLSANZEIGE
\* ---------------------------------------------------------------------------*/

.text_bilder {
	padding:			0px;
}

.text_bilder td{
	width:				100px; 
	height:				100px;
	background-color:		#fff;
}

.text_bilder div{
	height:				100px;
	overflow: 			hidden;
	background-color:		#eee;
	}

.text_bilder div{
	font-weight:			bold;
	color:				#000;
	font-size:			9px;
	background-image:		url(http://www.sprichcode.net/pic/background_1px.png);
	text-align:			right;white-space:nowrap;
	}

#box a {
text-decoration:none;
display:block;
}

#box a:hover {
color:black;
width:101px;
}

#box a span {display:none;}

#box a:hover span {
  top: 0px;
  display:block;
  padding:0px;
  z-index: 10;
}