/* 
    Document   : format
    Created on : 16.03.2012, 09:14:06
    Author     : Baumberger
    Description:
        Purpose of the stylesheet follows.
*/

body { 
    font-family: 'Roboto', sans-serif;
}

p, a { font-size: 1.2em; }

body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,th,td {margin:0;padding:0;}

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

img {border: 0;}
a img {border: 0;} 

ol,ul {list-style:none;}

h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}    

#wrapper { width:auto; height: auto; }

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

/*
a:link    { color: #eee; text-decoration: none }
a:visited { color: #eee; text-decoration: underline }
a:focus   { color: #eee; text-decoration: underline }
a:hover   { color: #eee; text-decoration: underline }
a:active  { color: #eee; text-decoration: underline }
*/

/*:hover { text-decoration: blink }

a:hover, a:current, a:visited  { color: #f00; text-decoration: none; }
*/

#bg {
    position: absolute;
    
    height:auto !important; /* real browsers */
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */

    width: 100%;

    background-image: url(bg.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

#pegel { 
    color: white;
	position: relative;
    padding: 10px;
    margin: 20px;
    //width: 500px;
    float: left;
    //border: 1px solid #666666;
    //background-color: rgba(255, 255, 255, 0.5);
	//background-color: red;
    text-shadow: 0 0 2px black;

}

#pegel p {
	font-size: 1.6em;
}

#contact { 
    color: white;
    text-shadow: 0 0 4px black;
	position: relative;
    padding: 10px;
    margin: 20px;
    //width: 500px;
    float: left;
    //border: 1px solid #666666;
    //background-color: rgba(255, 255, 255, 0.5);
	//background-color: red;
}

#contact p {
	font-size: 1.3em;
}

#contact a {
	color: white;

}


#ref { 
    position: relative;
    padding: 10px;
    margin: 20px;
    width: auto;
    float: left;
    clear: left;
    //border: 2px solid #666666;
    background-color: rgba(255, 255, 255, 0.7);
}

#bmlogo { 
    position: relative;
    padding: 5px;
    margin-left: 50px;
    float: left;
    //border: 2px solid #666666;
    //background-color: rgba(255, 255, 255, 0.5);
}

.content { 
    position: relative;
    padding: 10px;
    margin: 20px;
    float: left;
    //border: 2px solid #666666;
    background-color: rgba(255, 255, 255, 0.7);
}

ul.leistungen {
    padding-left: 20px;
    font-size: 1.2em;
}

ul.leistungen li {
    list-style-type: square;
    
}

div#main { 	
			position: absolute;
			width: 1000px;
			left: 50%;
			margin-left: 50px;
			border: 1px solid greenyellow;
}

div#pix { 	
			position: absolute;
			float: left;
			width: 1000px;
			left: 50%;
			margin-top: 50px;
			margin-bottom: 50px;
			margin-left: 50px;
			border: 2px solid white;
}