/*** Gestaltung und Programmierung ***/
/*** ©2005 www.saftigesGruen.de ***/
/*** Petra Schneider, Hagsfelder Allee 12, 76131 Karlsruhe, info@saftigesGruen.de ***/

/************* global styles **************/


* {
	font-size: 100%;
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;margin: 0px;padding: 0px;
}
h1 {
	font-family: 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #000000;
	margin: 5px 0px 0px 0px;
}
h2 {
	font-family: 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #0066CC;
	margin: 2px 0px 15px 0px;
}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;}

a:link {color: #FF0000;}
a:visited {color: #FF0000;}
a:hover {color: #0066CC;}

img {border: none;}

p {margin: 12px 0px 12px 0px;}


/************* #structure styles **************/
#siteName	{margin: 0;padding: 0px 0px 0px 8px;float: none;
}
#topHeader {
	padding: 0;
	width: 100%;
	background-image: url(/fileadmin/templates/graphics/fahrradladen.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 120px;
	position: static;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
}
#midHeader{
	color: #FFFFFF;
	top: 85px;
	position: absolute;
	width: 90%;
	text-align: right;
	left: 0px;
	overflow: visible;
}
#subHeader {
	background-color: #0066CC;
	text-align:center;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 116px;
	padding-top: 0px;
	padding-bottom: 5px;
}
#navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 153px;
	float: left;
	position: absolute;
	top: 145px;
	left: 0px;
	background-image: url(/fileadmin/templates/graphics/backnavi.gif);
	height: 500px;
	visibility: visible;
	overflow: visible;
}
#content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 75%;
	float: right;
	padding: 12px;
	background-image: url(/img/backSign.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	left: 185px;
	border-bottom: 5px solid #0066CC;
	position: absolute;
	top: 145px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 11px;
}
#open {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;
	padding-right: 15px;
	margin-top: 80px;
	float:right;
}
/************* Nav styles **************/

a.menue {
	color: #FFFFFF;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	padding:4px 3px 4px 8px;
}
a.menue2 {
	color: #FFFFFF;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	//font-weight: bold;
	text-decoration:none;
	padding:4px 3px 4px 12px;
}
a.menue:hover {
	color: #FFFFFF;
	background-color: #0066CC;
	border-top: #FFFFFF solid 1px;
	border-bottom: #FFFFFF solid 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	padding:3px;
	padding-left:8px;
}
a.menue2:hover {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
.menueLeft {width: 138px; background-image: url(/fileadmin/templates/graphics/backnavi.gif); background-repeat: repeat-y; margin: 0;}
.menueLeft li {margin: 0; padding: 0;}
.menueLeft ul {margin: 0px; padding: 0px; list-style-type: none;}

.menueAktive {
	background-color: #0066CC;
	border-top: #FFFFFF solid 1px;
	border-bottom: #FFFFFF solid 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	padding:3px;
	padding-left:8px;
	display: block;
}

.menue2Aktive {
	color: #FFFFFF;	
        border-top: #FFFFFF solid 1px;
	border-bottom: #FFFFFF solid 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	padding:3px;
	padding-left: 12px;
	display: block;
}
a.menueAktive  {color: #FFFFFF;}
a.menueAktive:hover {color: #FFFFFF;}

a.menue2Aktive  {color: #FFFFFF;}
a.menue2Aktive:hover {color: #FFFFFF;}

/************* #structure DETAIL styles **************/

#headerDetail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(/fileadmin/templates/graphics/fahrradladen.gif);
	background-repeat: no-repeat;
	height: 113px;
	background-position: left bottom;
	width: 780px;
}
#topHeaderDetail {
	padding: 0;
	width: 750px;
	background-image: url(/fileadmin/templates/graphics/fahrradladen.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 95px;
	position: static;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
}
#midHeaderDetail {
	color: #FFFFFF;
	top: 59px;
	position: absolute;
	width: 680px;
	text-align: right;
	left: 0px;
	overflow: visible;
}
#subHeaderDetail{
	background-color: #0066CC;
	text-align:center;
	position: absolute;
	width: 750px;
	left: 0px;
	top: 91px;
	padding: 0px 0px 5px 0px;
}
#contentDetail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 720px;
	border-bottom: 5px solid #0066CC;
	top: 125px;
	font-size: 11px;
	height: 300px;
	margin-top: 20px;
	padding: 12px 0px 0px 30px;
}

/***********************************************/
/* Context Styles                             */
/***********************************************/
.copySmall {font-size: 9px;font-weight: bold;}

#midHeader h1 {
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #FFFFFF;}
#midHeaderDetail h1 {
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #FFFFFF;}

#subHeader h1 {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#subHeaderDetail h1 {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content a {color: #FF0000;}
#content a:hover {color: #0066CC;}
#content text {float: left;}
#content img {float: right;margin: 0px 20px 20px 20px;}

#contentDetail img {float: right;margin: 0px 0px 20px 20px;}
#contentDetail h3 {
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}

/************* ANGEBOTE styles **************/
#angebotsTabelle img {margin: 0px;padding: 0px;float: none;}
#angebotsTabelle a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
	margin-bottom: 8px;
	text-decoration: none;
}
.artikel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	padding: 8px 0px 5px 5px;
}
.artikel h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
	margin-bottom: 8px;
}
.artikelPreis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 22px;
	padding-right: 5px;
	text-align: right;
}
.artikel ul {padding: 0px;margin: 0;}
.artikel li {padding: 0px;list-style-type: none;}

/************* ANFAHRT styles **************/

#anfahrt {margin: 0px;padding: 0px;width: 376px;}
#anfahrt img {margin: 0px;padding: 0px;float: none;}
#logo {
	float: none;
	margin-bottom: 0px;
	padding-bottom: 10px;
}
#logo img {margin: 0;float: none;}

/************* CRUISER styles **************/
#cruiser {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 230px;
	background-image: url(/fileadmin/templates/graphics/cruiserVermietung.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 180px;
}
#cruiser img {margin: 0;clear: right;}
#cruiser h1 {
	padding: 5px 8px 0px 8px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #0066CC;
	margin: 0px 50px 0px 0px;
}
#cruiser h2 {
	background-color: #0066CC;
	margin: 0px 50px 0px 0px;
	padding: 0px 8px 5px 8px;
	font-size: 17px;
	color: #FFFFFF;
}


// -----------------------------------------------------------
// Formulare
// -----------------------------------------------------------

label {
  	 float:   	 left;
  	 display:   	 block;
  	 width:   	 8em;
  	 clear:   	 left;   
 	 margin-top:   	 -1em;
  	 font-weight:   	 bold;
}



fieldset {
	border: none;
	width: 400px;
}

input {
  	 position:   	 relative;
 	 top:   	   	 -1.4em;
 	 left:   	 8em;
  	 display:   	 block;
  	 border:  	 1px solid #a5acb2;
 	 padding:  	 2px;
 	 background:  	 #fff;
}

textarea {
         position:       relative;
         top:                    -1.4em;
         left:           8em;
         display:        block;
         border:         1px solid #a5acb2;
         padding:        2px;
         background:     #fff;
}



// -----------------------------------------------------------
// Tabellen
// -----------------------------------------------------------

p { font-size:11px; padding:0 0 0 0; margin:0 0 0 0;}
.contenttable p {border:0; margin:0; padding:0;font-size:100%px; }