@charset "UTF-8";
/* ----------------------------
simple reset
source: http://www.maxdesign.com.au/articles/css-reset/
---------------------------- */
/* 2010-06-12 BG: CHG: dl, dd, dt dazugefuegt */
html, body, li, form, fieldset, legend, dl, dt, dd {
	margin: 0;
	padding: 0;
}
/* 2010-06-12 BG: CHG: ul und ol neu definiert */
ul, ol {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }

fieldset,img { border: 0; }

legend { color: #000; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

input, textarea, select {
	font-size: 110%;
	line-height: 1.1;
}

abbr, acronym {
	border-bottom: .1em dotted;
	cursor: help;
}

/* 2010-05-07 BG: ADD: Anpassungen an eigene Erfordernisse */
h1, h2, h3, h4, h5, h6, p { margin-bottom: 0; }
#container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

#top, #page, #header, #nav, #content {
	display: inline;
	float: left;
	width: 960px;
}

#meta,
#logo, #news_latest,
.claim, .competence,
#content_main, #content_aside,
.mailform .label, .mailform .textarea, .mailform .input,
#footer { /* grid_* */
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/* grid_12 */
#meta,
.claim,
#content_main,
#footer {				width: 940px; } 
/* grid_9 */
.aside #content_main {	width: 700px; }
/* grid_6 */
.mailform .textarea,
.mailform .input {		width: 460px; }
/* grid_5 */
#news_latest{			width: 380px; }
/* grid_4 */
.competence {			width: 300px; }
/* grid_3 */
#logo,
.mailform .label,
.aside #content_aside {	width: 220px; }


/* push_4 */
#news_latest {			position: relative;
						left: 320px; }

/* alpha */
.mailform .label {		margin-left: 0; }

/* omega */
.mailform .textarea,
.mailform .input {		margin-right: 0; }

#content_aside { display: none; }
.aside #content_aside { display: inline; }
/*
 * Layout-Definition height
 */
#meta {
	height: 3.333em;                            /* 40 / 12 */
}
#top {
	height: 5em;                                /* 60 / 12 */
	padding: 1.667em 0;                         /* 20 / 12 */
}
#header {
	height: 14.917em;                           /*179 / 12 */
	height: 13.25em;                            /*159 / 12 2010-08-11 BG: CHG: #189 new header  */
	padding-top: 1.667em;                       /* 20 / 12 */
	border-bottom: 0.083em solid #b1001d;       /*  1 / 12 */
}
#nav {
	height: 6.667em;                            /* 80 / 12 */
}

/*
 * Layout-Definition Details
 */
	#nav_meta {
		text-align: right;
		font-size: 0.833em;                     /* 10 / 12 */
		margin-top: 1em;                        /* 10 / 10 */
	}

#page {
	border: 1px solid #ddd;
	background-color: #fff;
	margin: -1px;
}

	#top {
		background: url(../images/top.gif) repeat-x left bottom;
	}
		#logo {
			padding-top: 13px;
		}
	
	#header {
		background: url(../images/header.gif) no-repeat right top #9d0018 ;
		
	}
	
	
	#nav_main {
		width: 940px;
		padding: 0 10px;
		height: 3.167em;                            /* 38 / 12 */
		border-top: 0.083em solid #6a000e;          /*  1 / 12 */
		border-bottom: 0.083em solid #5c000e;       /*  1 / 12 */
		background: url(../images/nav_main.gif) repeat-x left top #970018;
		color: #fff;
		float:left;
		clear: both;
	}
	#nav_sub {
		clear: both;
		padding: 0 10px;
	}
	
	#content {
		padding-bottom: 1.667em;                    /* 20 / 12 */
	}
	
		#content_aside {
			background: url(../images/content_aside_top.gif) no-repeat left top #f5f5f5;
			padding-top: 1.667em;                   /* 20 / 12 */
		}
		
			#content_aside .inner {
				background: url(../images/content_aside.gif) repeat-y left top;
				padding: 0 20px 1.583em 20px;       /* 19 / 12 */
				border-bottom: 0.083em solid #dedede;/* 1 / 12 */
			}
	
#footer {
	font-size: 0.917em;                         /* 11 / 12 */
	padding: 1.818em 10px;                      /* 20 / 11 */
	background: url(../images/footer.gif) repeat-x left top #666;
	color: #bbb;
	margin: 0;
	text-align: center;
}
	#footer a {
		color: #bbb;
	}
		#footer a:hover {
			color: #9d0018;
		}
.gallery ul, ul.gallery {
	margin-left: 0;
	margin-right: -20px;
	padding-left: 0;
}

	.gallery li {
		display: inline;
		position: relative;
		float: left;
		list-style: none;
		margin-left: 0;
		margin-bottom: 1.667em;         /* 20 / 12 */
		margin-right: 20px;
	}

		.csc-textpic-border .image a,
		.csc-textpic-border a.image {
			border: 1px solid #333;
			border-top-width: 0.083em;  /*  1 / 12 */
			border-bottom-width: 0.083em;/* 1 / 12 */
			padding: 9px 0.75em;        /*  9 / 12 */
			display: block;
			background-color: #fff;
		}
		.csc-textpic-border .image img {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		.csc-textpic-border .image a:hover,
		.csc-textpic-border a.image:hover,
		.csc-textpic-border .current a {
			border-color: #9d0018;
		}
		.csc-textpic-border .image a:hover,
		.csc-textpic-border a.image:hover {
			background-color: #f0d9dd;
		}
		.csc-textpic-firstcol {
			clear: left;
		}
		.csc-textpic-lastcol {
			margin-right: 0;
		}
		
		.gallery .caption {
			font-size: 0.917em;         /* 11 / 12 */			
		}
		#footer .gallery {
			margin-left: auto;
			margin-right: auto;
			float: none;
			width: 700px;
		}
		#footer .image {
			width: 60px !important;
		}
		#footer .image a,
		.small.gallery a.image {
			padding: 4px 0.364em;       /*  4 / 11 */
		}
		
		#footer .gallery .caption {
			font-size: 0.909em;         /* 10 / 11 */			
			position: absolute;
			bottom: 0;
			background-color: #444;
			opacity: 0.8;
			width: 100%;
			text-align: center;
			visibility: hidden;
		}
		#footer .gallery li:hover .caption {
			visibility: visible;
		}
		#footer .gallery .csc-textpic-lastcol {
			margin-right: 0;
		}
		

		
.nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav li {
	display: inline;
	padding-right: 0.5em;
}

#nav_meta {}

	#nav_meta li {
		padding: 0 0 0 1.5em;	
	}
		#nav_meta img {
			padding-right: 0.5em;
			position: relative;
			top: 2px;
		}

#nav_main {}

	#nav_main a {
		display:block;
		float:left;
		font-size: 1.167em;                 /* 14 / 12 */
		padding: 0.714em 0.8em;             /* 10 / 14 */
		margin-right: 0px;
		color: #fff;
		text-transform: uppercase;
	}
	
		#nav_main .active a,
		#nav_main .current a,
		 #nav_main a:hover {
			background: url(../images/nav_main_active.gif) no-repeat top right #fff;
		 	color: #444;
			text-decoration: none;
		}

#nav_sub {
	font-size: 1.167em;                 /* 14 / 12 */
	padding-top: 0.714em;               /* 10 / 14 */
	padding-bottom: 0.714em;            /* 10 / 14 */
}
	#nav_sub a {
		color: #666;
		text-transform: uppercase;
	}
		#nav_sub .active a,
		#nav_sub .current a,
		#nav_sub a:hover {
			color: #9d0018;
		}

.tabs {
	margin-bottom: 1.667em;             /* 20 / 12 */
}

	.tabs .tab_header {
		margin-top: 5em;                /* 60 / 12 */
		position:relative;
	}
		.tabs .nav {
			bottom: -1px;
			margin-bottom: 0 !important;
			margin-right: -20px;
			position:absolute;
			text-align: center;
		}
			.tabs .nav li {
				display: block;
				float: left;
				padding: 0;
			}
			.tabs .nav h3 { top: 0; } /* undo baseline adjustment */
			.tabs .nav a {
				padding: 0.714em 0;     /* 10 / 14 */
				border-left: 1px solid #fff;
				color: #444;
				display: block;
				margin-right: 20px;
			}
				.tabs .nav a:focus {
					outline: none;
				}
			.two.tabs .nav a {
				width: 339px;
			}
			.three.tabs .nav a {
				width: 219px;
			}
			.four.tabs .nav a {
				width: 159px;
			}
				.tabs .nav .current a,
				.tabs .nav a:hover {
					background: url(../images/tab_white.gif) no-repeat right top #fff;
					border-left-color: #dedede;
					text-decoration: none;
				}
	
	.tabs .tab_content {
		border: 1px solid #dedede;
		margin: -1px 0;
		padding: 1.667em 19px 0;        /* 20 / 12 */
		
	}
		.tabs .tab_content .tab.hidden {
			display: none;
		}
		.tabs .tab_content .tab {
			display: block;
		}
		
#nav_sitemap {
	text-align: left;
	float: left;
	width: 100%;
	margin-top: 1.818em;                /* 20 / 11 */
}
	#nav_sitemap li {
		float: left;
		clear: left;
		font-weight: bold;
		text-transform: uppercase;
	}

	#nav_sitemap .active {
		font-weight: bold;
	}
	#nav_sitemap a {
		float: left;
		padding-right: 1em;
		width: 140px;
		margin-top: -0.091em;
	}
	
		#nav_sitemap ul {
			float: left;
		}
		#nav_sitemap li li {
				float: left;
				clear: none;
				font-weight: normal;
				text-transform:none;
		}
		
		#nav_sitemap li li a {
			float: none;
		}
			#nav_sitemap ul ul {
					display: none;
			}body
{
	font-size: 62.5%;
	line-height: 2em;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #eee;
	color: #444;
}

#container {
	font-size: 1.2em;
}
h1, h2, h3, h4, h5, h6, p {
	position: relative;
}

h1 {
	font-size: 2em;                     /* 24 / 12 */
	line-height: 1.667em;               /* 40 / 24 */
	margin-bottom: 0.833em;             /* 20 / 24 */
	top: 0.208em;                       /*  5 / 24 */
	font-weight: bold;
}

h2 {
	font-size: 1.5em;                   /* 18 / 12 */
	margin-bottom: 1.111em;             /* 20 / 18 */
	top: -0.111em;                      /* -2 / 18 */
	font-weight: bold;
}

h3 {
	font-size: 1.167em;                 /* 14 / 12 */
	top: -0.071em;                      /* -1 / 14 */
	font-weight: bold;
}

h4 {
	font-size: 1em;                     /* 12 / 12 */
	font-weight: bold;
}
h5 {
	font-size: 1em;                     /* 12 / 12 */
	font-style: italic;
	font-weight: normal;
}
h6 {
	font-size: 1em;                     /* 12 / 12 */
	font-weight: normal;
}
p, #content ul {
	margin-bottom: 1.667em;             /* 20 / 12 */
}

strong { font-weight: bold; }

em { font-style: italic; }

a {
	text-decoration: none;
	color: #9d0018;
}

a:hover {
	text-decoration: underline;
}
#news_latest {
	font-size: 0.833em;                 /* 10 / 12 */
}
	#news_latest p {
		top: 0.2em;                     /*  2 / 10 */
		text-align: right;
	}

#header {
	text-align: center;
}
	#header h1 {
		/*font-weight: normal; 2010-08-11 BG: CHG: #189: new header */
	}

	#header, #header a { color: #fff; }
	#header p a { color: #c08080; }
	#header .competence:hover a { color: #fff; }
	
	#header a { display: block; }
	#header a:hover { text-decoration: none; }

.twitter {
	margin-top: 1.667em;                /* 20 / 12 */
	max-height: 55em;                   /*660 / 12 */
	margin-right: -10px;
	overflow: auto;
	padding-right: 10px;
}
	.twitter dt {
		font-size: 0.917em;             /* 11 / 12 */
	}
	.twitter dd {
		margin-bottom: 1.667em;         /* 20 / 12 */ 
	}

.csc-menu {
	margin-bottom: 1.667em;             /* 20 / 12 */
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.accessibility_hint {
position:absolute;
    top:-1000em;
    left:-1000em;
    width:0;
    height: 0;
    overflow:hidden;
    display:inline;
}
/* ------------- Mailform --------------------- */

input, textarea {
	font-size: 1em;                     /* 12 / 12 */
	line-height: 1.667em;               /* 20 / 12 */
	color: #444;
	font-family: Verdana, Geneva, sans-serif;
}

.field {
	margin-bottom: 1.667em;             /* 20 / 12 */
}
.field-check {
	margin-bottom: 0;
}

.input,
.password,
.textarea {
	border: 0.083em solid #dedede;      /*  1 / 12 */
	padding: 0.167em 9px;               /*  2 / 12 */
	background-color: #f5f5f5;
	border-left-width: 1px;
	border-right-width: 1px;
	margin: 0;
}


.submit {
/*	border: 0.083em solid #ccc;         /*  1 / 12 */
	border-width: 0.083em;
	padding: 0 0.833em;                 /* 10 / 12 */
	height: 1.667em;                    /* 20 / 12 */
	background-color: #9d0018;
/*	border-left-color: #f5f5f5;
	border-top-color: #f5f5f5;*/
	border-left-width: 1px;
	border-right-width: 1px;
	color: #fff;
	font-weight: bold;
}

.input:focus,
.password:focus,
.textarea:focus {
	background-color: #fff;
	border-color: #9d0018;	
	border-left-width: 7px;
	padding-left: 3px;
}

.mailform .required em {
	color: #9d0018;
	font-weight: bold;
}
.mailform .field {
	display: inline;
	float: left;
	width: 100%;
}
.mailform .textarea,
.mailform .input {		width: 440px; }
#page {
	-moz-box-shadow: 0 0 20px #ddd;
	-webkit-box-shadow: 0 0 20px #ddd;
	box-shadow: 0 0 20px #ddd;
}
#header {
	text-shadow: 0 1px #720011;
}
#header .competence,
#header .competence a {
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#header .competence:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

#footer .gallery li {
	-moz-box-shadow: 3px 4px 5px #444;
	-webkit-box-shadow: 3px 4px 5px #444;
	-o-box-shadow: 4px 5px 5px #444;
	box-shadow: 3px 4px 5px #444;
}	
#footer .gallery li:hover {
	-moz-box-shadow: 4px 5px 5px #5a474a;
	-webkit-box-shadow: 4px 5px 5px #5a474a;
	-o-box-shadow: 4px 5px 5px #5a474a;
	box-shadow: 4px 5px 5px #5a474a;
}
.csc-textpic-border.gallery li,
.csc-textpic-border .gallery li {
	-moz-box-shadow: 2px 2px 4px #999;
	-webkit-box-shadow: 2px 2px 4px #999;
	-o-box-shadow: 4px 5px 5px #999;
	box-shadow: 3px 4px 5px #999;
}

.csc-textpic-border.gallery li:hover,
.csc-textpic-border.gallery li.current,
.csc-textpic-border .gallery li:hover,
.csc-textpic-border .gallery li.current {
	-moz-box-shadow: 2px 2px 4px #c0999d;
	-webkit-box-shadow: 4px 5px 5px #d0a9ad;
	-o-box-shadow: 4px 5px 5px #f0d9dd;
	box-shadow: 4px 5px 5px #f0d9dd;
}	
#footer .gallery li,
.zoom li {
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#footer .gallery li:hover,
.zoom li:hover {
	-moz-transform: scale(1.1) rotate(2deg);
	-webkit-transform: scale(1.1) rotate(2deg);
	-o-transform: scale(1.1) rotate(2deg);
	transform: scale(1.1) rotate(2deg);
}