@charset "UTF-8";
/*
	FORMAT//WEBDESIGN CSS
	Erstellt: 26.09.2005
	
	(c)2005 FORMAT//WEBDESIGN
*/

/* Alle Abstände global auf 0 setzen */
*
{
	padding:		0;
	margin:			0;
}

body
{
	background:		#CAD1E3;
	text-align:		center;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
}

#wrapper
{
	background:		#fff;
	width:			770px;
	margin:			0 auto;
	border:			#999 1px solid;
	border-width:		0 1px 0px 1px;
	text-align:		left;
}

/* ::: Logo ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#logo
{
	padding:		5px 5px 0 34px;
	height:			34px;
}

#logo img
{
	border:			0;
	width:			354px;
	height:			28px;
}

#logotext
{
	float: 			right;
}

#logotext h1
{
	padding: 		60px 10px 0 0;
	font-size:		14px;
}

/* ::: Themenbild ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#theme
{
	height:			105px; /* Will Firefox so (?) */
	background:		#4F91D1 url(/pix/layout/head-bg.jpg) repeat-x 0 100%;
}

#theme h1
{
	font-family:		"Trebuchet MS", Verdana, sans-serif;	
	padding:		30px 0px 0px 40px;
	font-size:		18px;
	font-weight:		normal;
	color:			#fff;
}

#theme p
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;
	color:			#fff;
	padding:		0 0 0 40px;
}

/* ::: Navigation ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#navicontainer
{
	background:		#D7DEF2 url(/pix/layout/naviback.jpg) repeat-x 0 0;
	border-top:		#F8AD3D 1px solid;
	float: left;
}

#navicontainer ul
{
	list-style-type:	none; 
	width:			770px;
	
}

#navicontainer ul li
{
	float:			left;
	margin:			0 1px 0 0;
/*	display:		inline; */
	position: relative;
}

#navicontainer ul li a 
{
	margin-right:		1px;
	background:		#D7DEF2 url(/pix/layout/button-bg.jpg) repeat-x;
	padding:		0 10px;
	display:		block;
 	float:			left; 
	border-right:		#DD911E 1px solid;
	font:			12px/35px verdana, sans-serif;
	text-decoration:	none;
	color:			#fff;
}

html>#navicontainer ul li a
{
	font-size:		12px;
}

#navicontainer ul li a:hover
{
	color:			#fff;
	background	:	#DD8500;
}

body#home #navicontainer li#eins a,
body#webdesign #navicontainer li#zwei a,
body#suchmaschinenoptimierung #navicontainer li#drei a,
body#referenzen #navicontainer li#vier a,
body#team #navicontainer li#fuenf a
{
	background:		#DD8500;
	text-decoration:	none;
}

#navicontainer ul li ul
	{
		padding: 0px 0 5px 0px;
		display: none;
		list-style-type: none;
		position: absolute;
		z-index: 100;
		top: 35px;
		left: 0;
		width: 360px;
		background:	#EAAE56;
	}


#navicontainer ul li ul li
		{
			width: 360px;
			line-height: 1.5;
		}

		#navicontainer ul li ul li a {
        /*  border-left: 1px solid #000; */
		background: #EAAE56;
		border: none;
	    width: 340px;
	   	font: 12px/26px verdana, sans-serif;
        }

	#navicontainer ul li:hover ul,
	#navicontainer ul li.sfhover ul
	{
		display: block;
	}

/* ::: Pfadanzeige ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#currentsite
{
clear: left;
background:		#fff url(../pix/layout/nav-rand.gif) repeat-x;
padding:		7px 5px 0 40px;
font-size:		11px;
line-height:		20px;
}

#currentsite a
{
	color: #000000;
	font-weight:		normal;
	text-decoration:	underline;
}

#currentsite a:hover
{
	text-decoration:	none;
}


.pfeil
{
	color:			#C19146;
}

#currentsite #datecontainer
{
	float:			right;
}

/* ::: Inhalt ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#content
{
	padding:		5px 0 15px 40px;
	color: #000 !important;
}

#content h1
{
	padding:		0 0 10px 0px;
	font-size:		18px;
	font-weight:		normal;
	color:			#006699;
}

#content h2
{
	background:		url(/pix/layout/li.gif) 0px 18px no-repeat;
	padding:		15px 250px 8px 15px;
	font-size:		15px;
	font-weight:		bold;
	color:			#006699;
}

#content h3
{
	padding:		15px 250px 8px 0px;
	font-size:		14px;
	font-weight:	bold;
	color:			#000;
}

#content p
{
	padding:		0 250px 8px 0;
	font-size:		12px;
	line-height:		18px;
	color: #000 !important;
}

#content img
{
	float: 			left;
	padding:		5px 15px 10px 0;
}

#content hr
{
background-color:#fff;
text-align: left;
width: 470px;
margin: 3px 0px 5px 0;
border: 1px dotted #ccc; 
height: 1px;
}

#content a
{
	color:			#DD8500;
	font-weight:		bold;
	text-decoration:	underline;
}

#content a:hover, #content a:active
{
	color:			#006699;
	text-decoration:	none;
}


#content p.fehler
{
	color:			#FF0000 !important;
}

/* ::: Kontaktformulare :::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#kontaktform
{
	padding:		0 100px 8px 0px;
	font-size:		12px;
	line-height:		18px;
}

#kontaktform form
{
	margin:			0;
	padding:		10px 0 0 0;
}

#kontaktform fieldset
{
	width:			420px;
	border: 		1px solid #0086C6; 
	margin: 		0 0 1em 0; 
	padding: 		10px 20px 20px 20px; 
}

#kontaktform legend
{
	font-weight: 		bold; 
	font-size: 		1.1em; 
	color: 			#006699;
	padding: 		0px 10px ; 

}


#kontaktform label
{
	float:			left;
	line-height: 		14px;
	display:		block;
	width:			150px;
	margin-bottom:		2px;
}

#kontaktform input
{
	width: 			250px;
	border: 		1px solid #6986D1;
	background: 		#C8D2EE;
	font: 			0.9em/1.4em "lucida grande", "lucida sans unicode", lucida, Verdana, Arial, Helvetica, sans-serif;
	color: 			#333;
	margin-bottom:		2px;
}

#kontaktform select
{
	width:			250px;
	border:			1px solid #6986D1;
	background:		#C8D2EE;
	font:			0.9em/1.4em "lucida grande", "lucida sans unicode", lucida, Verdana, Arial, Helvetica, sans-serif;
	color:			#333;
	margin-bottom:		2px;
}

#kontaktform textarea
{
	width:			250px;
	margin-bottom:		2px;
	border:			1px solid #6986D1;
	background:		#C8D2EE;
	font:			0.9em/1.4em "lucida grande", "lucida sans unicode", lucida, Verdana, Arial, Helvetica, sans-serif;
	color:			#333;
}

#kontaktform textarea:focus 
{
	color:			#000;
	background:		#F2F5F9;
}

#kontaktform input:focus 
{
	color:			#000;
	background:		#F2F5F9;
}


#senden
{
	padding:		2px;
	margin:			5px 0 5px 150px;

}




/* ::: Boxen am rechten Rand :::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#infobox
{
	float:			right;
	margin:			26px 0 5px 5px;
	background:		#F2F5F9;
	width:			230px;
}

#infobox h3
{
	background:		#fff url(/pix/layout/box-head-bg.jpg) repeat-x top;
	padding:		4px 0 4px 12px;
	height:			18px;
	font-size:		12px;
	line-height:		18px;
	font-weight:		normal;
	color:			#fff;
}

#infobox p
{
	color:			#3B77BE !important;
	padding:		5px 15px;
	font-size:		11px;
	line-height:		14px;
}

#infobox p.spacer
{
background: #fff;
line-height: 5px;
}


#infobox .auflistung
{
	list-style-type:	none;
	margin:			5px 0 5px 4px;
}

#infobox .auflistung li
{
	padding:		0 0 2px 4px;
}

#infobox .auflistung li a
{
	background:		url(/pix/layout/li.gif) 0px 3px no-repeat;
	padding:		0 0 2px 14px;
	color:			#3B77BE;
	font-size:		11px;
	line-height:		18px;
	font-weight:		normal;
	text-decoration:	none;
	display: block;
}

#infobox .auflistung li a:hover
{
	background:		url(/pix/layout/li-hv.gif) 0px 3px no-repeat;
}

.liste
{
	margin:			0 250px 8px 0;
	list-style-type:	none;
}

.liste li
{
	padding:		0 0 10px 25px;
	background:		url(/pix/layout/pfeil.gif) 0px 4px no-repeat;
	font-size:		12px;
	line-height:		18px;
	color: #000 !important;
}

.listesmall
{
	margin:			0 250px 8px 0;
	list-style-type:	none;
}

.listesmall li
{
margin: 0 0 0 25px;
	list-style:circle;
	font-size:		12px;
	line-height:		18px;
	color: #000 !important;
}



/* ::: Referenzen ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


.projektbox
{
margin:				20px 0;
width:				480px;
min-height: 		150px;
}

.projektbox img
{
float:				left;
border:				0;
padding:			0 !important;
margin: 			5px 10px 5px 0px !important;
}

.projektbox h3
{
color:				#476790;
font:				12px/14px Verdana, Arial, Helvetica, sans-serif !important;
font-weight:		bold !important;
padding:			5px !important;
}


.projektbox p
{
width: 				480px;
padding:			5px 5px 0px 5px !important;
}

.projektbox a
{
color:				#476790;
font-weight:		normal;
text-decoration:	none;
}

.projektbox a:hover
{
font-weight:		bold;
}

/* ::: Footer ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer
{
	background:		#DD8500;
	height:			25px;
	padding:		0 0 0 40px;
}

#footer ul
{
	list-style-type: none;
}

#footer ul li
{
	display:		block;
	float:			left;
}

#footer ul li a
{
	padding:		0 5px 0 5px;
	font-size:		11px;
	line-height:		22px;
	color:			#fff;
	text-decoration:	none;
}

#footer a:hover
{
	color:			#000;
}

#footer a:active
{
	color:			#000;
}

/* ::: Copyright ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#copyright
{
	padding:		5px 0 20px 0;
	font-size:		11px;
	color:			#333;
}


/* ::: Rest ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */



#content td
{
	font-size:		12px;
	line-height:		18px;
}

#content table
{
	margin: 		0px 0px 20px 0px;
}

.td-background
{
	background:		#F5F7FC;
}


.produktbox
{
	margin:			4px 0;
	padding:		5px;
	background:		#F5F7FC;
	border:			#BBC8EA 1px solid;
	border-width:		1px 0;
	width:			490px;
	font-size:		12px;
}

.produktbox img
{
	border:			0;
	height:			150px;
	padding:		0 5px;
	float:			left;
}

.produktbox strong
{
	color:			#FF0000;
}

.produktbox2
{
	margin:			4px 0;
	padding:		5px;
	background:		#F5F7FC;
	border:			#BBC8EA 1px solid;
	border-width:		1px 0;
	width:			495px;
	font-size:		12px;
}

.produktbox2 img
{
	border:			0;
	padding:		0 5px;
	float:			left;
}

.produktbox2 strong
{
	color:			#FF0000;
}




.clear
{
	clear:			left;
}

.ende 
{
	clear:			both;
}

#bildtext
{
	width:			574px;
	border:			#C8D2EE 4px solid;
}