/*------------------- CSS RESET ---------------------
---------------------------------------------------*/
* {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}

ul,
ol {
list-style: none;
}

b,
strong {
font-weight: bold;
}

img,
a img {
border: none;
}

/*------------------SCHRIFT / GRÖSSE ---------------
---------------------------------------------------*/

body {
font-family: Verdana, Helvetica,sans-serif;
font-size: 76%;
color: #666666;
line-height: 1.5em;
text-align: left;
}

h1{
font-family: Verdana,Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 0.7em;
color: #D50707;
font-size: 2em;
line-height: 1.4em;
}

h2 {
font-family: Verdana,Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 1em;
color: #AD1910;
font-size: 1.5em;
}

h3 {
font-family: Verdana,Helvetica, sans-serif;
font-weight: bold;
color: #AD1910
font-size: 1em;
}

h3.datum {
color: #505862;
font-size: 0.95em;
}

blockquote {
color: #f18110;
}

a:link,
a:visited {
font-weight: bold;
color: #2A438A;
/*color: #86C5DF;*/
text-decoration: none;
}

a:hover,
a:focus,
a:active {
color: #BF870D;
text-decoration: underline;
}

/*------------------- LAYOUT ---------------------
---------------------------------------------------*/
#container {
width: 95%;
background-color:#ffffff;
padding: 4px;
margin: 0 auto;
}

#header {
background-color: transparent;
padding: 10px 20px;
}

#rahmen {
border: 2px solid #cccccc;
-moz-border-radius: 12px; /* runde Ecken mit 12px Kurvenradius */
padding: 10px; /* Abstand zum Rahmen */

}

#kopfzeile {
background-color: #F9F7FF;
padding: 10px 20px;
}

#boxLeft {
width: 180px;
float: left;
}

#klickpfad {
margin: 0 210px;
}

#boxRight {
width: 200px;
float: right;
}

#content {
background-color: transparent;
padding: 10px 20px;
}

#sidebarLeft {
width: 180px;
float: left;
}

#bodyContent{
margin: 0 210px;
}

#sidebarRight {
width: 200px;
float: right;
}

#footer {
clear: both;
}

#content p {
margin-bottom: 20px;
}

#footer p {
font-size: 0.9em;
text-align: center;
font-family: Verdana, Helvetica, sans-serif;
margin-bottom: 60px;
}

#trailer {
font-size: 24px;
text-align: center;
font-family: Verdana, Helvetica, sans-serif;
}


/*------------------Bilder für runde Ecken u.a.-----
---------------------------------------------------*/


/*------------------- ALLGEMEIN --------------------
---------------------------------------------------*/
.fl {
float: left;
padding-right: 1em;
}

.fr {
float: right;
padding-left: 1em;
}

.clearfloat {
clear: both;
}

.ut {
color: #000;
font-size: 0.65em;
font-weight: bold;
font-variant: small-caps;
font-family: Tahoma,Arial,Helvetica,sans-serif;
margin-right: 30px;
display: block;
text-align: right;
}

.mehrInfo {
font-size: 0.8em;
margin-top: 8px;
display: block;
text-align: right;
}

.mehrInfo a:link,
.mehrInfo a:visited {
padding: 2px 20px;
}