/* CSS Document */



/* 

*  CSS http://www.randenbike.ch

*

*  styled for TYPO3 4.0.4

*  http://www.web-kultur.ch

*/



/* ---------------------------------------------------- */

/* Generelle Formatierung */

/* ---------------------------------------------------- */



html {

 height: 100%;

}



body {

 font-family: Verdana, Arial, Sans-Serif;

 font-size: 11px;

 line-height: 11px;

 font-weight: normal;

 color: #767676;

 padding: 0px;

 margin: 0px;

 text-align: center;

 

 background-color: #fff;

}



table, td {

 font-family: Verdana, Arial, Sans-Serif;

 font-size: 11px;

 line-height: 11px;

 font-weight: normal;

 color: #767676;

 text-align: left;

 vertical-align: top;

 padding: 0px;

 margin: 0px;

}



h1, h2, h3, h4, h5 {

 font-family: Verdana, Arial, Sans-Serif;

 font-size: 11px;

 font-weight: bold;

 color: #767676;

 text-align: left;

 padding: 0px;

 margin: 0px; 

 border: 0px;

}



a {

 font-family: Verdana, Arial, Sans-Serif;

 font-size: 11px;

 line-height: 11px;

 font-weight: normal;

 text-decoration: underline;

 color: #7f7f7f;

 background-color: transparent; 

}

a:link, a:visited {

 color: #7f7f7f;

}

a:hover, a:active {

 color: #a2a2a2;

}



ul, li {

 list-style-type: square;

}



form {

 padding: 0px;

 margin: 0px;

 border: 0px;

}



input, textarea {

 font-family: Verdana, Arial, Sans-Serif;

 font-size: 11px;

 color: #333;

}





/* ---------------------------------------------------- */

/* Layout */

/* ---------------------------------------------------- */



#website {

 width: 950px;

 margin-left: auto;

 margin-right: auto;

 text-align: left;

 padding: 0px;

 margin-top: 10px;

 padding-bottom: 30px;

 

 background: transparent; 

}



/* oberer Bereich */

#title {

 padding-bottom: 5px;

}



.title_rb{

 font-family: Verdana, Arial, Helvetica, sans-serif;

 color: #BFBFBF;

 font-size: 24px;

 font-style: italic;

 font-weight: bold;

 background: transparent;

 line-height: 24px;

}



#topnavi {

 width: 950px;

 height: 17px;

 text-align: right;

 

 color: #bfbfbf;

}

#topnaviinner {

 text-align: right;

 width: 937px;

 height: 17px;

 padding-right: 13px;

}



/* Banner */

#bannerpart {

 width: 950px;

 height: 100px;

 

 background-color: #eaeaea;

}

#bannerleft {

 float: left;

 width: 10px; 

 height: 100px;

 background-color: #f6f6f6;

}

#bannercolor {

 float: left;

 width: 120px;

 height: 100px;

}

#banner {

 float: left;

 width: 205px;

 height: 100px;

}

#headergrau {

 float: left;

 width: 615px;

 height: 100px;

}



#main {

 width: 950px;

 background-color: #fff;

}



/* middlepart */

#middlepart {

 width: 950px;

 height: 60px;

} 

#middleleft {

 float: left;

 width: 160px;

 height: 60px;

 

 background-color: #f6f6f6;

}

#middleright {

 float: left;

 width: 690px;

 height: 60px;

}

#middlerighttop {

 width: 690px;

 height: 5px;

}

#clickpath {

 padding-left: 30px;

 height: 25px;

 width: 690px;

}

#sitetitle {

 line-height: 22px;

 text-transform: uppercase;

 background: transparent;

 font-size: 22px;

 color: #afafaf;

}

#features { 

 text-align: right;

 width: 790px;

 height: 20px;

}



#contentpart {

 width: 950px;

}

#ctable {

 width: 950px;

 height: 290px;

}

#navispacer {

 width: 10px;

 background-color: #f6f6f6;

}

#navi {

 width: 150px;

 background-color: #f6f6f6;

}

#contentspace {

 width: 30px;

}

#content {

 width: 760px;

 padding-bottom: 35px;

}



/* Content */



#content, #content table, #content td, #content div, #content p {

 line-height: 14px;

}







#end {

 width: 950px;

 height: 20px;

}

#endleft {

 float: left; 

 width: 160px;

 height: 20px; 

 

 background-color: #f6f6f6;

}

#endright {

 float: left;

 width: 790px;

 height: 20px;

}







/* zweispaltig, z.B. Kontakt */

#cbox-left {

 float: left;

}

#cbox-right {

 float: left;

 padding-left: 30px;

}



/* Trennlinie bei Aktuelles */

.dashline {

 width: 100%;

 height: 1px;

 border-top: 1px #afafaf dashed;

 padding-top: 10px;

 padding-bottom: 10px;

}

.dlinner {

 width: 100%;

}







/* ---------------------------------------------------- */

/* Divers */

/* ---------------------------------------------------- */



/* Footer */

#footer {

 height: 20px;

 font-family: Arial, Helvetica, Sans-serif;

 text-align: right;

 font-size: 10px;

 

 width: 950px;

 height: 20px;

 line-height: 18px;

}

#footer a, #footer a:link, #footer a:visited {

 line-height: 18px;

 font-size: 9px;

}

#footer a:hover, #footer a:active {

 line-height: 18px;

 font-size: 9px;

}





/* 	

	Visitenkarten Extension 

	wkvcards

*/



.wkvcards-container, .wkvcards-container td {

 vertical-align: middle;

}

.wkvcards-container{

 width: 600px;

}

.wkvcards-container tr {

 width: 600px;

}



.wkvcards-container {

 border-top: 2px #cccccc solid; 

 border-right: 2px #cccccc solid; 

 border-left: 2px #cccccc solid; 

}



.wkvcards-left-img, .wkvcards-right-img {

 width: 140px;

 height: 140px;

 border-bottom: 2px #cccccc solid;

 vertical-align: middle;

}

.wkvcards-left-txt, .wkvcards-right-txt {

 width: 160px;

 height: 140px;

 border-bottom: 2px #cccccc solid;

 vertical-align: middle;

}

.wkvcards-right-img {

 border-left: 2px #cccccc solid;

}

.wkvcards-left-img, .wkvcards-right-img {

 text-align: center;

}











/* Intro  ----------------- */



#introtop {

 margin-left: auto;

 margin-right: auto;

 text-align: center; 

 width: 100%; 

 margin-top: 3%;

}

#introinfo {

 width: 800px; 

 text-align: right; 

 margin-left: auto; 

 margin-right: auto; 

 color: #999999; 

 font-family: Arial, Helvetica, sans-serif; font-size: 13px;

}

#introbox {

 width:100%; 

 text-align: center; 

 background-color: #f6f6f6;

}

#introaddress {

 width: 800px; 

 text-align: center; 

 margin-left: auto; 

 margin-right: auto; 

 color: #999999; 

 font-family: Arial, Helvetica, sans-serif; 

 font-size: 13px; 

 padding-top: 25px; 

 line-height: 15px;

}