CSS - http://www.andreasgeiser.ch/

    * Collapse All
    * Expand All

http://www.andreasgeiser.ch/
http://www.andreasgeiser.ch/typo3temp/stylesheet_f9345f3d01.css

/* default styles for extension "tt_news" */
  /* example styles for the pagebrowser */
    .tx-ttnews-browsebox TD { font-size: 10px; }
    .tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
    .tx-ttnews-browsebox-SCell { background-color: #EEE; }

http://www.andreasgeiser.ch/fileadmin/templates/whirlpool/frontend.css

html {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

BODY {
	FONT-SIZE: 10px;
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height:100%;
	padding: 0px;
	margin: 0px;
}

/*Standarteinstellung für alle klassen wo nichts definiert is*/
* {
	FONT-SIZE: 10px;
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif;
	color: black;
	padding: 0px;
	margin: 0px;
}

.content {
	padding: 0px;
	margin: 0px;
	border:0;
}

.bodytext {
	FONT-SIZE: 10px;
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif;
}

TR, TH, P {
	FONT-SIZE: 10px; 
	FONT-FAMILY: Verdana, sans-serif
}


A, A:link, A:visited {
	COLOR: #000000; 
	TEXT-DECORATION: underline
}


A:hover {
	COLOR: #cc0000;
	TEXT-DECORATION: underline
}

.menu_titel {
	background-color : d2d2d2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}

.searchinput { 
	border: 1px solid #000000;
	color: #000080;
	background-color : #cccccc;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
}

.adresse_template {
color: #000000;
padding-left: 6px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style:bold;
line-height: 1.3;
}

 
.schattenlinks {
	background-image: url("../images/left.jpg");
	background-repeat:repeat-y;
	background-position:right;
}

.schattenrechts {
	background-image: url("../images/right.jpg");
	background-repeat:repeat-y;
	background-position:left;
}

 
-------------------------

.randlinx {

	background-repeat: repeat-y;
	align: right;
}
/*
Formular formatierung
*/
legend {
padding-left:10px;
padding-right:10px;
border: 0px;
}

fieldset {
border:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid #C0C0C0;
}

label {
float:left;
text-align:left;
font-weight:bold;
display:block; 
width:120px; 
clear:left;
margin-left:10px;
}

.radiolayout {
width:60%;
padding-top:15px;
padding-bottom:15px;
}

.formu {
width: 520px;
height: 360px;
color: black;
background-color:#4b7dbe;
border: 1px solid #4B4B4B;
vertical-align: middle;
padding-top:25px;
margin-left:5px;
}

.mf-radio {
border:0px;
}

.mf-text {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
border:0px solid #0037b3;
color: black;
font-weight : normal;
background-color:#bbdcf8;
margin-top:3px;
width: 280px;
}

.mf-check {
border: 0px;
background-color:#bbdcf8;
color: black;
border:1px solid #0037b3;
margin-top:3px;
}
.mf-select {
border:0px;
}

.mf-input {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
border:0px solid #0037b3;
color: black;
background-color:#bbdcf8;
margin-top:3px;
width: 280px;
}

.mf-submit {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
border:0px solid #0037b3;
color: black;
background-color:#bbdcf8;
margin-top:3px;
margin-left:130px;
}


/*
Artikel Header
*/
.articleHead {
	color:#130077;
	font-size:150%;
	text-align: right;
}

/*
Content Header
*/
.csc-firstHeader, H5 {
	color: black;
	font-size:15px;
	/*border-bottom: 1px dashed black;*/
	text-decoration: underline;
}

H1 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 20px; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

}

H2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

}

H3 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

}

H4 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	/*MARGIN-BOTTOM: 0px; */
	COLOR: #000000; 
	/*LINE-HEIGHT: 100%; */
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

/*fürs shop menu*/

ul#shopnav {
    font-size: 0.8em;
    margin: 20px 0 20px 0; padding: 0;
    /*border: 1px solid black;
    background-color: brown;*/
}
ul#shopnav li {
    /*list-style: none;*/
    margin: 0; padding: 0.2em;
    font-weight: bold;
    text-decoration: none;
}
ul#shopnav li ul {
    margin: 0 0 0 1em; padding: 0;
    font-weight: normal;
    text-decoration: none;
    font-size: 0.9em;
}
ul#shopnav li ul li {
    margin: 0.1em 0;
    font-weight: normal;
    text-decoration: none;
    font-size: 0.9em;
}
ul#shopnav a {
    padding: 0.2em;
    margin-left: -5px;
    color: brown;
    text-decoration: none;
}
ul#shopnav a:visited {
    padding: 0.2em;
    margin-left: -5px;
    color: brown;
    text-decoration: none;
}
ul#shopnav a:hover {
    color: white; background-color: gray;
}



/*css für Menu*/
/*-------------CSS---------------------*/
ul#menuListV{
	width:175px;
	background-color:#none;
}
ul#menuListV, ul#menuListV ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
/*Normal Zustand 1 Ebene */
a.menuLinkV:link, a.menuLinkV:visited, a.menuLinkV:hover, a.menuLinkV:active{
    display:block;
    font-size:12px;
	font-weight: normal;
	text-decoration:none;
	color: #4d4d4d;
	width: 160px;
	padding: 2px;
	border: 1px solid #9b9b9b;
	margin-bottom: 1px;
	margin-left: 6px;
	background-color: #e5e5e5;
}
 
a.menuLinkV:hover {
	font-weight:bold;
    color:#869dbc;
}
/* Aktiver Zustand 1. Ebene - wenn keine Unterpunkte vorhanden */
a.menuLinkActV:link, a.menuLinkActV:visited, a.menuLinkActV:hover, a.menuLinkActV:active{
    display:block;
    font-size:12px;
	font-weight: normal;
	text-decoration:none;
	color: #4d4d4d;
	width: 160px;
	padding: 2px;
	border: 1px solid #000000;
	margin-bottom: 1px;
	margin-left: 6px;
	background-color: #c6c4c4;
}
/* Aktiver Zustand 1. Ebene - wenn Unterpunkte vorhanden */
a.menuLinkAct2V:link,a.menuLinkAct2V:visited,a.menuLinkAct2V:hover,a.menuLinkAct2V:active{
	display:block;
	font-size:12px;
	font-weight: normal;
	text-decoration:none;
	color: #4d4d4d;
	width: 160px;
	padding: 2px;
	border: 1px solid #000000;
	margin-bottom: 1px;
	margin-left: 6px;
	background-color: #c6c4c4;
	
}

/*Normal Zustand 2. Ebene */
a.submenuLinkV:link, a.submenuLinkV:visited,a.submenuLinkV:hover,a.submenuLinkV:active{
	position:relative;
	height:15px;
	width: 160px;
	padding-left: 2px;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
	display:block;
	border: 1px solid #9b9b9b;
	margin-bottom: 1px;
	margin-left: 6px;
	background-color: #f6f6f6;
	color: #4d4d4d;
}
 
a.submenuLinkV:hover {
	color:#869dbc;
}
/* Aktiver Zustand 2. Ebene  */
a.submenuLinkActV:link, a.submenuLinkActV:visited,a.submenuLinkActV:hover,a.submenuLinkActV:active{
	position:relative;
	height:15px;
	width: 160px;
	padding-left: 2px;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
	display:block;
	border: 1px solid #000000;
	margin-bottom: 1px;
	margin-left: 6px;
	background-color: #f6f6f6;
	color: #4d4d4d;
}
/*Normal Zustand 3. Ebene */
a.subsubmenuLinkV:link, a.subsubmenuLinkV:visited,a.subsubmenuLinkV:hover,a.subsubmenuLinkV:active{
	position:relative;
	height:15px;
	width: 160px;
	padding-left:2px;
	font-size:10px;
	font-weight: normal;
	text-decoration:none;
	display:block;
	border: 1px solid #9b9b9b;
	margin-bottom: 1px;
	margin-left: 6px;
	background-color: #e3eeff;
	color: #4d4d4d;
}
 
a.subsubmenuLinkV:hover {
	color:#869dbc;
}
/* Aktiver Zustand 3. Ebene  */
a.subsubmenuLinkActV:link, a.subsubmenuLinkActV:visited,a.subsubmenuLinkActV:hover,a.subsubmenuLinkActV:active{
	position:relative;
	height:15px;
	width: 160px;
	padding-left:2px;
	font-size:10px;
	font-weight: normal;
	text-decoration:none;
	display:block;
	border: 1px solid #000000;
	margin-bottom: 1px;
	margin-left: 6px;
	background-color: #f5f9ff;
	color: #4d4d4d;
}

/*Normal Zustand 4. Ebene */
a.subsubsubmenuLinkV:link, a.subsubsubmenuLinkV:visited,a.subsubsubmenuLinkV:hover,a.subsubsubmenuLinkV:active{
	position:relative;
	height:15px;
	width: 160px;
	padding-left:2px;
	font-size:10px;
	font-weight: normal;
	text-decoration:none;
	display:block;
	border: 1px solid #9b9b9b;
	margin-bottom: 1px;
	margin-left: 6px;
	background-color: #e1e9f6;
	color: #4d4d4d;
}
 
a.subsubmenuLinkV:hover, a.subsubsubmenuLinkV:hover  {
	color:#869dbc;
}
/* Aktiver Zustand 4. Ebene  */
a.subsubsubmenuLinkActV:link, a.subsubsubmenuLinkActV:visited,a.subsubsubmenuLinkActV:hover,a.subsubsubmenuLinkActV:active{
	position:relative;
	height:15px;
	width: 160px;
	padding-left:2px;
	font-size:10px;
	font-weight: normal;
	text-decoration:none;
	display:block;
	border: 1px solid #000000;
	margin-bottom: 1px;
	margin-left: 6px;
	background-color: #bbd8ff;
	color: #4d4d4d;
}
.menutop {
	position:relative;
	height:18px;
}
/*-------End CSS menu--------*/

/* IMAGE SHADOW */
.tx-damliteshow-previewimage {
	float:left;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

.tx-damliteshow-previewimage img {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #9b9b9b;
	margin: -6px 6px 6px -6px;
	padding: 4px;
	cursor: pointer;
}

.csc-textpic-imagewrap dl dt img{
	border: 1px solid #9b9b9b;
}

/*Bildbeschreibung*/
.csc-textpic-caption {
	FONT-SIZE: 8px;
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif;
	color: #4b4b4b;
}

