html, body {
	height:101%;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;	

}
body {
	margin:0;
	padding:0;
	background-attachment: fixed;
	background-color:#498ed1;
    background-image: url("../images/wolken_bg.jpg");
    background-position: center 0;
    background-repeat: no-repeat;
}


h1 {
    color: #a22;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    padding: 0;
    text-align: left;
    vertical-align: bottom;
    width: 100%;
}

h2 {
    color: #153a71;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    padding: 0;
    text-align: left;
    vertical-align: bottom;
    width: 100%;
}

h3 {
    color: #153a71;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 1.0em;
    font-weight: 700;
    padding: 0;
    text-align: left;
    vertical-align: bottom;
    width: 100%;
}

.clear{
	clear:both;
}
#container {
	margin:15px auto;
	width:980px;
/*    border-style: groove;
    border-width: 10px;
    border-color: #fff;*/

}
header {
/*	padding:30px; */

}
.headerlogo{
  float:left;
  position:absolute;
  margin-top: 5px;
  margin-left:-8px;
}

.headertext{
    color: #fff;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 1.8em;
    font-weight: 700;
	padding-left: 250px;
    text-align: left;
    vertical-align: bottom;
    width: 100%;
}

nav{
	padding-left:210px;
/*	padding-bottom:70px; */
	height:80px;

}

ul.nav.menu li{
    display: block;
    float: left;
    padding-top: 8px;
    text-align: center;
    width: 140px;
	background:transparent;
	height: 60px;

}

ul.nav.menu li a{
	text-decoration:none;
	color:#f6f6f6;
	text-shadow: 1px 1px #559;
	font-weight: 700;
    display: block;
    float: left;
    text-align: center;
	padding-top: 22px;
    width: 121px;
	background-image: url("../images/dachfensterzu1.png");
	height: 38px;
}

ul.nav.menu li.active a:link,
ul.nav.menu li.active a:visited {

	color:#fff;
	text-shadow: 2px 2px #338;
    padding-top: 20px;
	height: 40px;
	background-image: url("../images/dachfensterauf1.png");

}

.nav.menumenuunten{
border-top:solid 1px #fff;
padding-left:250px;
padding-bottom:20px;
}

ul.nav.menumenuunten li{
    display: block;
    float: left;
    text-align: center;
    width: 200px;
	background:transparent;
	
}

 ul.nav.menumenuunten li a{
	text-decoration:none;
	color:#00d;
	text-shadow: 1px 1px #559;
	font-weight: 700;
}

 ul.nav.menumenuunten li a:hover{color:#f00;}

ul.nav.menumenuunten li.active a:link,
ul.nav.menumenuunten li.active a:visited {
	color:#fff;
	text-shadow: 2px 2px #338;
    padding-top: 20px;
	height: 40px;
}

 .buttonteam {
  color:#fff !important;
  font-size: 0.8em;
  font-weight: normal !important;
  text-align: right !important;
}



/* Editor */
.btn.btn-primary{    
    display: block;
    float: left;}
.btn.modal_jform_contenthistory,
.nav.nav-tabs,
#jform_version_note-lbl,
#jform_version_note{
display:none;}

.btn-toolbar.pull-left,
.btn.modal-button{
  padding-right:10px;
  float:left;
  color:#000;}
  
.btn-group a{  color:#000;}
  
#language,  
#publishing{
  clear:both;
  display:none;
}

#main{
/*	padding:10px; */
	clear:both;
}
#left{
	float:left;
	width:200px;
	padding-left:10px;
	padding-right:10px;
	top:90px;
	top:100px\9;
	position: relative; border-top: 10px solid #f6f6f6;

}
#content{
	float:left;
	padding:10px 20px; 
	margin-left:30px;
	width:655px;
	position: relative; 
	border-top: 10px solid #f6f6f6; 

}

#left:before, #left:after,
#content:before, #content:after { 
content: ""; 
position: absolute;  

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(transparent)); 
background-image: -webkit-linear-gradient(#f6f6f6, transparent); 
background-image: -moz-linear-gradient(#f6f6f6, transparent); 
background-image: -o-linear-gradient(#f6f6f6, transparent); 
background-image: linear-gradient(#f6f6f6, transparent); 
top: -10px; 
bottom: -10px; 
width: 10px;

} 

#left:before,
#content:before { left: -10px; } 


#left:after,
#content:after { right: -10px; }

fieldset{
 border:none;
}


footer{
	padding:10px 10px 0;
}

.ps-top-to-bottom { position: relative; border-top: 3px solid black; } 
.ps-top-to-bottom:before, .ps-top-to-bottom:after { content: ""; position: absolute; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(transparent)); background-image: -webkit-linear-gradient(#000, transparent); background-image: -moz-linear-gradient(#000, transparent); background-image: -o-linear-gradient(#000, transparent); background-image: linear-gradient(#000, transparent); top: -3px; bottom: -3px; width: 3px; } .ps-top-to-bottom:before { left: -3px; } .ps-top-to-bottom:after { right: -3px; }