@charset 'utf-8';
@import url(reset.css);
@import url(lightbox.css);




/* ----------------------------------------------------- JS enabled browsers */

.js div { }

/* ----------------------------------------------------- IE7 and below */

.ie7 div { }

/* ----------------------------------------------------- IE6 and below */

.ie6 div { }




/* ----------------------------------------------------- All browsers */


/*	created 04/2010 */

/*	COLORS */




/*	STRUKTUR */

/*	1. GLOBAL */
/*	2. LAYOUT */
/*	3. NAVIGATION */
/*	4. CONTENT */
/*	5. HEADER & FOOTER */

/*	6. OTHER */




/* ----------------------------------------------------- 1. GLOBAL */

*, html {
	padding: 0;
	margin: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #666;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 140%;
	padding-left: 0px;
}
	
h1 {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #333;
	padding: 20px 0 0 10px;
}
	
h2 {
	color: #555;
	font-size: 18px;
}
	
h3 {
	color: #555;
	font-size: 16px;
}

p {
	
}

img {
	border: 0px;
}

a {
	text-decoration: none;
}

b, strong {
	font-weight: bold;
}

i, em {
	font-weight: italic;
}

span {
	color: #fff;
}




/* ----------------------------------------------------- 2. LAYOUT */

#container {
	width: 994px;
	height: auto;
	margin: 0 auto;
	position: relative;
}

#header{
	width: 994px;
	height: 412px;
	position: relative;
	background: url(../img/bg_header.png) no-repeat;
	z-index: 100;
}

#content{
	width: 934px;
	min-height: 400px;
	margin: -30px 0 0 0;
	background: url(../img/bg_content.png) repeat-y;
	padding: 30px 30px 30px 30px;
	position: absolute;
}

#nav {
	width: 964px;
	height: 170px;
	position: absolute;
	left: -10px;
	bottom: 0;
	padding: 10px 0 0 0;
}




/* ----------------------------------------------------- 3. NAVIGATION */

#nav ul {
	font-size: 14px;
	line-height: 120%;
	color: #ccc;
	font-variant: small-caps;
}

#nav li {
	float: left;
	width: 160px;
	margin: 0 0 0 20px;
}

#nav a {
	display: block;
	color: #fff;
}

#nav ul li a {
	background: url(../img/block.png) 15px 3px no-repeat;
	padding: 0 0 0 30px;
}

#nav ul li a.active {
	font-weight: bold;
	color: #999;
	padding: 0 0 0 30px;
	background: url(../img/block.png) 15px 3px no-repeat;
}

#nav li a:hover,
#nav ul li a:hover {
	color: #999;
}

#nav ul li ul li {
	padding: 0 0 0 40px;
	margin: 0 0 0 0;
	font-size: 12px;
	clear: both;
}

#nav ul li ul li a {
	background: none;
	padding: 0 0 0 0;
}

#nav ul li ul li a.active {
	font-weight: bold;
	color: #999;
	padding: 0 0 0 5px;
	background: none;
}




/* ----------------------------------------------------- 4. CONTENT */

#content a {
	color: #099;
	font-size: 12px;
}

alt, title {
	color: #000;
}

.col1 {
	width: 495px;
	height: auto;
	float: left;
	padding: 30px 15px 0 30px;
}

.col1 h2,
.col1 h3 {
	margin: 0 0 10px 0;
}

.col1 .sortable {
	width: 100%;
	height: auto;
	border: 1px solid #999;
	padding: 2px 2px;
	margin: 0 0 20px 0;
}
.col1 .sortable caption {
	color: #555;
	font-size: 16px;
	margin: 0 0 5px 0;
}
.col1 .sortable thead tr th {
	font-style: italic;
	background: #444;
	color: #fff;
}
.col1 .sortable th,
.col1 .sortable tr {
	padding: 4px;
}
.col1 .sortable tbody tr,
.col1 .sortable tbody td {
	padding: 2px;
	border-bottom: 1px solid #777;
}

.col2 {
	width: 379px;
	height: auto;
	float: left;
	padding: 30px 0 0 15px;
}

.col2 img {
/*	border: 1px solid #000;*/
}

.highlight {
	color: #c33;
}




/* ----------------------------------------------------- 5. HEADER & FOOTER */

/*	-- HEADER JETZT KOMPLETT ALS EIN BILD EINGEBUNDEN --
.header {
	position: relative;
	padding-left: 100px;
}

.slogan {
	vertical-align: top;
	padding-top: 90px;
}

.logo {
	vertical-align: top;
	padding-top: 30px;
}
*/




/* ----------------------------------------------------- 6. OTHER */

.borderleft {
	border-left-color: #555;
}