@charset "UTF-8";
/* CSS Document for mechakomp.eu */

/* Neutralisation aller Browser-Styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}


html { height: 100%; }
body { min-height: 100%; height: 100%; }

/* Layout */
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background: #c3c3c4 url(../_images/background.png) repeat-x;
	text-align: center;
	font-size: 14px;
}

#container { 
	width: 900px;
	position: relative;
	/*background: #FFF;*/
	margin: 10px auto;
	border: none;
	text-align: left;
	/*height: 100%;*/
}

#header {
	position:absolute;
	top:0;
	width: 100%;
	background: #FFF;
}

#logo {
	padding: 10px;
	background: url(../_images/logo.png) center no-repeat;
	height: 77px;
}

#headerimg {
	height: 220px;
	margin: 10px;
	background: url(../_images/header.jpg) center top no-repeat;
}

#language
 {
		position:absolute;
		top:104px;
		left:874px;
	}


#content {
	position: absolute;
	top: 350px;
	padding: 20px;
	width: 590px;
	background: #FFF;
	line-height: 1.5em;
	/*height: 100%;*/
	border-bottom: #c5c5c6 solid 10px;
	padding-right: 290px;
}
#content img
 {
		padding-right:15px;
	}


#sidebar {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 270px;
	background: #FFF;
	height: 100%;
	float: right;
}

#sidebar img
 {
		padding-right: 5px;
	}



/* Inhalt, Aussehen */

#content h1 {
	font-size: 24px;
	font-weight: bold;
	color: #3d7697;
	padding-bottom: 25px;
}

#content h2 {
	font-size: 16px;
	line-height:18px;
	font-weight: bold;
	color: #3d7697;
	padding-bottom: 15px;
	padding-top: 10px;
}

#content p {
	padding-bottom: 25px;
}

a
 {
		color:#3d7697;
		text-decoration:underline;
	}
	
a:hover
 {
		text-decoration:none;
	}	


.box {
	width: 250px;
	background: #e4e4e4;
	color: #3d7697;
	margin-top: 20px;
}

.boxhead {
	width: 210px;
	background: #7a7a7a	url(../_images/background-box-header.png);
	height: 25px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	font-weight: bold;
	color:#FFF;
}

.boxcontent {
	width: 210px;
	padding: 20px;
	overflow: hidden;
	font-size: 12px;
	line-height: 1.5em;
}

.boxcontent a, .boxcontent a:link {
	color: #3d7697;
	text-decoration: underline;
}

.boxcontent a:hover, .boxcontent a:active {
	color: #3d7697;
	text-decoration: none;
}

.boxcontent img {
	border: none;
	float: left;
	padding-right: 10px;
}

.boxcontent .nummer {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight:bold;
}

.boxcontent .kleiner {
	font-size: 11px;
	line-height: 12px;
}


/* Dynamische und statische Tabellen */

.tablecontent {
	width: 525px;
	background: #FFF;
	color: #000;
	border: 1px solid #e7e7e7;
	padding: 0;
	margin: 0;
}

.tablecontent tr td, .tablecontent th td {
	padding-left: 10px;
	text-align: left !important;
}

.tablediv {
	width: 525px;
	border: 1px solid #e7e7e7;
	padding: 0;
	margin: 0;
}

.tablecontent th {
	height: 40px;
	background: #3d7697;
	color: #FFF;
	border: none;
	padding-left: 10px;
	margin: 0;
	font-weight: bold;
}

.blanktr {
	background: #FFF;
}

/* Tabs */
.ui-tabs, #tabs { position: relative; padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
#tabs ul { width: 570px; }
#tabs ul .cat { background: url(../_images/background-navigation_aktiv.png); color:#FFF; height: 25px; padding: 5px; padding-bottom: 0; width: 90px; }
.ui-tabs .ui-tabs-nav li, #tabs li { list-style: none; float: left; position: relative; top: 1px; margin: 0; border-bottom: 0 !important; white-space: nowrap; background:url(../_images/background-navigation.png); height: 25px; padding: 5px; padding-bottom: 0; }
.ui-tabs .ui-tabs-nav li a, #tabs li a { float: left; text-decoration: none; color:#FFF;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; font-weight: bold; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; font-weight: bold; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.center
 {
		text-align:center;
	}

/* ++++++++++ FORMULAR-FORMATIERUNGEN ++++++++++ */
#kontaktform
 {
	 width:451px;
		margin:0;
		padding:0;
	}
		
#kontaktform fieldset 
 {
 }

#kontaktform input, #kontaktform select
 {
		height:22px;
		width:323px;
		font-size:14px;
		padding:1px;
		margin-bottom:15px;
		vertical-align:middle;
		color:#FFFFFF;
		background:#3d7697;
		border:0;
 }
	
#kontaktform select
 {
	 height:24px;
	} 
	
#kontaktform .input_aktiv
 {
	 background:#7a7a7a;
		color:#FFFFFF;
	}

#kontaktform label 
 {
	 display:block;
		float:left;
		width:125px;
		margin:3px 0;
		font-size:14px;
		line-height:14px;
	}
	
textarea
 {
	 width:448px;
		height:110px;
		font-size:14px;
	 font-family: Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		margin-top:20px;
		margin-bottom:5px;
		padding:1px;
		background:#3d7697;
		border:0;
	}		

#kontaktform p 
 {
		font-size:12px;
		line-height:14px;
 }
/* ++++++++++ ENDE FORMULAR-FORMATIERUNGEN ++++++++++ */