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

body { 
    font-family: 'Roboto', sans-serif;
    background-image: url(bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	background-attachment: fixed;
}

p { font-size: 1.0em; }

p.motto { font-size: 1.5em; }

html,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:bold;}    

#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;
    //width: 100%;
    //height: 100%;
    background-image: url(bg.jpg);
    //background-size: cover;
    background-repeat: no-repeat;
	background-attachment: fixed;
}

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

}

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

#contact { 
    color: #555555;
    position: relative;
    padding: 10px;
    margin: 20px;
    width: 420px;
    float: left;
    background-color: rgba(255, 255, 255, 0.8);

}

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

#contact a {
	color: #555555;
}


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



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

#wklogo { 
    height: 110px;
	position: relative;
    padding: 0px;
    margin: 20px;
    float: left;   
}

.content { 
    position: relative;
    padding: 20px;
    margin: 20px;
    clear: left;
	max-width: 706px;
    background-color: rgba(255, 255, 255, 0.8);
}

.start { 
    position: relative;
    padding: 20px;
    margin: 20px;
    float: right;
	
    
    
}

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

.contentmotto { 
    position: relative;
    padding: 20px;
    margin: 20px;
    clear: left;
    background-color: rgba(255, 255, 255, 0.9);
	max-width: 706px;
}

.fb-page { 
    //position: relative;
    //padding: 20px;
    //margin: 20px;
    float: right;
	//border: 1px solid red;
}

.team { 
    position: relative;
    padding: 10px;
    margin: 10px;
    float: left;
    //border: 1px solid #eeeeee;
	max-width: 800px;    
}

.teamrow { 
    position: relative;
    padding: 0px;
    margin: 0px;
    clear: left;
	height: 200px;
}

.teamfoto { 
    height: 200px;
	position: relative;
    padding: 0px;
    margin: 0px;
    float: left;
}

.teamtext { 
    position: relative;
    padding: 15px 0px 20px 15px;
	margin: 0px;
	max-width: 360px;
	max-height: 220px;
	float: left;
}

.massage div { 
    position: relative;
    padding: 10px;
    margin: 10px;
    float: left;
    border: 1px solid #eeeeee;
    //background-color: rgba(255, 255, 255, 0.1);
}


summary::before {
  content: "+"; /* Verwendung des "plus"-Symbols anstelle des Dreiecks */
  color: #194274;
  margin-right: .3em;
}

details > summary::-webkit-details-marker {
  display: none;
}

details > summary {
	list-style:none;
}

details { 
	cursor: pointer;
}

#clear::after {
   display: block;
   clear: both;
   content: ".";
   height: 0;
   visibility: hidden;
}


img#wolfgang { margin: 0px 20px 0px 0px; float: left; }

/*ul#menu { height: 50px; background-color: #green}*/

/*ul#menu li { float: left; padding: 5px 10px 5px 10px; width: auto; }*/

/*ul#menu li a { color: purple; text-decoration: none; display: block; height: auto; }*/
                        
/*ul#menu li a:hover, #menu li a:focus { 
    text-decoration: none; 
    color: white;
    background-color: #bbb;
}*/

ul#navlist { height: auto; }

ul#navlist li { width: auto; list-style-type: none; float: left; line-height: 30px; }

ul#navlist li a { display: block; padding: 4px 10px 3px 10px; color: #fff; background-color: #194274; text-decoration: none; }

ul#navlist a:hover, a.current { color: #fff; background-color: #1969bc; }