/* CSS Document */

body
{
	margin-bottom:0px;
 	margin-left:0px;
 	margin-right:0px;
 	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#CCCCCC;
}

.thb	{
border: solid 0px #00aaff;
}

#logo { 
	
	background-repeat:no-repeat; 
}

.bildschatten {
 background: url(http://www.foto360.at/fotoshop/schatten.png) no-repeat bottom left;
 padding: 4px 7px 18px 7px;
 border-top:solid 1px #dddddd;
}

#logo h1 {
	display: none;
}
.rot { font-size:10px; color:#ffaa00;} 
.inhaltKlein { font-size:10px; color: #333333; margin-left:0px; margin-right:0px}
.inhaltKleinWeis {  font-size:10px; color: #ffffff; margin-left:4px;}
.inhaltWeis { font-size:12px; color: #eeeeee; margin-right:6px; margin-top:2px;}
.inhaltMedium {  font-size:11px; color:#636363;}
.inhalt {  font-size:12px; color:#303030;}
.black {  font-size:11px; color:#000000;} 


.white {  font-size:11px; color:#ffffff; font-weight:bold;}
.whites {  font-size:11px; color:#999999; }

.orange	{
	color: #ffaa00;
}

.blue	{
	color: #00aaff;
}

.navigation { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight:bold;}
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff;}
.klicks { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #eeeeee;
	margin-top:0px;
	margin-bottom:1px;
	margin-right:2px;
}
.footerCol { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff;}
.navigationUnten { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-weight:bold;}

h2 { font-family: Arial, Helvetica, sans-serif; 
	color: #333333;
	font-weight:600; 
	font-size:12px; 
	margin-top: 1px; 
	margin-bottom:3px; 
	margin-left:1px;
}

h3 { font-family: Arial, Helvetica, sans-serif; 
	color: #333333;
	font-weight:600; 
	font-size:12px; 
	margin-top: 1px; 
	margin-bottom:3px; 
	margin-left:1px;
}

h4 { font-family: Arial, Helvetica, sans-serif; 
	color: #333333;
	 
	font-size:10px; 
	margin-left:0px;
	margin-bottom:3px;
	margin-top: 0px;
}

h1 { font-family: Arial, Helvetica, sans-serif; 
	color: #000000;
	font-weight:bold; 
	font-size:14px; 
	margin-top: 1px; 
	margin-bottom:3px; 
	margin-left:1px;
}

p { margin-top: 1px; margin-left:2px; margin-right:24px; margin-bottom: 10px}

#mainTable { 
background-color: #ffffff;
}

.tabbox	{
margin-bottom: 12px;
}

#galerie	{
	position:relative;
	width: 128px;
	height: 154px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif; 
	padding-left: 0px;
	overflow:hidden;
	float: left;
	border:solid 1px #999999;
	background-color: #dddddd;
}

#galerie:hover	{
	border:solid 1px #666666;
	background-color: #eeeeee;
}

.thumbnail {
	border:solid 1px #cccccc;
}

#themengalerie	{
	position:relative;
	width: 212px;
	height: 100px;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 5px;
	margin-bottom: 9px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	padding-left: 0px;
	float: left;
}

#galeriecontainer	{
	position:relative;
	width: 100%;
	height:auto;
	margin-top: 4px;
	margin-bottom: 3px;
	margin-right: 3px;
	float: left;
	clear:all;
}

#themencontainer	{
	position:relative;
	width: 100%;
	height:auto;
	margin-top: 4px;
	margin-bottom: 3px;
	margin-right: 6px;
	float: left;
	clear:all;
}

a:link {  color:#000000; text-decoration:none}
a:visited {  color:#000000; text-decoration:none}
a:active {  color:#000000; text-decoration:none}
a:hover {  color:#ffaa00; text-decoration: underline}

a.grau:link {  color:#999999;  text-decoration:none;}
a.grau:visited {  color:#999999;  text-decoration:none;}
a.grau:active {  color:#999999;  text-decoration:none;}
a.grau:hover {  color:#DCDFE8; text-decoration:none;}


a.main:link {  color:#000000;  text-decoration:none;}
a.main:visited {  color:#000000;  text-decoration:none;}
a.main:active {  color: #000000;  text-decoration:none;}
a.main:hover {  color:#ffaa00; text-decoration: none;}

a.main2:link {  color:#ffaa00;  text-decoration:none;}
a.main2:visited {  color:#ffaa00;  text-decoration:none;}
a.main2:active {  color: #ffaa00;  text-decoration:none;}
a.main2:hover {  color:#666666; text-decoration: none;}

a.orange:link {  color:#ffaa00;  text-decoration:none;}
a.orange:visited {  color:#ffaa00;  text-decoration:none;}
a.orange:active {  color: #ffaa00;  text-decoration:none;}
a.orange:hover {  color:#000000; text-decoration: none;}

a.blue:link {  color:#00aaff;  text-decoration:none;}
a.blue:visited {  color:#00aaff;  text-decoration:none;}
a.blue:active {  color: #00aaff;  text-decoration:none;}
a.blue:hover {  color:#cccccc; text-decoration: none;}

#navcontainer { width:140px; }

#navcontainer ul
{
margin-left: 0px;
margin-top: 0px;
padding-left: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 140px;
background-color: #eee;
border-bottom: 1px solid #ccc;
}

#navcontainer .navlist a:visited,a:link
{
color: #333333;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #cccccc;
color: #000000;
text-decoration: none;

}



#navcontainer2 { width:140px; }

#navcontainer2 ul
{
margin-left: 2px;
margin-top: 0px;
padding-left: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-align:left;
}

#navcontainer2 a
{
display: block;
padding: 2px;
width: 140px;
border-bottom: 1px solid #ccc;
background-color: #eee;
}

#navcontainer2 .navlist2 a
{
color: #000;
background-color: #fff;
text-decoration: none;
}


#navcontainer2 a:hover
{
background-color: #fff;
color: #000000;
text-decoration: none;
border-right: 1px solid #eee;
}

input, select, textarea { 
	color:#000000;
	
	font-size:10px;
	border: solid 1px #000000;
	background-color: #eeeeee;
}


.grauer_rahmen	{
	border:solid 1px #333333;
	margin-bottom:12px;
}




DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   }
DIV.shadow5:hover DIV.shadow,
DIV.shadow5:hover DIV.shadow2,
DIV.shadow5:hover DIV.shadow3,
DIV.shadow5:hover DIV.shadow4,
DIV.shadow5:hover {
   padding: 0;
   border-radius: 5px;
   -moz-border-radius: 5px;
   }
DIV.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
DIV.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid transparent;
   margin: 0px 4px;
   }
DIV.shadow5:hover {
   border-width: 5px;
   }

DIV.shadow5 img {
   border: 0px solid #666;
   margin: -2px;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   -moz-opacity:0.88;
   }
DIV.shadow5:hover img {
   margin: -1px;
   top: -1px;
   left: -1px;
   -moz-opacity:1;
   }