@import url("reset.css");

html 
{
}




body {    
    
    background-color: rgb(114,171,228);
    color: rgb(60, 60, 60);
    font-family: Arial, Sans-Serif;
    font-size: 0.85em;
    line-height: 150%;
    background-image: url("bilder/ritning.gif");
    background-repeat: no-repeat;
    background-position: 0 10px;
    }
    

h1, h2, h3, h4, h5, h6 
{
	font-family: "Comic Sans MS", "Century Gothic", Sans-Serif;
	color: rgb(34,107,177);
}    
    

#page {
    width: 778px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    border: 2px solid rgb(34,107,177);
    }
    

#head {
    width: 778px;
    background-color: rgb(160,160,160);
    padding: 0;
    height: 120px;
    }

#logotype {
    float: left;
    width: 500px;
    height: 100px;
    overflow: hidden; 
}
    
#logotype img {
    border-top: 5px solid rgb(220,220,220);
    border-right: 31px solid rgb(220,220,220);
    border-left: 5px solid rgb(220,220,220);
    border-bottom: 34px solid rgb(220,220,220);
    background-color: rgb(220,220,220);
    }
    
#headimg {
    float:left;
    width: 258px;
    text-align:right; 
    }

#headimg img {
    background-color: rgb(220,220,220);
    }
          
.blank {
    clear: both;
    }
    
#container {
    background-color: rgb(220,220,220); 
    padding: 5px;   
    background-image: url("bilder/bgimage4.jpg");
    background-repeat: no-repeat;
    background-position: 85px 60px; 
    }
    
#menu {
    float: right;
    width: 200px;
    background-color: rgb(190,190,190);

    }

#menu a {
    display: none;
    }
    
#menu li a {
    display: block;
    }

#menu #news a {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: rgb(34,107,177);
	font-weight: bold;
	font-size: 18px;
	border-bottom: solid 2px rgb(34,107,177);
}

#menu #news a:hover {
	text-decoration: none;
}

ul {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    }

ul li {
    height: 100%;
    }

a {
    width: 200px; 
    display: block; 
    height: 100%; 
    padding-top: 5px;
    padding-bottom: 5px;
    }

a:link {
    text-decoration: none; 
    color: rgb(25,25,25); 
    }
    
a:visited {
    color: rgb(25,25,25); 
    text-decoration: none; 
    }
    
a:focus {
    text-decoration: underline; 
    font-weight: bold; 
    background-color: rgb(90,90,90); 
    color: rgb(220,220,220); 
    }
    
a:hover {
    text-decoration: underline; 
    font-weight: bold; 
    background-color: rgb(160,160,160); 
    color: rgb(220,220,220); 
    }

.active {
    background-color: rgb(220,220,220);     
    padding-top: 5px;
    padding-bottom: 5px;
    }

#mainContent {
    border-right: 200px solid rgb(190,190,190);
/*    border-top: 2px solid rgb(190,190,190);
    border-bottom: 2px solid rgb(190,190,190);
    border-left: 2px solid rgb(190,190,190);
 */   padding: 10px;
    }

    
#content p
{
    padding-right: 10px;
    }
    
#indexPOne
{
    background-image: url("bilder/image1.png");
    background-repeat: no-repeat;
    background-position: 0 20px;
	height: 200px;
	padding: 5px 10px 0 215px;
}    

#indexPTwo
{
    background-image: url("bilder/image2.png");
    background-repeat: no-repeat;
    background-position: 420px 0px; 
	background-repeat: no-repeat;
	height: 210px;
	padding: 0 145px 0 0;
}    

h1 {
    font-size: 1.50em; 
    margin-bottom: 15px; 
	line-height: 1.50em;
    }
  
#content h1 {
    margin-top: 5px;
    }
   
h2 {
	font-size: 1.15em;
	margin-top: 15px;
	float: left;
    }
    
p {margin-top: 12px;}

#foot p 
{
	float: left;
	text-align: left;
}

#foot p a
{
	text-decoration: underline;
}

#foot {
    clear: both; 
    background-color: rgb(160,160,160);
    text-align: right;
    padding: 5px 10px;
    font-size: 0.85em;
    }
    
#foot a {
    display: inline;
    }
    
#foot a:hover {
    font-weight: normal; 
    }
    
#foot p 
{
    margin-top: 0;
}    
    
.hidden {
    display: none; 
    }

#content.bghidden {
    background-image: none; 
    }
    
fieldset {
    border: 1px solid rgb(220,220,220); 
    margin-top: 5px;
    }

legend {
    margin-left: 105px; 
    }

.ruta {
    border: 1px solid rgb(190,190,190);
    }

label {
    width: 100px ;
    float: left;
    text-align: right;
    margin-right: 5px;
    display: block
    }

.submit {
    margin-left: 105px; 
    }   

.submit input{
    color: rgb(25,25,25);
    background: rgb(190,190,190);
    border: 2px outset rgb(190,190,190);
    }  
    
.submit a {
    background-color: rgb(220,220,220);
}

a em {
    font-style: normal; 
    text-decoration: underline; 
    }
    
#indexWelcome
{
    height: 3em;
}    
    
#indexH1
{
    float: left;
	size:2em;
}

#indexLogo2
{
    margin: 0.3em 0 0 0.5em;
    
}

#aktuellt
{
	border: solid 2px #ae1b29;
	padding: 0 10px 10px 10px;
	margin-top: 20px;
}

#aktuellt h2
{
	color: #ae1b29;
}