html, body {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: black;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}


/****************************** seite *****************************************/

#seite {
    position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	}
	
html>body #seite {
    height: auto;
	}
	
#head  {
	position:relative;
	top:0px;
	height: 130px;
	background-image: url(titelbackground.jpg);
	background-repeat: repeat-x;
	}

/******************************* navileiste**************************************/
	
#navileiste  {
	height: 30px;
	padding: 3px 0px 3px 0px;
	border-bottom: 1px solid #cccccc;
	background-image:url(drache_goldleiste.jpg); 
	background-repeat:repeat-x;
	z-index: 1;
	}

/******************  menu  ***********************/



div.menu {
position:absolute;
top: 133px;
left:50%;
margin-left:-240px;
z-index: 6;
border: 0px solid gray;
}

div.menu ul, li {
list-style-type: none;
margin: 0;
padding: 0;
}

div.menu li {
float: left;
width: 100px;
}

div.menu a {
margin: 0 2px;
height: 20px;
display: block;
text-align: center;
font-weight: bold;
font-size:10pt;
border: 0px solid gray;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
}

div.menu a:hover {
padding-left:5px;
padding-right: 5px;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
display: none;
float: left;
width: 100px;
font-size: 10pt;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
border: 1px solid gray;
border-top: 0px;
height: 16px;
font-weight: normal;
background-color: #FFFFFF;
padding-left:5px;
padding-right: 5px;
}

#smenu1 a:hover {
background-color:#FFFFCC;
}


#ssmenu1, #ssmenu2, #ssmenu3, #ssmenu4, #ssmenu5, ssmenu6, #ssmenu7, #ssmenu8, #ssmenu9, #ssmenu10, ssmenu11, #ssmenu12, #ssmenu13, #ssmenu14, #ssmenu15, #ssmenu16, #ssmenu17, #ssmenu18, #ssmenu19, #ssmenu20, #ssmenu21 {
display: none;
float: left;
width: 100px;
font-size: 10pt;
}
#ssmenu1 a, #ssmenu2 a, #ssmenu3 a, #ssmenu4 a, #ssmenu5 a, #ssmenu6 a, #ssmenu7 a, #ssmenu8 a, #ssmenu9 a, #ssmenu10 a, #ssmenu11 a, #ssmenu12 a, #ssmenu13 a, #ssmenu14 a, #ssmenu15 a, #ssmenu16 a, #ssmenu17 a, #ssmenu18 a, #ssmenu19 a, #ssmenu20 a, #ssmenu21 a  {
border: 1px solid gray;
border-top: 0px;
height: 16px;
font-weight: normal;
background-color:#FFFFCC;
padding-left:5px;
padding-right: 5px;
vertical-align:middle;
}
.site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a {text-decoration: none;
color: #222;
}







/******************************* Navikasten **************************************/
#navikasten  {
	position: relative;
	top: 10px;
	left: 10px;
	float: left;
	width:100px;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 10pt;
	padding: 5px;
	}
	
#navikasten ul a:link, #navikasten ul a:visited {display: block;}
#navikasten ul {list-style: none; margin: 0px; padding: 0px;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navikasten li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navikasten li {border-bottom: none;}


#navikastenLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	
}

#navikastenLinks h2{
	padding: 0px 0px 5px 0px;
}

#navikastenLinks a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 90px;
}

#navikastenLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#navikastenLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}






/******************************* Inhalt**************************************/

#inhalt_index  {
	position: relative;
	top: 0px;
	margin-left: 20px;
	width: 95%;
	padding: 15px 0 10px 0;
	font-size: 10pt;
	}

#inhalt_index h1,h2,h2{
	padding: 0px 0px 5px 0px;
}

.thumbnail_index {
	
	height:135px;
	width: 300px;
	border: 1px solid #999;
	margin: -7px 10px 5px 0;
	padding: 10px;
	}

	
#inhalt  {
	margin-left: 142px;
	width: 85%;
	padding: 15px 0 10px 0;
	font-size: 10pt;
	}

#inhalt h1,h2,h2{
	padding: 0px 0px 5px 0px;
}



.thumbnail {
	float: left;
	height:135px;
	width: 132px;
	border: 1px solid #999;
	margin: 5px 10px 5px 0;
	padding: 10px;
	}
	
.thumbnail_hoch
{
float: left;
width: 160px;
height:135px;
border: 1px solid #999;
margin: 5px 10px 5px 0;
padding: 10px;
}


#fotolinks{
	height: 30px;
	width: 50%;
	font-size: 10pt;
	padding-top: 10px; 
	padding-bottom: 50px;
	}

#fotolinks a{
 	color: #cccccc;
	}
	
#fotolinks a:hover{
 	color: black;
	}


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

#footer {
	clear: both;
    position: absolute;
	width:100%;
    bottom: 0px;
	padding: 10px 0 10px 0;
	border-top: 1px solid #cccccc;
	color: #cccccc;
	font-size: 10pt;
	}