*{margin:0;padding:0;border:0;}

html{
	background: 	white url('../_medien/bg.png') 0px 165px repeat-x;	
	width:			100%;
	height:			100%;
}

body{
	position:		relative;
	font:			normal .75em arial, sans-serif;
	color:			#263F3F;
	background:		transparent	url('../_medien/bg_top.gif') top repeat-x;		
	height:			100%;
	min-width:		953px;
}

h1 a, div.logo a {
	position:		relative;
	display:		block;
	width:			170px;
	height:			50px;
	text-indent:	-9999em;
	background:		#f80000 url('../_medien/signet.png') top left no-repeat;
	margin-top:		73px;
	margin-left:	46px;
}

h2{
	color:			#f80000;
	font-weight:	normal;
	text-align:		right;
	padding:		.5em 1.1em 0 1em;
	font-size:		1.3em;
	clear:			right;
}

h2.noimg{
	position:		relative;
	clear:			none;
	font-size:		1.6em;
	padding:		2.5em 1.5em 0 .8em;
}

h2 em{
	display:		block;
	padding-top:	.3em;
	font-size:		.8em;
	font-style:		normal;
}

h3{
	font-size:		1em;
}

p{
	padding-bottom:	1em;
}

a{
	color:				#f80000;
	text-decoration:	none;
}

a:hover{
	text-decoration:	underline;
}

#wrapper{
	position:			relative;
	background:			transparent url('../_medien/fuss_bg.png') 246px bottom no-repeat;
	min-height:			100%; 
	/* \*/
	height:				100%;
	/* */	
}

#wrapp\65	r{
	height:	auto;
}

/* \*/
* html #wrapper{
	height:	100%;
}
/* */

.clear{
	clear:			both;
	height:			1px;
	line-height:	1%;
	font-size:		0px;
	margin-bottom:	-1px;
	overflow:		hidden;  
}
* html .clear{height:auto;margin-bottom:0}

/**
 * Kopf
 */
#kopf{
	height:			164px;
	position:		absolute;
	left:			0px;
	top:			0px;
	border-bottom:	1px solid white;
	background:		transparent url('../_medien/kopf.png') 246px 0px no-repeat;
}

#signet{
	float:			left;
	height:			164px;
	width: 			246px;
	border-right:	1px solid white;
	background: 	#f80000;
}

/**
 * Marginal
 */
#marginal{
	width:			246px;
	float:			left;
	min-height:		500px;
	overflow:		hidden;
	/*border-right:	1px solid white;*/
}

img.imghead{
	padding-top:	1.7em;
	float:			right;
	padding-right:	1.5em;
}

/**
 * Inhalt
 */
div.intro{
	overflow:		hidden;
	line-height:	160%;
	border-bottom: 	1px solid white;
	border-left:	1px solid white;
}

div.nointro{
	border-bottom:	none;
}

div.intro div.con{
	background:		transparent url('../_medien/intro_bg.png') left top no-repeat;
	margin-top:		165px;
	width:			685px;
	font-size:		1.17em;
	padding:		65px 0 20px 20px;
}

div.nointro div.con{
	padding:		65px 0 0 20px;
}

div#container{
	position:		relative;
	width:			685px;
	padding:		20px 0px 4em 20px;
	/*margin-left:	246px;*/
	/*overflow:		hidden;*/
	float: 			left;
	border-left:	1px solid white;
	line-height:	1.5em;
}

#mozillafix.galerie{
	height:			380px;
}

#mozillafix.galerie #container{
	position:		absolute;
	left:			246px;
	float:			none;
	clear:			both;
}

#mozillafix{
	overflow: hidden;
}

div#brochure{
	margin-top:		1em;
	font-size:		.9em;
	width:			185px;
	height:			150px;
	padding:		15px 5px 0 165px;
	overflow:		hidden;
	background:		white url('../_medien/brochure.jpg') left top no-repeat;
}

div#brochure h3{
	color:			#f80000;
	line-height:	130%;
	padding-bottom:	.6em;
}

div#brochure p{
	line-height:		130%;
}

div#brochure .links span{
	padding-left:		1.5em;
}

div.hr{
	background-color: 		red;
	height: 				10px;
	line-height:			1%;
	font-size:				0px;
	overflow:				hidden;
}
hr{ display: none; }

/**
 * Navigationen
 */
.navi{
	float:				left;
	list-style-type:	none;
	text-transform:		uppercase;
	font-size:			.9em;
}

.navi li{
	float:				left;
	overflow:			hidden;
}

.navi li a{
	position:			relative;
	color:				white;
	width:				115px;
	display:			block;
	padding-left:		10px;
	text-decoration:	none;
	height:				164px;
	overflow:			hidden;
	line-height:		22em;
	line-height:		24em; /* wegen Verkleinerung */
	background:			transparent url('../_medien/navi/nav_bg.gif') 0px 0px no-repeat;
}

.navi li a:hover{
	color:				#f80000;
	background-position:-125px 0px;
	text-decoration:	none;
}

.navi li.current{
	position:			relative;
	margin-left:		-1px;
}

.navi li.current a{
	padding-left:		11px;
	width:				115px;	
	background-color:	white;
	background-position:left top;
	color:				#f80000;
}
.navi li.current a:hover{ background-position:0px 0px; }
.navi li.current a.btnprofil,
.navi li.current a.btnprofile{ background-image: url('../_medien/navi/btn_profil.png'); }
.navi li.current a.btnteam{ background-image: url('../_medien/navi/btn_team.png'); }
.navi li.current a.btnleistungen,
.navi li.current a.btnservice{ background-image: url('../_medien/navi/btn_leistungen.png'); }
.navi li.current a.btnideenreichtum,
.navi li.current a.btnreferences{ background-image: url('../_medien/navi/btn_ideenreichtum.png'); }






#service.navi li.current a{
	background-position:-89px 0px;
	background-color:	transparent;
}

#service.navi li.btnlang a{
	width:				48px;
	line-height:		24.5em;
	line-height:		26.9em; /* wegen Verkleinerung */
	line-height:		262px;
	font-size:			.9em;
	text-transform:		none;
	background-image:	url('../_medien/navi/lnav_bg.gif');	
}
#service.navi li.btnlang a:hover{ background-position:-58px 0px; }

.subnavi li a{
	position:			relative;
	color:				#263F3F;
	display:			block;
	text-decoration:	none;
	border-left:		38px solid #80A1B3;	
	padding-left:		.5em;
}

.subnavi li a:hover,
.subnavi li.current a{
	border-color:		#f80000;
	text-decoration:	none;
}

.subnavi li{
	position:			relative;
	line-height:		8px;
	font-size:			.9em;
	padding-bottom:		10px;
}

#service li a{
	width:				79px;
	background-image:	url('../_medien/navi/snav_bg.gif');
}
#service li a:hover{ background-position:-89px 0px; }

#meta{
	width:				264px;
	position:			absolute;
	top:				15px;
	left:				0px;
}

#meta li a{
	color:				white;
	border-color:		#DCE6F5;
}

#meta li a:hover{
	border-color:		white;
}

#subnavigation{
	background: 		white url('../_medien/bg.png') 0px 165px repeat-x;	
	padding-top:		200px;
}

#galerienavigation{
	padding:			.6em 1.8em 0 0;
	list-style-type:	none;
	text-align:			right;
	font-weight:		bold;
	font-size:			1.1em;
}

#galerienavigation li a{
	color:				#80A1B3;
	display:			block;
	background: 		transparent url('../_medien/pfeil_blau.gif') right 9px no-repeat;
	padding:			.4em 1em;
	height:				1%;
}

#galerienavigation li.current a{
	color:				#f80000;
	background-image:	url('../_medien/pfeil_rot.gif');
}

#container ul.simple,
div.intro div.con ul.simple{
	margin-left:		1.3em;
}

/**
 * Fuss
 */
address{
	font-style:			normal;
	font-size:			.9em;
	line-height:		1.4em;
}

body.folgeseite address{
	clear:				both;
	position:			absolute;
	bottom:				10px;
	left:				246px;
	line-height:		1.7em;
	padding-left:		.2em;
}
	
/**
 * Klassen
 */
#container div.right{
	float:					right;
}

#container div.left{
	float:					left;
}

/**
 * Listen
 */
.lrechts{
	margin-left:		30px;
	float:				right;	
	display:			inline;
}

.llinks{
	margin-right:		30px;
	float:				left;
	display:			inline;
}

.refliste{
	width:				290px;
	line-height:		1.4em;
}

.refliste img{
	float:				left;
	position:			relative;
}

.refliste h3,
.refliste p{
	padding-left:		92px;
}

.refliste h3{
	padding-bottom:		.4em;
}

.refliste p{
	font-size:			.9em;
	padding-bottom:		0;
line-height: 1.4em;
}

.refliste div{
	background:			transparent url('../_medien/refliste_deli.gif') left bottom no-repeat;
	padding-bottom:		1em;
	margin-bottom:		1.5em;
}

.refliste div:after,
.listeleistung div:after{
	clear: 					both; 
	visibility: 			hidden; 
	display: 				block; 
	font-size: 				0; 
	height: 				0; 
	overflow:				hidden; 
	content: 				".";
}

.listeleistung{
	overflow:				hidden;
	line-height:			1.4em;
}

.listeleistung h2{
	position:				absolute;
	font-size:				1.6em;
	left:					20px;
	text-align:				left;
	padding:				0;
}

.listeleistung h2 em{
	color:					#666;
}

.listeleistung h2 a em{
	text-decoration:		none;
}

.listeleistung h3,
.listeleistung div.ref p{
	padding-left:		92px;
}

.listeleistung div.ref p{
	font-size:			.9em;
	padding-bottom:		0;
}

.listeleistung img{
	float:				left;
	position:			relative;
}

.listeleistung div{
	background:			transparent url('../_medien/leistung_deli.gif') left bottom no-repeat;
	margin-bottom:		1.8em;
}

.listeleistung .ref{
	float:				right;
	width:				295px;
	background:			none;
}

.ideen div h2{
	font-size:				1.6em;
	color:					#666;
	width:					270px;	
	padding-bottom:			1em;
}

.ideen p.desc{
	float:					left;
	padding-top:			2.2em;
	width:					290px;
}

.ideen .ref{
	width:					377px;
}

.ideen .ref img{
	margin-right:			4px;
}

.ideen .ref .links{
	float:					right;
	width:					190px;
}

.ideen .ref .links li{
	padding-bottom:			.8em;
	font-weight:			bold;
	line-height:			1.2em;
}

.ideen .ref .links li a{
	display:				block;
}

.thumbnails{
	list-style-type:		none;
	float:					right;
	width:					193px;
}

.thumbnails{
	float:					none;
	width:					auto;
position:absolute;
top:20px;
left:485px;
}

.thumbnails li{
	float:					left;
	display:				block;
	width:					91px;
	height:					91px;
	overflow:				hidden;
	margin-right:			10px;
	margin-bottom:			12px;
}
.thumbnails li.nb{margin-right:0;}

.thumbnails li.nb2{clear:both;}

.thumbnails li a{
	display:				block;
	padding-bottom:			9px;
}



#grossbild{
	width:					445px;
}

#grossbild img{
	float:					left;
	margin-right:			1.5em;
	margin-bottom:			1em;
}

#grossbild p{
	color:					#666;
	font-size:				.9em;
}

a.special{
	padding-left:			1.5em;
	background:				transparent url('../_medien/pfeil.png') left center no-repeat;
}

ul.links{
	list-style-type:		none;
}

ul.links a{
	padding-left:			1.5em;
	background:				transparent url('../_medien/pfeil.png') left 2px no-repeat;
}

/* -----------------------------------------------------------------------------------------
   Formulare (übernommen)
----------------------------------------------------------------------------------------- */

body form label {
   display:			block;
   font-weight:		bold;
   padding-top:		10px;
}

body  .check_form label {
   display:			block;
   font-weight:		bold;
}

body  .check_form ul, #content .check_form ul li {
   margin-left:	20px;
}

body .check_form ul {
   margin-top:	10px;
}

body form textarea {
   width: 		515px;
   font:		normal 1em arial, sans-serif;
}

body form input.text {
   	font:			normal 1em arial, sans-serif;
   	width:			243px;
	height:			18px;
   	line-height:	18px;
}

body form legend {

}

body form h3, #content .check_form h3 {
   margin-bottom:0;
   padding-bottom:0;
}

body form input.text, body form textarea, body code, body form select,
body input.btn,
body form #code {
   border: 1px solid #80a1b3;
}

body input.btn{
	font-size:		1.1em;
	padding:		.3em;
	background:		white;
	color:			#80a1b3;
	font-size:		1em;
	font-weight:	bold;
}