/**
* CSS
*
* @version Down Quark 1.0
* @author Derek Kinsman 
// Unttld
*/
* {
	
margin: 0;
	
padding: 0;
}

p { font-size:14px;
	
}


body {
background:yellow url(http://www.ar2com.de/architektur/files/ar2com-back.jpg) no-repeat 
scroll 0 0;
position:fixed;
font-family:Verdana,sans-serif;

}

body.section-1 {
background-color:#0000ff; }

body.section-2 {
background-color:#FF0000;}


body.section-3 {
background-color:#fff;
 }

body.section-4 { 
background-color:#00ff00;
}

body.section-5 { }



}

a { font-style: normal !important; outline: none; }
a:link { color: red; text-decoration: none; }
a:active { color: yellow; text-decoration: underline; }
a:visited { color: #FF0090; text-decoration: none; }
a:hover { color: yellow; text-decoration: underline; }

a img { border: none; }


h1 {
background-color:#FFFF33;
color:#000000;
font-family:verdana;
font-size:16px;
font-style:normal;
text-transform:none;
}
h2 {
font-size:14px;
}
h3 {
color:#000000;
font-family:georgia;
font-size:40px;
font-style:italic;
text-align:right;
text-decoration:none;
padding-bottom:20px;
}
h4 {
font-size:15px;
}
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-style: italic; }

span.header {
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
}



#menu {

background-color:#333333;
float:left;
height:auto;
left:28px;
opacity:1;
overflow:auto;
padding-right:8px;
padding-top:12px;
position:fixed;
text-align:right;
bottom:30px;
width:180px;
z-index:9999;
}

#menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 10px;
}
#menu ul li a {
color:#cccccc;
text-decoration:none;
}
#menu li.link {
background:#FFFFFF none repeat scroll 0 0;
text-decoration:none;
}
#menu li.active {
background:transparent none repeat scroll 0 0;
text-decoration:line-through;
}
#menu li.visited {
background:#FFFFFF none repeat scroll 0 0;
text-decoration:line-through;
}
#menu ul li a:hover {
background:#FFFFFF none repeat scroll 0 0;
color:#333333;
text-decoration:none;
}
a img {
background:transparent none repeat scroll 0 0;
border:medium none;
}
#menu ul li.section-title {
border-bottom:0.5pt dotted;
color:#ffffff;
font-family:verdana;
font-size:18px;

margin:0 0 4px;
text-decoration:none;
}
#menu ul li.section-title a:link {
font-size:11px;
font-weight:bold;
}
#menu ul li.section-title a:active {
font-size:11px;
font-weight:bold;
}
#menu ul li.section-title a:visited {
font-size:11px;
font-weight:bold;
}
#menu ul li.section-title a:hover {
background:#FFFFFF none repeat scroll 0 0;
font-size:11px;
font-weight:bold;
}



div1 {
background-color:#3CCCAA;
margin:0 300px auto 235px;
}

#content {
	margin: 25px 0 0 230px;
	z-index: 1;

}

.container {
color:#000000;
font-family:verdana;
font-size:10px;
padding:0 5px 20px 10px;
max-width: 450px;
}


#content img {
	border: 0px solid #231f20;
	cursor: move;
}

#content p {
	cursor: move;
	margin-bottom: 10px;
	width: 450px;

}


#once {
clear:left;
}

.right-box {
position:fixed;
font-size: 14px;
text-align:left;
bottom:30px;
padding:5px;
left: 400px;
max-width:450px;
z-index: 1;
background: rgba(204, 204, 204, 0.5);
font-color: #333333;
}

#anfassbar {
background-color:#FF0000;
color:#fff;
}


#fassbar {
background-color:#0000ff;
color:#fff;
}


#denkbar {
background-color:#00ff00;
color:#fff;
}