html, body { 
	margin: 0;
	padding: 0;
	}

body   { 
	margin: 0;
	padding: 0;
	font-family: verdana,helvetica,sans-serif; 
	color: #414141; 
	font-size: 13px;
	line-height:19px;
	background-color: #414141;
	text-align: center;
	
	}

/* Seitenstruktur */

#base {
	position:relative;
	margin:30px auto;
	width: 900px;
	text-align:left;
	background: #ffffff;
     	}

#base a {
	color: #787878; 
	}	

#base a:hover {
	color: #0089f7;
	}



#searchresults{
    position:absolute; 
    display:none;border:1px solid #818181; 
    z-index:4; width:200px; 
    background-color: #FFF; 
    padding: 5px 10px 5px 10px;
    text-align: right;
}

#searchresults a{
    text-decoration: None;
}


/* HEADER */

div#header { 
	width:318px;
	position:absolute;
	top:0px;
	left:0px;
	background:#fff;
	}

div#header h1 { 
	margin:30px 0 0 20px;
	font-size:11px;
        border:none;
	}

div#header h1 a:hover	{
	text-decoration: none;
	}

div#header h1 a {
	display: block;
	padding:0; margin:0;
	height: 71px;
	text-decoration: none;
	font-size: 2px;
	text-indent: -700em;
	background: transparent url(images/logo.gif) no-repeat top left;
	}

div#header .headline {
	color:#ddd;
	font-size:35px;
	line-height:35px;
	padding:20px 20px;
	letter-spacing:-1px;
	font-family:arial;
	}
div#header .search {
	padding:20px 80px 20px 20px;
	
	}
div#header .search input{
	width:150px;
	border:1px solid #818181;
	}
div#header .search button{
	background-color:#818181;
	color:#fff;
	border:1px solid #818181;
	*margin-left: 5px;
        *height:20px;
	}

/* NAVIGATION */

div#nav { 
    position:absolute;
	top:0;
	left:318px;
	border-bottom:1px solid #ddd;
	margin:0;
	padding:5px 20px;
	width:542px;
	text-align:right;
	}

div#nav ul {
	margin: 0; 
	padding: 0;
	list-style:none;
	}
	
div#nav li {
	position: relative;
	list-style: none;
	margin: 10px;
	padding: 0;
	display:inline;
	}
	
div#base div#nav li a {
	text-decoration: none;
	color: #818181;
	}
	

#base div#nav ul li a:hover {
	color: #414141;
	}
	
/* CONTENT */

div#content-site {
	margin:50px 0 0 318px;
	padding:0 0 20px 0;
	height:auto;
	min-height:500px;
	height:auto !important;
        height:500px; 
	background:#fff;
	}
div#content-site .text {
	padding:50px 20px 0 0;

	}

div#content-site #quelle {
        text-align:right;
        clear:both;
        padding:0 10px 0 0;
	background:#ddd;
	}
div#content-site #quelle img{
        padding:0;
	}
div#content-site #quelle .quelle{
	}
div#content-site .untertitel{
        font-weight:bold;

}
div#content-site #gallery {
width:550px;


}
div#gallery .thumb {
       margin:0 2px 2px 0;
       float:left;
       }
div#gallery div.image-detail {
        position:absolute;
        top:90px;
        right:20px;
	display:none;
	}
	
div#gallery div#first-gallery-image {
	display:block;
	}


div#content-site .txt {
	clear:both;
	padding:10px 30px 0 0;
	
	}

div#content-site .box{
	margin:0 30px 10px 0;
        background:#ddd;
        padding: 4px;
}

div#content-site .head{
	background:#ddd;
        color:#0089f7;
}
	
div#content-site input{
	width:150px;
	border:1px solid #818181;
	}
div#content-site button{
	background-color:#818181;
	color:#fff;
	border:1px solid #818181;
	*margin-left: 5px;
        *height:20px;
        width:152px;
	}
div#content-site table {
        margin:0;
        padding:0;
        border-collapse:collapse;
        width:558px;
        font-size:1em;
        line-height:1.5em;
}


div#content-site #sortable_table .grade {
        background:none;
}
div#content-site #sortable_table .ungrade {
        background:#ddd;
}


/* Allgemeine Styles */

.hide { display:none; }	

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

img { border:0; padding:0; }

a img  { border:0; }

h2 {font-size:1.5em; padding:10px 0 5px 0; margin:0; color:#0089f8; border:none;}
h3 {font-size:1.1em; padding:10px 0 5px 0; margin:0; color:#0089f8; border:none;}