/* .............................Fahrschule Arne Petersen, Inhaber Arne Petersen ............................. */
/* .............................(c) 2003 - 2006 . opsocom . Visuelle Kommunikationslösungen . Riedel, Ehrhardt & Butter GbR ............................. */
/* .............................(c) 2003 - 2006 . opsocom . visual solutions for better communication . Riedel, Ehrhardt & Butter priv. co. ............................. */
/* .............................Telefon: 0371 2409912 . mail@opsocom.de . http://www.opsocom.de . http://www.opred.de ............................. */
/* .............................phone: +49 371 2409912 . mail@opsocom.de . http://www.opsocom.de . http://www.opred.de ............................. */

@import url(backgrounds.css);

/* .............................preloader............................. */

.logo
{
	width:238px;
	height:61px;
	margin:15px auto;
	background:url(../globalbackgrounds/startlogo.gif) no-repeat 0px 0px;
}

.preload
{
	visibility:hidden;
}

/* .............................global............................. */

html
{
	overflow-x:hidden;
	height:100%;
	margin:0px;
	padding:0px;
}

body
{
	overflow-x:hidden;
	margin:0px;
	padding:0px;
	width:100%;
	font-family:arial, "sans serif";
	font-size:12px;
	color:#FFF;
	background:url(../globalbackgrounds/body.gif) repeat-x top center #2A2C2B;
}

.calendar
{
	background:#FFF;
	font-size:11px;
	color:#3F4350;
}

p, h1, h2, h3, h4
{
	margin:0px;
	color:#FFF;
}

	#footer p
	{
		padding: 10px 0 0 0;
		color:#FF5300;
	}

h1
{
	padding:7px 11px 9px 7px;
	font:normal 16px Helvetica;
	letter-spacing:3px;
}

h2
{
	padding:3px 11px 9px 7px;
	font:bold 13px Arial;
	letter-spacing:1px;
}

h3
{
	padding:3px 11px 9px 7px;
	font:italic 13px Arial;
	letter-spacing:1px;
}

h4
{
	padding:3px 11px 9px 7px;
	font:bold 13px Arial;
	letter-spacing:1px;
	color:#FF5300;
}

#contentcontainer ul
{
	margin:0 0 0 25px;
	padding:0px;
}

p, table, #contentcontainer li
{
	padding:1px 11px 6px 7px;
	font:normal 12px Arial;
	line-height:18px;
}

#positionpath p
{
	padding:9px 0 0 220px;
	font:normal 11px arial;
	color:#FFF;
}

#infocontainer p
{
	padding:0 11px 12px 22px;
	font:bold 11px arial;
	line-height:15px;
	color:#FFF;
}

#infocontainer h4
{
	padding:0 11px 6px 11px;
	font:bold 11px arial;
	color:#FFF;
}

.tbold
{
	font-weight:bold;
}

.titalic
{
	font-style:italic;
}

.tcenter
{
	text-align:center;
}

.tright
{
	text-align:right;
}

.torange
{
	color:#FF5300;
}

.boxpic
{
	margin:6px 0;
}

.picleft
{
	margin:0 6px 0 0;
}

.picright
{
	margin:0 0 0 6px;
}

.border1
{

	border:3px solid #FF5300;
}

.hrline
{
	width:429px;
	height:2px;
	margin:1px 11px 6px 7px;
	padding:0px;
	font-size:0.1em;
	background:#FF5300;
}

/* .............................container............................. */

.box, .box100, .boxheight1, .boxheight2, form, #navicontainer, .array, .label
{
	margin:0px;
	padding:0px;
}

.centerbox
{
	margin:0px auto;
	padding:0px;
}

.fullbox
{
	width:100%;
	font-size:0.1em;
}

.widebox
{
	width:838px;
	margin:0px auto;
	padding:0px;
}

#secondheader .widebox, #secondheader div
{
	height:135px;
	margin:0px
	padding:0px; 
}

#thirdheader .widebox, #thirdheader div
{
	height:30px;
	margin:0px
	padding:0px;
}

#contentcontainer
{
	width:447px;
}

#infocontainer
{
	margin:-199px 0px 0 0;
	z-index:1;
	padding:0px;
}

.boxwidth1
{
	width:213px;
}

.boxwidth2
{
	width:206px;
}

.boxwidth3
{
	width:241px;
	/*background:red;*/
}

.boxwidth4
{
	width:174px;
	/*background:yellow;*/
}

.boxwidth5
{
	width:245px;
	/*background:red;*/
}

.boxwidth6
{
	width:202px;
	/*background:yellow;*/
}

.boxwidth7
{
	width:147px;
	/*background:red;*/
}

.boxwidth8
{
	width:300px;
	/*background:yellow;*/
}

.boxheight1
{
	font-size:0.1em;
	height:15px;
}

.boxheight2
{
	font-size:0.1em;
	height:5px;
}

.left, .picleft
{
	float:left;
}

.right, .picright
{
	float:right;
}

.cleaner
{
	content:".";
	font-size:0.1em;
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}


/* .............................form ............................. */

form
{
	color:#FFF;
}

.label
{
	width:421px;
	height:15px;
	padding:5px 11px 2px 19px;
	/*background:red;*/
}

.largelabel
{
	width:421px;
	height:65px;
	padding:0px 11px 5px 19px;
	/*background:blue;*/
}

.array
{
	width:421px;
	height:20px;
	padding:0px 11px 5px 19px;
	/*background:yellow;*/
}

input, textarea
{
	width:400px;
	margin:0px;
	padding:1px;
	border-left:1px solid #AFB1B0;
	border-top:1px solid #AFB1B0;
	border-right:1px solid #3B3D3C;
	border-bottom:1px solid #3B3D3C;
	font:normal 12px arial;
	color:#2A2C2B;
	background:#D8DCDD;
}

textarea
{
	overflow:auto;
	height:60px;
}

select
{
	width:402px;
	margin:0px;
	padding:1px;
	background:#D8DCDD;
	color:#2A2C2B;
	font:normal 12px arial;
}

button
{
	width:195px;
	height:25px;
	margin:6px 0 6px 19px;
	padding:0px;
	border-left:1px solid #AFB1B0;
	border-top:1px solid #AFB1B0;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	background:#FF5300;
	font:bold 12px arial;
	color:#FFF;
}

button.goreset
{
	width:190px; 
	background-color:#D8DCDD !important;
	border-left:1px solid #AFB1B0;
	border-top:1px solid #AFB1B0;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	font:normal 12px arial;
	color:#2A2C2B;
}