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

body{
	background		: url(images/background.png) repeat-x;
	font-family		: Arial, Tahoma, Verdana, sans-serif;
}
#container{
	width			: 800px;
	margin-left		: auto;
	margin-right	: auto;
}
#top{
	background		: url(images/top.png) no-repeat;
	height			: 110px;	
}
#navLine{
	background		: url(images/navLine.jpg) no-repeat;
	height			: 204px;
}
ul#nav{
	list-style-type	: none;
	color			: #666;
	font-size		: 14px;
	font-weight		: bold;
	width			: 200px;
}
ul#nav li{
	border-bottom	: 1px solid #fff;
}
ul#nav li.last{
	border			: 0;
}
ul#nav a{
	display			: block;
	color			: #666;
	padding			: 6px 8px 5px 8px;
	text-decoration	: none;
}
ul#nav a:hover{

	background-color: #eee;
	color			: #f00;
}

.clearfix:after {
	content			: ".";
	display			: block;
	height			: 0;
	clear			: both;
	visibility		: hidden;
}
.clearfix {
	display			: block;
} 


#content{
	background		: url(images/content-background.png) repeat-y;
}
#col1{
	float			: left;
	width			: 550px;
	z-index			: 1;
}
#col1-content{
	font-size		: 0.8em;
	position		: relative;
	line-height		: 150%;
	margin			: 0em 2em;
	padding-top		: 1.4em;
	padding-bottom	: 1.4em;
	z-index			: 2;
}
#col2{
	width			: 250px;
	margin-left		: 550px;
	z-index			: 3;
}
#col2-content{
	position		: relative;
	margin-left		: 1em;
	margin-right	: 1em;
	padding-top		: 1.4em;
	z-index			: 4;
	font-size		: 0.8em;
}


#rand-links{
	background		: url(images/rand-links-bg.png) repeat-y;
	width			: 10px;
	float			: left;
}
#middle{
	width			: 800px;
	margin-left		: 10px;
}
#rand-links{
	background		: url(images/rand-links-bg.png) repeat-y;
}
#above-footer{
	clear			: both;
}
#footer{
	background-color: #eee;
	clear			: both;
	color			: #666;
	padding-top		: 30px;
	padding-bottom	: 30px;
	font-size		: 65%;
}
#footer-content{
	line-height		: 150%;	
	margin			: 0px auto;
	text-align		: left;
	width			: 700px;
}
#footer-content a{
	color			: #666;
	font-weight		: bold;
	text-decoration	: underline;
}
#footer-content a:hover{
	color			: #000;
}
#footer-content-right1{
	float			: right;
	margin-right	: 50px;
}
#footer-content-right2{
	float			: right;
}

h1{
	color			: #e31b22;
	font-size		: 1.6em;
	padding-bottom	: 0.8em;
}
h2{
	color			: #888;
	font-size		: 1.2em;
}

p{
	color			: #666;
	letter-spacing	: 0.05em;
}
hr{
	background-color: #999;
	height			: 1px;
	
	
}

.float-right{
	float			: right;
}
.float-left{
	float			: left;
}
.first-letter{
	color			: #e31b22;
}

ul.sidenav a:first-letter{
	color			: #e31b22;
}


.kontakt-box{
	width			: 230px;
}
.kontakt-box-left{
	float			: left;
}
.kontakt-box-right{
	margin-left		: 280px;
}
.kontakt-box table{
	border-left		: 3px solid #ccc;
	border-collapse	: collapse;
}
.kontakt-box td{
	padding			: 0.2em 0.8em;
}
.kontakt-box td.name{
	font-weight		: bold;
	font-size		: 1.3em;
}
.kontakt-box td.position{
	color			: #666;
	font-weight		: bold;
	font-size		: 1em;
}
.kontakt-box td.left{
	background-color: #eee;
	border			: 1px solid #fff;
	font-weight		: bold;
}


.cell-left{
	width			: 230px;
	float			: left;
}


.sidenav-top{
	color			: #e31b22;
	font-size		: 110%;
	font-weight		: bold;
}

ul.sidenav{	
	color			: #333;
	margin			: 0.5em 1em;

}
ul.sidenav li{
	margin-bottom	: 3px;
}
ul.sidenav a{
	color			: #333;
	text-decoration	: none;
	display			: block;
}
ul.sidenav a:hover{
	color			: #e31b22;
	text-decoration	: underline;
}


#socialbookmarkeu{
	margin-top		: 3em;
}



.teilbox,
.morebox{
	width			: 210px;
	padding			: 10px;
}
.teilbox h5,
.morebox h5{
	color			: #666;
	font-size		: 1.1em;
	font-weight		: bold;
}
.teilbox a,
.morebox a{
	color			: #333;
	display			: block;
	text-decoration	: none;
}
.teilbox a:hover,
.morebox a:hover{
	color			: #e31b22;
	text-decoration	: underline;
}


.morebox{
	border			: 1px solid #ddd;
}
.morebox a{
	text-align		: right;
}
.morebox a:first-letter{
	color			: #e31b22;
}


/**** SONSTIGES : Formulare ****/

td.formLeft,
td.formLeftDotted{
		font-weight		: normal;
		vertical-align	: top;
		width			: 200px;
}
td.formLeftDotted{
		border-bottom		: 1px dotted #aaa;
}
input.formContent,
textarea.formContent,
select.formContent{
		background		: #fafafa;
		border			: 1px solid #bbb;
		border-top		: 2px solid #bbb;
}
input.formContent,
textarea.formContent,
input.formErrorContent,
textarea.formErrorContent{
		width			: 300px;
}
input.formErrorContent,
textarea.formErrorContent,
select.formErrorContent{
		background		: #f5ebeb;
		border			: 1px solid #f33;
}
input.formContentCheck{
		background		: #f5f5f5;
		border			: 1px solid #bbb;
}
input.formErrorContentCheck{
		background		: #f5ebeb;
		border			: 1px solid #f33;
}
.btmDotted{
		border-bottom		: 1px dotted #aaa;
}
td.formSegment{
		background		: #ccc;
		font-size		: 120%;
		font-weight		: bold;
		text-align		: right;

}



a.cont, a.top{
		border-bottom	: 1px dotted #000;
		color			: #e31b22;
		font-weight		: bold;
		text-decoration	: none;
}
a.cont:hover, a.top:hover{
		color			: #555;
}



/***PAGE: JobShop***/
table.jobshop{
		line-height		: 11pt;
}
table.jobshop tr.top td{
		background		: #ccc;
		border-bottom		: 1px dotted #555;
		height			: 20px;
}
table.jobshop td.bb{
		border-bottom		: 1px dotted #555;
}

/***PAGE: Verwaltung***/
table.verwaltung{
		line-height		: 11pt;
}
table.verwaltung tr.top td{
		background		: #ccc;
		border-bottom		: 1px dotted #555;
		height			: 20px;
}
table.verwaltung td.bb{
		border-bottom		: 1px dotted #555;
		padding-left		: 4px;
		padding-right		: 4px;
}
table.verwaltung td.bbs1{
		background		: #fff4ab;
		border-bottom		: 1px dotted #555;
}

table.verwaltung td.bbs2{
		background		: #ffabab;
		border-bottom		: 1px dotted #555;
}