/* --------- Generelles ---------*/
*
{
margin:0;
padding: 0;
}

p, form, table
{
margin:10px 0 10px 0;
}

a, a:link, a:visited, a:active
{
margin:0;
padding:0 3px;
color:#6c0;
text-decoration: none;
background:none;
}

a:hover
{
text-decoration:underline;
background:#fff;
}

small{
color:#999;}

code
{
 font: 1em normal 'courier new', courier, serif;
}

acronym, abbr{
	cursor: help;
	border-bottom: 1px dotted #d48d77;
	}


/* ----- Layout - Struktur ------- */

body {
font-size : 62.5%; /* 10px normal */
font-family :  Georgia, "Times New Roman", Serif;
padding:2% 0;
margin:0;
background:#fff url('bg.gif') bottom left repeat-x;
background-attachment:fixed;
height:101%;
text-align:center;}


#page {
color:#666;
width:80%;
margin:30px auto;
text-align:left;
font-size:1.6em;
line-height:1.5em;
margin: auto;
padding: 20px 35px 20px 30px;
background:#fff url('logo.gif') 96% 0% no-repeat;
overflow:auto;
}

#haupt, #haupt2, #unter {
background:#EEFFE5;
padding:5px 20px;
border-right:5px solid red;
border-left:5px solid red;
}

#haupt, #haupt2 {
margin-top:20px;
}

#suche {
text-align:right;
float:right;
margin-top:20px;}

#bookmarks{
margin-top:23px;
float:left;}

#featured {
font-size:0.8em;
text-align:left;
float:left;
}

#featured a img{
border:none;}

#impressum {
border-top:4px solid red;
padding-top:6px;
font-family:arial,verdana,sans-serif;
margin-top:30px;
font-size:0.75em;}

#impressum .li{
float:left;}

#impressum .re{
float:right;}


#pfad {
color:#888;
font-size:0.9em;
}

.box{
background:#EEFFE5;
padding:15px 30px;
margin:20px 0;}

.bet {
color:black;
padding-bottom:4px;
border-bottom:4px solid red;
}

.hid{
display:none;
}

.listen p{
padding:27px;
border-left:5px solid #fff;
border-right:5px solid #fff;}
.listen p:hover{
border-color:red;}
a.linktitle{margin-left:-3px;}
span.linkdescription{}



form {
display: inline;
}

input, textarea {
color: #333;
border: 1px solid #ccc;
margin-right: 3px; padding-left:2px; padding-right:2px; padding-top:1px; padding-bottom:1px;
}

input[type=submit] {
color: #6c0;
margin-top:2px
}

input[type=submit]:hover {
cursor: pointer;
color: #fff;
background:#6c0;
}

form input:hover, form textarea:hover
{
border:1px solid #333;
}

form input:focus, form textarea:focus
{
background:#f7f1e6;
border : 1px solid #666}

ul, ol {
list-style-position:inside;}

h1, h2, h3, h4, h5 {
text-transform:uppercase;
letter-spacing:0.1em;
margin-top:0.7em;
font-family: "Century Gothic", Enviro, "Eras Light ITC", Gautami, "Trebuchet MS", sans-serif;
font-weight:normal;
}

h2, h3, h4, h5{
font-size:1.2em;}

.partner1{
float:left;}

.partner2{
float:right;}

hr{
visibility:hidden;}

.clearboth{
clear:both;}


#loading {
position:absolute;
left:50%;
top:50%;
width:500px;
height:360px;
margin-top:-100px;
margin-left:-250px;
padding:0;
border:2px solid #666;
background:transparent url(/trans30.png);
z-index:2;
text-align:center;
font-size:12px;}

#loader{
width:100%;
height:100%;
text-align:center;
color:#666;
margin:0;
padding:0;
background:transparent url(/ajax-loader.gif) 50% 40% no-repeat;}

#loader span{
display:block;
padding-top:170px;}