/* CSS Stylesheet */

@font-face {
    font-family: 'DejaVu Sans';
    src: url(../font/dejavu-sans/dejavusans-webfont.eot);
    src: url(../font/dejavu-sans/dejavusans-webfont.eot#iefix) format('embedded-opentype'),
         url(../font/dejavu-sans/dejavusans-webfont.woff) format('woff'),
         url(../font/dejavu-sans/dejavusans-webfont.ttf) format('truetype'),
         url(../font/dejavu-sans/dejavusans-webfont.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin:0px;
	padding:0px;
	height: 100%;
	background-color: #F4F4F4;
	}
div, table, tr, td, form, input  {
	margin:0px;
	padding:0px;
	font-family: "DejaVu Sans", sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #333;
	}
a {
	margin:0px;
	padding:0px;
	font-family: "DejaVu Sans", sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #333;
}

a:hover {
	margin:0px;
	padding:0px;
	font-family: "DejaVu Sans", sans-serif;
	font-size: 16px;
	text-decoration: underline;
	color: #333;
}

.col0{
	color:#CCCCCC;
	background-color:#F4F4F4;
	height: 50px;
}
	
.col1{
	color:#CCCCCC;
	background-color:#F4F4F4;
	height: 200px;
}
.col2 {
	color:#abb5ba;
	background-color:#F00;
	height: 900px;
}

.col3 {
	color:#D85324;
	background-color:#00F;
	height: 200px;
}
.col4 {
	height: 232px;
	background-color: #F4F4F4;
}
.col5 {
	color:#abb5ba;
	background-color:#FFF;
	height: 1025px;
}
.col6 {
	color:#abb5ba;
	background-color:#554a58;
	height: 1200px;
}
	
/* --------------- Wrapper --------------- */

.wrapper0 {
	width: 900px;
	overflow: visible;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clip: rect(auto,auto,auto,auto);
	padding-top: 30px;
	}
	
.wrapper {
	padding:0px;
	width:900px;
	overflow:visible;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}

.warpper-top {
	margin:0px;
	padding:0px;
	width:900px;
	float:left;
	}

.warpper-mid {
	margin:0px;
	padding:0px 0px 0px 0px;
	width:900px;
	float:left;
	background-color: #FFF;
	}
	
.warpper-bot {
	margin:0px;
	width:900px;
	float:left;
	background-color: #bfcacf;
	background-image: none;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	border-top-color: #CCC;
	border-top-style: solid;
	border-top-width: 1px;
	height: 150px;
	}
	
/* --------------- Banner --------------- */

.top-logo {
	margin:0px;
	padding:0px;
	height:200px;
	width:900px;
	float:left;
	background-color: #FFF;
	border-right-color: #CCC;
	border-left-color: #CCC;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
}

.banner-area {
	margin:0px;
	padding:0px;
	background-color:#FFF;
	width:900px;
	height:282px;
	float:left;
	border-right-color: #CCC;
	border-left-color: #CCC;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	}
.banner-area_small {
	margin:0px;
	padding:0px;
	background-color:#FFF;
	width:900px;
	height:50px;
	float:left;
	border-right-color: #CCC;
	border-left-color: #CCC;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
}


	
.banner-bg {
	margin:0px;
	padding:0px;
	width:900px;
	float:left;
	height:255px;
	}
	
.banner-txt {
	margin:0px;
	padding:0px;
	width:885px;
	float:left;
	height:249px;
	}
	
.banner-txt-left {
	margin:0px;
	padding:0px;
	width:603px;
	float:left;
	}
	
.banner-txt-right {
	margin:0px;
	padding:0px;
	width:282px;
	float:left;
	}

/* --------------- Navigation --------------- */

.select-lang-area {
	margin: 0px;
	padding: 0px;
	width: 900px;
	height: 32px;
	float: left;
	border-top-style: none;
	border-top-color: #554a58;
	background-color: abb5ba;
	border-right-color: #CCC;
	border-left-color: #CCC;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-align: right;
	}

.nav-area {
	margin:0px;
	padding:0px;
	width:900px;
	height:32px;
	float:left;
	border-top-style: none;
	border-top-color: #554a58;
	background-color: abb5ba;
	border-right-color: #CCC;
	border-left-color: #CCC;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	}
	
ul.navigation {
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	background-image: none;
	color: #333333;
	text-align: center;
	}
	
ul.navigation li {
	font-family:"DejaVu Sans", sans-serif;
	font-size:15px;
	text-decoration:none;
	color:#333333;
	line-height:32px;
	font-weight:normal;
	float:left;
	}

	
ul.navigation li a {
	margin:0px;
	padding:0px 21px 0px 21px;
	font-family:"DejaVu Sans", sans-serif;
	font-size:15px;
	color:#333333;
	line-height:32px;
	font-weight:normal;
	background:none;
	text-decoration: none;
	display: block;
	} 
	
ul.navigation li a:hover {
	margin:0px;
	padding:0px 21px 0px 21px;
	font-family:"DejaVu Sans", sans-serif;
	font-size:15px;
	text-decoration:underline;
	color:#333333;
	line-height:32px;
	font-weight:normal;
	display:block;
	background-color: #d9dadb;
	} 
	
.nav-area2 {
	margin:0px;
	padding:0px;
	width:900px;
	height:32px;
	float:left;
	border-right-color: #CCC;
	border-left-color: #CCC;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-color: #CCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #FFF;
	}
	
ul.navigation2 {
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	background-image: none;
	color: #333333;
	text-align: center;
	}
	
ul.navigation2 li {
	font-family:"DejaVu Sans", sans-serif;
	font-size:15px;
	text-decoration:none;
	color:#333333;
	line-height:32px;
	font-weight:normal;
	float:left;
	}

	
ul.navigation2 li a {
	margin:0px;
	padding:0px 35px 0px 35px;
	font-family:"DejaVu Sans", sans-serif;
	font-size:15px;
	color:#333333;
	line-height:32px;
	font-weight:normal;
	background:none;
	text-decoration: none;
	display: block;
	} 
	
ul.navigation2 li a:hover {
	margin:0px;
	padding:0px 35px 0px 35px;
	font-family:"DejaVu Sans", sans-serif;
	font-size:15px;
	text-decoration:underline;
	color:#333333;
	line-height:32px;
	font-weight:normal;
	display:block;
	background-color: #F4F4F4;
	} 
	
	
#home #navHome a {
	background-color: #d9dadb;
}

#ziele #navZiele a {
	background-color: #d9dadb;
}

#ueberuns #navUeberuns a {
	background-color: #d9dadb;
}

#cybersicherheit #navCybersicherheit a {
        background-color: #d9dadb;
}

#mitglieder #navMitglieder a {
	background-color: #d9dadb;
}

#kontakt #navKontakt a {
	background-color: #d9dadb;
}

#organe #navOrgane a {
	background-color: #d9dadb;
}

#presse #navPresse a {
	background-color: #d9dadb;
}

	
/* --------------- General --------------- */

#header, #topbar, #homepage, #breadcrumb, #container, #footer, #copyright{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:900px;
	}
	
h1 {
	margin:0px;
	font-family:"DejaVu Sans", sans-serif;
	font-size:40px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	line-height:50px;
	text-transform:none;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	}
h1.hdng-txt1a span {
	font-family:"DejaVu Sans", sans-serif;
	font-size:48px;
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	text-transform:uppercase;
	}
	
h2 {
	margin:0px;
	font-family:"DejaVu Sans", sans-serif;
	font-size:30px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	line-height:34px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 0px;
	}
	
h2 span {
	font-family:"DejaVu Sans", sans-serif;
	font-size:30px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	}
	
h3 {
	margin:0px;
	font-family:"DejaVu Sans", sans-serif;
	font-size:24px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	line-height:30px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
	}
	
h3 span {
	font-family:"DejaVu Sans", sans-serif;
	font-size:24px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	}
	
h4 {
	margin:0px;
	padding:20px 0px 0px 20px;
	font-family:"DejaVu Sans", sans-serif;
	font-size:18px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	line-height:26px;
	}

p.txt1 {
	margin:0px;
	font-family:"DejaVu Sans", sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	line-height:16px;
	padding-top: 20px;
	padding-right: 35px;
	padding-bottom: 50px;
	padding-left: 0px;
	}
	
p.txt2 {
	margin:0px;
	font-family:"DejaVu Sans", sans-serif;
	;
	font-size:16px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	line-height:20px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 20px;
	float: none;
	}



	
p.txt3 {
	margin:0px;
	font-family:"DejaVu Sans", sans-serif;
	;
	font-size:18px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	line-height:24px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-align: justify;
	}
p.txt4 {
	margin:0px;
	font-family:"DejaVu Sans", sans-serif;
	;
	font-size:12px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	line-height:20px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 20px;
	float: none;
	font-style: oblique;
}
p.txt5 {
	margin:0px;
	font-family:"DejaVu Sans", sans-serif;
	;
	font-size:14px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	line-height:20px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 20px;
	float: none;
	font-style: normal;
}

.img1-left {
	float: left;
	padding: 40px 20px 20px 20px;
	width: 250px;
	font-family: "DejaVu Sans", sans-serif;
	color: #333333;
	height: auto;
}

.img1-right {
	float: left;
	padding: 20px 20px 20px 20px;
	width: 400px;
	font-family: "DejaVu Sans", sans-serif;
	color: #333333;
	height: 250px;
	text-align: right;
}
.img2 {
	width: 450px;
	font-family: "DejaVu Sans", sans-serif;
	color: #333333;
	height: 300px;
	padding: 0px 0px 0px 20px;
}

.imgtxtbox-left {
	float: left;
	padding: 20px 20px 20px 20px;
	width: 400px;
	clear: right;
	font-family: "DejaVu Sans", sans-serif;
	color: #333333;
	height: 250px;
	font-size: 16px;
	line-height: 12px;
	text-align: right;
}
.imgtxtbox-right {
	float: left;
	width: 400px;
	font-family: "DejaVu Sans", sans-serif;
	color: #333333;
	font-size: 16px;
	line-height: 20px;
	padding: 20px 20px 20px 0px;
	text-align: left;
	clear: right;
	height: inherit;
}


	

	
.mid-left {
	margin:0px;
	padding:0px;
	width:900px;
	float:left;
	padding-right: 0px;
	border-right-color: #CCC;
	border-left-color: #CCC;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	}
	
.mid-right {
	margin:0px;
	padding:0px;
	width:288px;
	float:left;
	}

ul.item {
	list-style-type: none;
	list-style-image: url(../images/bullet.jpg));
	margin-bottom: -10px;


	}

ul.item li {
	font-family:"DejaVu Sans", sans-serif;
	font-size:16px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	padding: 0px 0px 20px 20px;
	margin-left: 20px;
	background-image: url(../images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	}
ul.item li a {
	font-family:"DejaVu Sans", sans-serif;
	font-size:16px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	list-style-type: square;
}
ul.item li a:hover {
	font-family:"DejaVu Sans", sans-serif;
	font-size:16px;
	text-decoration:underline;
	color:#333333;
	font-weight:normal;
}




ul.read {
	margin:0px;
	padding:10px 0px 0px 30px;
	list-style:none;
	}

	
ul.read li {
	margin:0px;
	padding:2px 0px 5px 0px;
	font-family:"DejaVu Sans", sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#ed1c24;
	font-weight:bold;
	line-height:18px;
	overflow:hidden;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	}

	
ul.read li a {
	margin:0px;
	padding:0px 11px 0px 11px;
	font-family:"DejaVu Sans", sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#ed1c24;
	font-weight:bold;
	float:right;
	}

	
ul.read li a:hover {
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	float:right;
	}
ul.source {
	margin:0px;
	padding:10px 0px 30px 30px;
	list-style:none;
	color: #333333;
	float: none;
}

ul.source li {
	padding:2px 0px 5px 0px;
	font-family:"DejaVu Sans", sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	line-height:10px;
	overflow:hidden;
	color: #333333;
}

ul.source li a {
	margin:0px;
	padding:5px 11px 20px 11px;
	font-family:"DejaVu Sans", sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	float:none;
	font-style: italic;
}

ul.source li a:hover {
	text-decoration:underline;
	color:#333333;
	font-weight:normal;
	float:none;
	font-family: "DejaVu Sans", sans-serif;
	font-size: 12px;
	font-style: italic;
}

ul.pageup {
	margin:0px;
	padding:20px 0px 30px 30px;
	list-style:none;
	color: #333333;
	float: left;
}
ul.pageup li {
	padding:2px 0px 5px 0px;
	font-family:"DejaVu Sans", sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	line-height:10px;
	overflow:hidden;
	color: #333333;
	float: none;
}
ul.pageup li a {
	margin:0px;
	padding:20px 11px 20px 11px;
	font-family:"DejaVu Sans", sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	float:left;
	font-style: italic;
}
ul.pageup li a:hover {
	text-decoration:underline;
	color:#333333;
	font-weight:normal;
	float:left;
	font-family: "DejaVu Sans", sans-serif;
	font-size: 12px;
	font-style: italic;
}

	
.copyright {
	border:0px;
	height:1px;
	width:1px;
    }	
		
/* --------------- Footer --------------- */
	
.footer {
	margin:0px;
	float:left;
	background-color: #554a58;
	bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: 100px;
	}
	
ul.footer-nav {
	margin:0px;
	padding:20px 0px 0px 25px;
	list-style:none;
	}
	
ul.footer-nav li {
	margin:0px;
	padding:0px 10px 0px 10px;
	font-family:"DejaVu Sans", sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#333333;
	line-height:12px;
	text-align:center;
	font-weight:normal;
	float:left;
	display:block;
	height: 80px;
	}
	
ul.footer-nav li a {
	font-family:"DejaVu Sans", sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	}
	
ul.footer-nav li a:hover {
	text-decoration:underline;
	color:#333333;
	font-weight:normal;
	}
	
p.footer-txt {
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:"DejaVu Sans", sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#333333;
	line-height:18px;
	font-weight:normal;
	}
	
.footer-link {
	color:#fff; 
	text-decoration:none; 
	}