@import url(http://fonts.googleapis.com/css?family=Over+the+Rainbow);
@import url(http://fonts.googleapis.com/css?family=Nunito);


body {
  background:#ffcc00 url('images/rainbow_stab.jpg') fixed;
  margin:0;
  padding:0;
  font:11px verdana, sans-serif;
}
code {
font:bold 11px verdana, sans-serif;
color:#98429B;
}
#container {
  margin:0 auto 0 auto;
  width: 930px;
background: url('images/bg_schatten.png') repeat;

background-position:top;
}

#container h1{
  margin:2 0 10px 0;
  padding:18px 0 2px 5px;
  font:bold 34px verdana, sans-serif;
}
#container h3{
  margin:2 0 10px 0;
  padding:10px 0 2px 5px;
  font:bold 14px verdana, sans-serif;
}

.box1{
background:#98429B;
float:right;
text-align:center;
padding:0;
border: 1px solid #fff;
margin:10px 0 0 20px;}

.box2{
background:#427A89;
}


.box3, .box4{
background:;
padding:10px 0 12px 0;
margin:5px 0px 0 0px;
text-align:justify;
min-height:90px;
width:305px;
} 

.box3 img{
float:right;
margin:0 0px 0px 10px;}

.box4 img{
float:left;
margin:0 10px 0px 0;}

.box5{
background:;
float:left;
padding:10px 0 0 25px;}
.box5 a{
color:grey;
text-decoration:none;}

.box3 img, .box4 img, .boxpic img{
box-shadow:3px 3px 8px #6666;
-webkit-box-shadow: 3px 3px 10px #888;
-moz-box-shadow: 3px 3px 10px #888;
filter:progid:DXImageTransform.Microsoft.Shadow(color='gray', Direction=135, Strength=4);
border: 2px solid #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.pic img {
box-shadow:5px 5px 10px #888;
-webkit-box-shadow: 5px 5px 10px #888;
-moz-box-shadow: 5px 5px 10px #888;
filter: 
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=1)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=2)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=2)
    progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=5)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=2)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=1)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=2)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=1);
border: 8px solid #fff;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
margin: 6px 0;
}

.tab1 {
  width: 7em;
  float: left;
  font-weight: bold;
  text-align: right;
  margin-right: 1em;

}
.tab1 small{
  font-weight: lighter;
}
.tab2 {
  width: 500px;
  float: left;
  font-weight:;
  text-align: left;
  margin-right: 1em;

}

#links{
display: none;
}

#head{
background: #ffffff url('images/AoNangPearl_Banner_2.jpg') no-repeat;
margin:0 10px 0 10px;
height:123px;
text-align:center;
}
#head h1{
margin:0;
padding:0 0 0 30px ;
font:bold 50px 'Over the Rainbow', verdana, sans-serif;
text-shadow:3px 3px 5px #999;
-webkit-text-shadow: 3px 3px 5px #999;
-moz-text-shadow: 3px 3px 5px #999}
#head h3{
color:#000099;
margin:-10px 0 0 0;
padding:0 0 0 30px ;
font:18px 'Nunito',verdana, sans-serif;}


#menu{
margin:0 10px 0 10px;
padding:0;
border-top:2px solid #666;
border-bottom:1px solid #eee;
text-align:center;}

#menu ul{
background:#88b368;
margin:0;
padding:8px;
list-style:none;
white-space: nowrap;}

#menu li{
display:inline;}

#menu a{
color:#000099;
background:#C4FF94;
padding:2px 20px 2px 20px;
border:1px solid #eee;
font:bold 12px verdana, sans-serif;
text-decoration:none;
text-align:center;}

#menu a:hover{color:#88b368; background:#FFF5A5;}

#menu a, #menu img {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}



#submenu{
letter-spacing:1.5px;
float:left;
width:148px;
height:300px;
margin-left: 10px;
background: #C3FF93 url('images/summer_3.gif') no-repeat bottom;
}

#submenu ul{
margin:0px;
padding:20px 30px 0 10px;
list-style:none;}
#submenu li{
padding:0 0 4px 0;
margin:0;}
#submenu a{
color:#000099;
background:transparent;
font-weight:bold;
font-size:12px; 
text-decoration:none;}
text-align:center;}
#submenu a:hover{color:blue;text-decoration:underline;}

#submenu p{
font-weight:bold;
font-size:12px;
padding:20px 0 10px 10px;
margin:0;}

#content{
color:black;
background:#FFF5A5;
old_background:#fffe83 and #fff494;
padding:35px 35px 10px 35px;
margin:0 10px 0 159px;
border-left:1px solid black;
}

#content h1{
margin:0 0 10px 0;
padding:2px 0 2px 5px;
font: 18px 'Nunito', verdana, sans-serif;
/* border-left:10px solid #bcbcbc; */
border-bottom:1px solid #bcbcbc;}

#content h2{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font: 16px verdana, sans-serif;
/* border-left:8px solid #bcbcbc; */
border-bottom:1px solid #bcbcbc;}

#content h3{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 12px verdana, sans-serif;
/* border-left:6px solid #bcbcbc; */
border-bottom:1px solid #bcbcbc;}

#content p{padding:10px;}

#content_description{
color:black;
background:#FFF5A5 url('images/Monarch.gif') no-repeat;
background-position:top right;
padding:35px 35px 10px 35px;
margin:0 10px 0 159px;
border-left:1px solid black;}

#content_description h1{
margin:0 0 10px 0;
padding:2px 0 2px 5px;
font: 18px 'Nunito', verdana, sans-serif;
/* border-left:10px solid #bcbcbc; */
border-bottom:1px solid #bcbcbc;}

#content_description p{padding:15px;}

#foot{color:grey;
background: #C4FF94 url('http://www.andyhoppe.com/count/?id=1181215567') no-repeat center;
padding:0;
margin:0 10px 4px 10px;
border-top:1px solid black}
#foot p{margin:0;padding:4px;text-align:right;}


/* --------- formulare ----------  */

input, textarea, select {
  font-family: Verdana;
  font-size: 12px;
  padding-left: 3px;
  margin-bottom: 0.5em;
  border: 1px solid #ddd;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input:focus, textarea:focus {
   background-color: #C4FF94;
   border: 1px solid #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.tab1 {
  padding-top: 3px;
  width: 15em;
  float: left;
  font-weight: bold;
  font-size: 12px;
  text-align: right;
  margin-right: 1em;
}

.tab2 {
  width: 15em;
  float: left;
  font-weight: bold;
  text-align: right;
  margin-right: 1em;
}