/**
 * puddingbrezel
 * version 4 beta 5
 * 
 * michael schäfer 
 * 12.09.2008
 * 
 * @file	com.css
 * @update	2008-09-12
 */

 
.msg { color: #ff3300; font-weight: bold; }
 
 
/* **************************************************************************** 
 * kommanentarbox
 *
 */
 
#comments {
	width: 580px;
	padding: 20px 0;
	overflow: hidden;
	text-align: left;
	}	
#commentform {
	width: 100%;
	background: #0f0f0f url(/_fx/bg2.gif) repeat;
	padding: 10px 0 10px 50px;
	}	
	
#commentform textarea { 
	width: 380px; 
	background: #cfcfcf; 
	border: #ccc 1px solid;
	padding: 10px;
	font-size: 16px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
	margin-bottom: 5px;
	}
/*#commentform p.small { text-align: right; width: 400px; font-size: 10px; }*/
#commentform p.text { width: 80px; float: left; }

#commentform input.f, #commentform input.as { /*kname, kmail, kwww, antispam */
	width: 283px; 
	background: #cfcfcf; 
	border: #ccc 1px solid;
	padding: 0 5px 0 22px;
	font-size: 16px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
	float: left;
	margin: 0 0 5px 10px; 
	}
#commentform input.as { 
	width: 40px; 
	text-align: center; 
	} /* antispam */
#commentform input.cb { width: 20px; float: left; margin: 2px 0 3px 7px; } /*cookie speichern */

#commentform #kname {
	background-image: url('author.gif');
	background-repeat: no-repeat;
	background-position: 2px 3px;
	}
#commentform #kmail {
	background-image: url('mail.gif');
	background-repeat: no-repeat;
	background-position: 2px 3px;
	}
#commentform #kwww {
	background-image: url('home.gif');
	background-repeat: no-repeat;
	background-position: 2px 3px;
	}
#commentform #antispam {
	padding-left: 22px;
	background-image: url('antispam.gif');
	background-repeat: no-repeat;
	background-position: 2px 3px;
	}

#commentform input { /* button */
	width: 314px; 
	font-size: 16px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
	margin-left: 8px;
	}

#commentform textarea:focus, #commentform input.f:focus, #commentform input.as:focus { 
	background: #efefef; 
	border: #ff3300 1px solid;
	}
	
#comments #fuss { 
	width: 100%;
	margin: 30px 0 0 50px;
	text-align: left;
	}
#comments .oc { 
	width: 370px;
	padding: 0 0 30px 50px;
	text-align: left;
	float: left;
	}
#comments .ocn { 
	margin-top: 20px;
	font-size: 80px; 
	width: 150px; 
	text-align: right; 
	float: right; 
	}
#comments .ocn a { color: #000; }
	
.small { font-size: 10px; } 

#comments h1 { margin: 10px; }
#comments h2 { 
	margin: 10px 0 20px 10px;
	font-size: 20px;
	width: 100%;
	color: #ff3300; 
	}
 
 
/* **************************************************************************** 
 * kontaktseite
 *
 */


#postkarte {
	width: 630px;
	margin: 0 10px 10px 0;
	background: #999 url(/_fx/com/postkarte.jpg) repeat;
	padding: 30px 10px 0 10px;
	float: left;
	height: 434px;
	overflow: hidden;
	text-align: left;
	color: #333;
	}	
	
#postkarte #spalte1 { padding: 0 60px 0 10px; width:270px; float:left;  }
#postkarte #spalte2 { width:270px; padding: 120px 0 0 0; float:left; }
#postkarte textarea { 
	width: 250px; height: 320px; 
	background: inherit; 
	border: #ccc 1px solid;
	padding: 10px;
	font-size: 16px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
	}
#postkarte input.f, #postkarte input.anti { /*kname, kmail, kwww, antispam */
	width: 250px; 
	background: inherit; 
	border: #ccc 1px solid;
	padding: 0 5px;
	font-size: 16px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
	}
#postkarte input.anti { width: 30px; text-align: center; } /* antispam */

#postkarte input { /* button */
	width: 262px; 
	font-size: 16px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
	}
#postkarte textarea:focus, #postkarte input.f:focus, #postkarte input.anti:focus { 
	background: #efefef; 
	border: #5f5f5f 1px solid;
	}
	
#nebenpostkarte {
	width: 320px;
	float: left;
	text-align: right;
	padding: 440px 0 0 0;
	}