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


ol {
list-style: none;
}

b,
strong {
font-weight: bold;
}

img,
a img {
border: none;
vertical-align: middle;
}

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

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


h1,
h2,
h3 {
font-weight: bold;
font-family: 'Verdana';
margin-bottom: 0.2em;
}

h1,
h2 {

color: #ad1910;
}

h1 {
font-size: 2.0em;
}

h2 {
font-size: 1.2em;
}

h3 {
font-size: 1.2em;
color: #505862;
}

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


h3.impressum {
color: #8F8F8F;
font-size: 0.95em;
}

h3.kalender { 
	color: #505862;
	font-size: 1.15em;
	font-weight: bold;
	font-family: 'Verdana';
}



blockquote {
color: #505862;
}


a.extern {

 display: block;

}


a:link,
a:visited {
color: #404040;
text-decoration: none;

}

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

fieldset { border-color: hsl(000,000,000); -moz-border-radius: 8px; -webkit-border-radius: 8px; padding-left: 7px; padding-bottom: 7px;}

legend { 
	color: #505862;
	font-size: 1.15em;
	font-weight: bold;
	font-family: 'Verdana';
	text-decoration: underline;
	padding-left: 7px; padding-right: 10px; padding-bottom: 5px;
 }


a.hnavi, a:visited.hnavi, a:active.hnavi {

line-height: 14px;
text-decoration: none;
color: #494949;
font-family: Verdana; 
font-size: 12px;
font-weight: normal;
border-top: 2px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 2px solid #ffffff;
padding-right: 25px;
padding-left: 25px;
padding-top: 3px;
padding-bottom: 3px;
}

a:hover.hnavi { 

text-decoration: none;
color: #2F6395;

background-color: #DFDDDE;
}

/*------------------- LAYOUT ---------------------
---------------------------------------------------*/
#container {
width: 924px;
background-color: #ffffff;
border: 4px solid #dcdcdc;
padding: 4px;
margin: 0 auto;
}

#header {
background-color: #e2e7ed;
position: relative;
height: 80px;
}

#hdTop {
 height: 90px;
}

#logo {
padding-top: 10px;
padding-left: 20px;
}

#hdMenu {

height: 230px;
position: relative;
}

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

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

#mainContent {
margin: 0;
float: right;
width: 376px;
}

#wrapper {
float: left;
width: 630px;
}

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

#footer,
.clearfloat {
clear: both;
}

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

#footer p {
font-size: 0.9em;
text-align: center;
}

/*------------------- 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;
}


.paleft { 
padding-left: 10px;
}

input.text {
border: 1px #C1C1C1 solid;
color: #666666;
font-family: Verdana,Arial,Helvetica,sans-serif;
height: 16px;

}

input.name {
border: 1px #C1C1C1 solid;
background-image: url("Icons/People_040.gif");   
background-repeat: no-repeat;   
vertical-align: middle;
text-align: left;
padding-left: 20px;
}

input.pw {
border: 1px #C1C1C1 solid;
background-image: url("Icons/key_go.png");   
background-repeat: no-repeat;   
vertical-align: middle;
text-align: left;
padding-left: 20px;
}

input.suche {
border: 1px #C1C1C1 solid;
background-image: url("Icons/search.gif");   
background-repeat: no-repeat;   
vertical-align: middle;
text-align: left;
padding-left: 20px;
}

/*-----------2-spaltiges Design---------------------------------
-----------------------------------------------------------------*/
.techno #mainContent {
width: 630px;
}

.techno #hdMenu {
background: url(img/nachtbruecke.png) no-repeat 230px 0;
}


#sidebarbreit {
width: 606px;
float: left;
}
