/*------ General ---------------------- */
body {
background-color:#1c4f71;
font-size:15px;
font-family: Verdana, Roboto, Clean, Helvetica, Arial, sans-serif;
line-height:20px;
color:#000;
padding:0;
margin:0;
letter-spacing:1px;
}

* {
padding:0;
margin:0;
outline:none;
}

a { color:#2870bb;}
a:hover { color: #428edc;
text-decoration:none;}

img { 
border:none;
margin: 22px 0px 2px 0px;
}



/*------ Überschriften ---------------------- */
h1{
font-size:20px;
margin:10px 0;
padding:0 0 5px 0;
border-bottom:1px dashed #fff;
color:#000;
}

h2{
font-size:16px;
margin:10px 0;
color:#000;
}

h3{
font-size:13px;
margin:10px 0;
color:#000;
}


.initiale { 
    float: left; 
    font: normal 4em/110% Georgia, Times, "Lucida Typewriter", serif; 
    color: maroon; 
    margin-right: 0.2em;
}



/*------ Struktur ---------------------- */
#wrapper {
width:980px;
margin:30px auto;
}

#shadow {
-moz-box-shadow:    0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
box-shadow:         0 0 6px #000;
}

#sidebar {
float:left;
width:200px;
}

#right {
float:right;
width:760px;
}

#logo  {
font-size:40px;
font-weight:bold;
color:#fff;
text-decoration:none;
}

#logo:hover {
color:#60a6d6;
}

/*------ Topnavigation ---------------------- */
#topnav {
			
background-color:#096dba;
width:980px;
height:50px;
padding:0;
margin:20px 0 0 0;
border-bottom:5px solid #f8c978;
}

#topnav ul {
margin:0;
padding:0;
list-style:none;
}

#topnav ul li {
float:left;
border-right:1px solid #498abd;
}


    
#topnav ul li a {
display:block;
height:34px;
padding:16px 20px 0;
color:#9bb5c9;
font-weight:bold;
text-decoration:none;
}



#topnav ul li a:hover {
background-color:#f8c978 ;
color:#0b5791;
transition-property: background-color;
transition-duration: 1s; 

}

/*------ Menü in der Sidebar ---------------------- */
.menuhead {
font-family: Verdana, Roboto, Clean, Helvetica, Arial, sans-serif;
font-size:15px;
font-weight:bold;
letter-spacing:1px;
padding:0;
margin:15px 0 5px 0;
color:#000;
}

.menu ul {
list-style-type:none;
}

.menu ul li {
height:27px;
width:180px;
border-bottom:1px solid #e4e4e4;
}

.menu ul li:first-child {
border-top:1px solid #e4e4e4;
padding:0 0 1px 0;
}

.menu ul li a {
font-size:12px;
display:block;
width:180px;
height:22px;
color:#000;
text-decoration:none;
padding:4px 0 0px 0;
margin:1px 0 0 0;
}

.menu ul li a:hover {
color:#000;
background-color:#f1f1f1;
text-shadow:1px 1px 0 #fff;
font-weight:bold;
}

/*------ Content ---------------------- */
#content {
overflow:hidden;
background-color:#fff;
width:960px;
height:auto;
text-align:justify;
padding:10px;
}

/*------ Footer ---------------------- */
#footer {
clear:both;
background-color:#bfbfbf;
border-bottom:5px solid #a4a4a4;
color:#000;
font-size:12px;
width:960px;
height:17px;
margin:0 auto 0;
padding:10px 10px;
}


/*---Gutschy- Duck-Duck-go Search ---- */
.search
{
padding-bottom: 0px;
}
 
.search li
{
list-style: none;
margin: 0 0 0em 0;
padding-left: 1em;
text-indent: -1em;
}
 
.search time
{
margin-left: 0em;
font-size: .75em;
color: #fafafa;
}
 
/*the form*/
#search
{
font-family: Verdana, Roboto, Clean, Arial,san-serif;
width: 100%;
max-width: 300px;
margin: 0px center 0;
margin-left: -1px;
}
 
#search input
{
width: 80%;
font-family: Verdana, Roboto, Clean, Arial,sans-serif;
background-color: #fafafa;
border: 1px solid #9a9a9a;
padding: 6px 8%;
color: #2b2b2b;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 8px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.5);
box-shadow: 0 1px 0 rgba(255,255,255,.5);
}
 
#search input:focus
{
outline: none;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 0 8px #4f4f4f;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 0 8px #4f4f4f;
box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 0 12px #4f4f4f;
}




/*--- Gutschy-  ZZM - für Zurück zum Menü - Überschriften im Content ---- */

#zzm {
clear:both;
background-color:#f1f1f1;
border-top:1px solid #c1cfda;
border-bottom:1px solid #c1cfda;


font-family: Verdana, Roboto, Clean, Arial, san-serif;
color: #000000;
font-size:16px;
font-weight:bold;
text-shadow:0px 0px 0 #2d3132;

a { color:#000000;}
a:hover { color: #b01515;
text-decoration:none;}

width: 100%;
max-width: 640px;

height:16px;
margin: 40px auto 40px;
padding:12px 12px;

-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;

outline: none;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 0 6px #a1a7aa;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 0 6px #a1a7aa;
box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 0 4px #a1a7aa;

}