/*  Basics  ***************************************************/
* { 
margin: 0 auto; 
padding: 0; 
border: 0; 

} 

html, body { 
margin: 0; 
padding: 0;  
width: auto;
height: 100%;
text-align: left;
/*background: #410a5b;*/
background: #669900;
/*background: url(../layout/background_green.png) repeat;*/
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #666;
line-height: 20px;
} 

p{
margin-bottom: 10px;
}

a{
color: #3f0b5a;
text-decoration: none;
}

p a{
color: #d80;
text-decoration: none;
}

p.img{
margin-bottom: 5px;
}


h1{
font-size: 18px;
margin-bottom: 20px;
color: #3f0b5a;
}

h2{
font-size: 14px;
margin-top:20px;
margin-bottom: 10px;
color: #3f0b5a;
font-weight: normal;
}

h3{
font-size: 12px;
margin-top:20px;
color: #3f0b5a;
font-weight: normal;
}

/*  Container  ***************************************************/

#container{
	margin: 0px auto;
	padding: 0px;
	width: 800px;
	height: 700px;
	background: url(../layout/container_white.png) no-repeat;
}  


#main{
width: 800px;
padding:20px;
margin-left: 33px;
}


/*  Header-Bereich  ***************************************************/

#top{
height: 150px;
width: 800px;
}

#header{
background: url(../layout/nav_top.png) no-repeat 0px 80px;
padding-top: 52px;
}

#logo{
float: left;
padding-left: 25px;
}



/*  Navi_Top  ***************************************************/

#navi_top{
height: 100px;
margin-left: 454px;
padding-top: 45px;
text-align: left;
}
 

a.ich{
background: url(../layout/persoenlich.png) no-repeat;
background-position: 0px 0px;
width: 75px;
height: 20px;
display: block;
float: left;
margin-right: 15px;
}

a.ich:hover, 
a.ich:active,
a.ich.active  {  
background: url(../layout/persoenlich_active.png) no-repeat;
}


a.projekte{
background: url(../layout/praktisch.png) no-repeat;
background-position: 0px 0px;
width: 72px;
height: 20px;
display: block;
float: left;
margin-right: 15px;
}

a.projekte:hover, 
a.projekte:active,
a.projekte.active  {  
background: url(../layout/praktisch_active.png) no-repeat;
}

a.fotografie{
background: url(../layout/pur.png) no-repeat;
background-position: 0px 0px;
width: 35px;
height: 20px;
display: block;
float: left;
margin-right: 15px;
}

a.fotografie:hover, 
a.fotografie:active,
a.fotografie.active  {  
background: url(../layout/pur_active.png) no-repeat;
}


a.reisen{
background: url(../layout/packend.png) no-repeat;
background-position: 0px 0px;
width: 75px;
height: 20px;
display: block;
float: left;
}

a.reisen:hover, 
a.reisen:active,
a.reisen.active  {  
background: url(../layout/packend_active.png) no-repeat;
}



/*  Spalte links  ***************************************************/
#col_left{
width: 410px;
height: 450px;
text-align: justify;
padding: 20px;
background: url(../layout/col_left.png) no-repeat;
float:left;
}


/*  Spalte rechts  ***************************************************/
#col_right{
width: 265px;
height: 490px;
background: url(../layout/col_right.png) no-repeat;
margin-left: 450px;
}



#col_right.index{
background: url(../layout/col_right_index.png) no-repeat;
}

#col_right.praktisch{
background: url(../layout/col_right_praktisch.png) no-repeat;
}

#col_right.pur{
background: url(../layout/col_right_pur.png) no-repeat;
}

#col_right.packend{
background: url(../layout/col_right_packend.png) no-repeat;
}

#col_right.parat{
background: url(../layout/col_right_parat.png) no-repeat;
}

#col_right.impressum{
background: url(../layout/col_right_impressum.png) no-repeat;
}


/*  Navi_Right  ***************************************************/
#nav_right{
padding-top: 20px;
padding-left: 25px;
display: block;
text-decoration: none;
color: #3f0b5a;
}

#nav_right ul{
list-style: none;
}

#nav_right ul li{
height: 30px;
}

#nav_right ul a{
height: 30px;
color: #3f0b5a;
text-decoration: none;
padding-left: 15px;
}


/* Flash *******************************************************************/

#flash{
padding-left: 7px;
padding-top: 7px;
}


/*  Bilderrahmen Thumbs  ***************************************************/
img.border 
	{  
		
		border: 2px solid #ddd;
		margin-bottom: 0px;
		margin: 1px;
	}
	
	
img{
padding: 3px;

}

/* Fancybox Inhalt ***************************************************/
.show{
text-align: right;
overflow: hidden;
}

.show_main{
margin-left: 225px;
}

.show_text{
float: left;
width: 220px;
text-align: left;
}


/*  Kontakt  ***************************************************/
a.parat{
background: url(../layout/parat.png) no-repeat;
background-position: 0px 0px;
width: 67px;
height: 47px;
display: block;
float: right;
}

a.parat:hover, 
a.parat:active,
a.parat.active  {  
background: url(../layout/parat_active.png) no-repeat;
}


/*  Kontaktformular  ***************************************************/
form table tbody tr td{
text-align: left;
padding-bottom: 8px;
}


input, textarea{
text-align: left;
border: 1px solid #ccc;
padding: 2px;
}


/*  Impressum  ***************************************************/
a.impressum{
background: url(../layout/impressum.png) no-repeat;
background-position: 0px 0px;
width: 50px;
height: 20px;
display: block;
}

a.impressum:hover, 
a.impressum:active,
a.impressum.active  {  
background: url(../layout/impressum_active.png) no-repeat;
}


/*  Arrow  ***************************************************/
a.arrow{
width: 20px;
height: 40px;
float: right;
background: url(../layout/arrow.png) no-repeat;
}

a.arrow:hover{
background: url(../layout/arrow_active.png) no-repeat;
}


.arrow_left{
background: url(../layout/arrow_left.png) no-repeat;
}

a.arrow_left:hover,
.arrow_left.active{
background: url(../layout/arrow_left_active.png) no-repeat;
}


/*  Footer  ***************************************************/

#footer{
width: auto;
height: 20px;
color: #fff;
text-align: center;
display: block;
font-size: 12px;
padding-top: 25px;
}

#footer a{
text-decoration: none;
color: #fff;
}

#footer a:hover, 
#footer a:active,
#footer a.active{
color: #ffc700;
}


/*  Preload Images  ***************************************************/
#preload {
display: none
}

#preload img {
height: 0; width: 0; border: none;
position: absolute;
bottom: 0;
left: 0;
z-index: -30;
}