html {
    background-color: #999999;
}

a{
    text-decoration: none;
    color: #000;
}

div#wrapper {
    margin: 1px auto;
    width: 1000px;
}

div#content {
    clear: both;
    margin-top: 10px;
}

nav {
    width: 1000px;
}
nav ul {
    padding: 0px;
    margin: 0px;

    box-shadow: 2px 2px 2px #dfdfdf;
    -moz-box-shadow: 2px 2px 2px #dfdfdf;
    -webkit-box-shadow: 2px 2px 2px #dfdfdf;
}

nav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

nav ul,nav ul li{
    background-color: #FAFAFA;
}
nav ul li {
    text-align: left;
	list-style: none;
    float:left;
	font-size:13px;
	font-family:sans-serif;
	font-weight:bold;
    border-right: 1px solid #dfdfdf;
}
nav ul li a {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 14px 18px 14px 17px;
	text-align: left;

    transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
	-webkit-transform-style: preserve-3d;
}

nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a  {
    background-color: #CCCC33;
	text-decoration: none;
	font-size:13px;
	font-family:sans-serif;
	font-weight:bold;
}
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a  {
	background-color: #669900;
	text-decoration: none;
	font-size:13px;
	font-family:sans-serif;
	font-weight:bold;
}
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {
    background-color: #009966;
	text-decoration: none;
	font-size:13px;
	font-family:sans-serif;
	font-weight:bold;
}
nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a {
    background-color: #006666;
	text-decoration: none;
	font-size:13px;
	font-family:sans-serif;
	font-weight:bold;
}
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a {
    background-color: #003399;
	text-decoration: none;
	font-size:13px;
	font-family:sans-serif;
	font-weight:bold;
}
nav ul li.cat6:hover a, nav ul li.cat6:hover > ul li a {
    background-color: #660099;
	text-decoration: none;
	font-size:13px;
	font-family:sans-serif;
	font-weight:bold;
}
nav ul li.cat7:hover a, nav ul li.cat7:hover > ul li a {
    background-color: #990066;
	text-decoration: none;
	font-size:13px;
	font-family:sans-serif;
	font-weight:bold;
}
nav ul li.cat8:hover a, nav ul li.cat8:hover > ul li a {
    background-color: #CC0033;
	text-decoration: none;
	font-size:13px;
	font-family:sans-serif;
	font-weight:bold;
}
nav ul li.cat9:hover a, nav ul li.cat9:hover > ul li a {
    background-color: #FF3300;
	text-decoration: none;
	font-size:13px;
	font-family:sans-serif;
	font-weight:bold;
}
nav ul li.cat10:hover a, nav ul li.cat10:hover > ul li a {
    background-color: #FF9900;
	text-decoration: none;
	font-size:13px;
	font-family:sans-serif;
	font-weight:bold;
}

nav ul li:hover > a {
    color: #FAFAFA;
}
nav ul li:hover > ul {
    visibility: visible;
}

nav ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute;
	z-index: 99;
    padding:0px;
}
nav ul li ul li{
	float: none;
}
nav ul li ul li a {
    color: #FAFAFA;
}
nav ul li ul li a:hover{
	color: #333;
	background-color: #FAFAFA !important;
}

.paddingmenu1 { padding: 14px 19px 14px 19px; }
.paddingmenu2 { cursor: default; padding: 14px 19px 14px 19px; }
.paddingmenu3 { cursor: default; padding: 14px 19px 14px 18px; }
.paddingmenu4 { cursor: default; padding: 14px 16px 14px 16px; }
.paddingmenu5 { cursor: default; padding: 14px 18px 14px 18px; }
.paddingmenu6 { cursor: default; padding: 14px 15px 14px 15px; }
.paddingmenu7 { cursor: default; padding: 14px 20px 14px 20px; }
.paddingmenu8 { cursor: default; padding: 14px 10px 14px 10px; }
.paddingmenu9 { cursor: default; padding: 14px 18px 14px 17px; }
.paddingmenu10 { padding: 14px 16px 14px 16px; }
.paddingmenu11 { padding: 14px 5px 14px 5px; }
.paddingmenu12 { padding: 14px 18px 14px 18px; }
.paddingmenu13 { cursor: default; padding: 14px 14px 14px 13px; }

.mw150 { width: 150px; }
.mw175 { width: 175px; }
.mw200 { width: 200px; }
.mw225 { width: 225px; }

.cd { cursor: default; }
.b0 { border-right: 0px none #FAFAFA; }

body 
{
	background-color: #999999;
	background: #999999 url(images/background.png) repeat-x fixed;
	margin:0px auto;
	padding:0px 35px;
	font-size: 11px;
	font-family: Arial,Verdana,sans-serif;
}

#container {
	margin:0px auto;
	padding:0px;
	width:1000px;
	text-align:center;
}

.table {
	height:20px; 
	background:#CCCCCC; 
	font:bold 11px sans-serif; 
	padding:2px 2px 2px 2px;
	color:#000000;
	vertical-align:middle;
	
}

.table_style2 {
	font:12px sans-serif; 
	color:#000000;
	text-align:center;
	background:#CCCCCC;
	padding:3px;
}
.table_style3 {
	font:12px sans-serif; 
	color:#000000;
	text-align:center;
	background:#e7e7e7;
	padding:3px;
}
.table_style4 {
	font:12px sans-serif; 
	color:#000000;
	text-align:left;
	background:#e7e7e7;
	padding:3px;
}
.table_style5 {
	font:12px sans-serif; 
	color:#000000;
	text-align:right;
	background:#e7e7e7;
	padding:3px;
}

.img{margin:0px auto; text-align:center;}
p{margin:0px; padding:0px;}
.para{margin:5px 0px 15px 0px; padding:0px;}
.para2{margin:5px 0px 15px 0px; padding:0px; font-weight:bold;}
.para3{margin:15px 0px 5px 0px; padding:0px; font-weight:bold;}

.p1{margin:5px 0px 15px 0px; padding:0px;}
.p2{margin:5px 0px 15px 0px; padding:0px; font-weight:bold;}
.p3{margin:15px 0px 5px 0px; padding:0px; font-weight:bold;}

.red{color:red; margin:5px 0px 15px 0px; padding:0px; font-weight:bold;}
.headinfo {position:relative; margin:0px; padding:0px; width:113px; float:right; vertical-align:top; text-align:center;}
.headline_red {color:#122a5b; font-size: 16px; font-weight:bold; position:relative; margin:0px; padding:25px 0px 0px 35px; }
.headline_red2 {color:#122a5b; font-size: 16px; font-weight:bold; position:relative; margin:0px; padding:0px 0px 0px 0px; }
h1{font:bold 20px sans-serif; margin:5px 0px 5px 0px; padding:0px;}
h2 {color:#000; font-size: 14px; font-weight:bold; position:relative; margin:15px 0px 5px 0px; padding:0px; }
h3 {margin:0px; padding:0px;}
h4 {margin:0px; padding:0px; color: #999999; font:1px sans-serif;}
td {margin:5px 0px 15px 0px; padding:0px; font-size: 12px; font-family: sans-serif;}
.li1{margin:0px 0px 8px 0px; padding:0px;}
a.au {color: #999999; text-decoration: none; pointer-events: none; cursor: default;}
a.au:hover {color: #999999; text-decoration: none; pointer-events: none; cursor: default;}
a.au:visited{color: #999999; text-decoration: none; pointer-events: none; cursor: default;}
.kontakttd1{text-align: left; vertical-align: top; padding: 1px;}

.agb1 {color:#000; font-size: 12px; font-weight:bold; position:relative; margin:10px 0px 5px 0px; padding:0px; }
.agb2 {margin:5px 0px 5px 0px; padding:0px; font-size: 12px;}

.i66 { padding: 0px 0px 0px 0px; text-align:left; width:66%; float:left; }
.i33 { padding: 0px 0px 0px 0px; text-align:right; width:33%; float:right; }
.i33r { padding: 0px 0px 0px 0px; text-align:right; width:33%; float:right; }
.i33l { padding: 0px 0px 0px 0px; text-align:left; width:33%; float:right; }

.anw1 { padding: 0px 10px 0px 20px; text-align:center; width:15%; float:left; }
.anw2 { height: 0px; margin: 0px; padding:0px; font-size:0px; clear:both; }
.anw3 { padding: 0px 10px 0px 0px; text-align:center; width:15%; float:left; }
.anw4 { border:1px; margin: 0px; float:right; }

.bild30 { padding: 0px 10px 0px 0px; text-align:center; width:30%; float:left; }
.bild0 { }

#content {
	background:white;
	width: 930px;
	padding:5px 35px 0px 35px;
	margin:0px;
	font:12px/20px sans-serif;
	text-align:left;
}

#top{ position:relative; width:1000px; height:106px; margin:10px 0px 8px 0px; padding:0px;} 
.logo {position:relative; margin:0px; padding:0px; width:400px; height:106px; float:left;}
.red_text{font:bold 12px/20px sans-serif; text-decoration:none; color:#982020; padding:0px; margin:20px 0px 0px 0px;}
.read_more{font:bold 12px sans-serif; padding:0px 0px 0px 5px; margin:-25px 0px 20px 0px; color:#000099; text-align:right;}
.back{font:bold 12px sans-serif; padding:0px 0px 0px 10px; margin:-10px 0px 0px 0px; color:#5b9e02; text-align:right; }
.spacer{margin:10px 0px; padding:0px;}
.spacer2{margin:20px 0px; padding:0px;}
.header {position:relative; margin:0px; padding:0px; height:180px;}
.home_bild {position:relative; margin:30px 20px; padding:0px; width:360px; z-index:0}

.text_part {position:relative; background-color:#FFFFFF;  padding:0px; margin:0px; width:1000px;}

.footer_white { color:#ffffff; }

.language {position:relative; margin:0px 0px 0px 20px; width:20px; padding:0px; float:right;}


/* Styles for new browse projects panel */

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


/* Modal Window (z.B. Pop-Up) */

.modalDialog {
	position: fixed;
	font-size: 13px;
	font-family: Arial,Verdana,sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 800px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

.show-menu { visibility: hidden; display: none; }
#show-menu { visibility: hidden; display: none; }

.hidden {
    display: inline !IMPORTANT;
}