Datei editieren

You can edit the contents of a text file with this dialog.fileadmin/: template/style/tennisservice.cssBearbeiten
Datei editieren

You can edit the contents of a text file with this dialog.fileadmin/: template/style/tennisservice.cssBearbeiten
Datei editieren

You can edit the contents of a text file with this dialog.fileadmin/: template/style/tennisservice.cssBearbeiten
/*****************************************************************/
/* BEREGNUNG24 SHOP
/*****************************************************************/


html,body{margin:0;padding:0}
body {background:#FFFFFF;}

form, p, span, img, ul, li {margin:0px; padding: 0px}
div, table, td {color: #45646D; font: normal 12px Arial;}

a {color: #45646D; font: normal 12px Arial; text-decoration:underline}
a:hover {color: #45646D; font: normal 12px Arial; text-decoration:underline}

/* Standardrahmen zurücksetzen */
fieldset, img { border:0; }

.clearer {clear:both;}

/*****************************************************************/
/* Seitenformatierung
/*****************************************************************/

/* Seitenhintergrund */
div#container {height:100%; width: 1002px; margin:0px auto; }
#topnav {float:left;width: 100%; height: 20px; }
#topnav ul {float: right;  display:inline; margin:0; padding: 0;}
#topnav ul li {float:left; border-right: 1px #CFCFCF solid; display:inline; margin-left:8px; list-style-type: none; height: 13px;}
#topnav ul li a {display:block; width: auto; background: transparent; font: bold 12px Verdana; text-decoration: none; color: #778661; padding: 0em 0.8em 0em 0em;}
#topnav ul li a:hover {background: transparent; color: #9a3500; text-decoration: none;}
#topnav ul li#current { border-right: 1px #CFCFCF solid; }
#topnav ul li#current a {}
#topnav ul li#current a:hover { color: #9a3500; text-decoration: none;}
#topnav ul li#last { border-right: 0px; }
#topnav ul li#last a { color: #778661; text-decoration: none;}
#topnav ul li#last a:hover { color: #9a3500; text-decoration: none;}




/************************************************/
/* Header Navigation							*/
/************************************************/


/*#header_nav { display: inline; float: left; height:31px; width: 217px; margin-top:10px; margin-right: 30px;padding-top:10px;}
#header_nav a {color: #FFFFFF; font: bold 13px Arial; text-decoration:none; margin-top: 7px; margin-left: 18px; background-image:url(../image/tennisservice/mainbutton_dark.jpg);  width: 217px; margin-top:10px; }
#header_nav a:hover {color: #FFFFFF; font: bold 13px Arial; text-decoration:underline; background-image:url(../image/tennisservice/mainbutton_light.jpg);}
*/


#header_nav {
    display:none;
	width: 100%;		/* Einfassen der Floats im IE */
    float:left;         /* Einfassen der Floats in allen anderen Browsern */
    background: #f8f8f8;
    /*border-top: 1px #650103 solid; 
    border-bottom: 1px #AE0105 solid;    */
	height: 24px;
}

#header_nav ul {
    float:left;
    display:inline;		/* Fix für IE Doubled Float Margin Bug    */ 
    margin:0;			/* Standard-Listendefinition zurücksetzen */
    padding: 0;
    margin-left: 0px;  /* Abstand des ersten Buttons vom linken Rand (-2 Pixel für 3D-Schatten) über basemod.css anpassen */
    height: 24px;
    /*border-left: 1px #000000 solid; 
    border-right: 1px #000000 solid;*/
}

#header_nav ul li {
    float: left;
    display:inline;     /* Fix für IE Doubled Float Margin Bug    */ 
    margin: 0;
    padding: 0;
    font-size: 1.0em;
    
    list-style-type: none;
    height: 24px;
/*    border-left: 1px #000000 solid; 
    border-right: 1px #00000 solid;*/
}

#header_nav ul li a {
    display:block;
    width: auto;
    font-size: 1em;
    font-weight: bold;
    background: transparent;
    text-decoration: none;
    color: #973301;
    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;
}

#header_nav ul li a:hover {    
	background: #dbdbdb;
	line-height: 12px;
    color: #973301;
    text-decoration: none;
}


#header_nav ul li#currentmain { 
/*    border-left: 1px #000000 solid; 
    border-right: 1px #000000 solid;*/
    background: dbdbdb;
}

#header_nav ul li#currentmain a,
#header_nav ul li#current a:hover {
    color: #973301;
    background: #dbdbdb;
    text-decoration: none;
}







div#bg_page{height:100%; width: 1002px; margin:0px auto;  }


/************************************************/
/* Header  										*/
/************************************************/

div#header_mainpic {float:left; background-image:url(../image/tennisservice/header2.jpg); margin:0px auto; height:100px; width: 1002px}


.mainbutton_dark {float: left; background-image: url(../image/tennisservice/mainbutton_dark.jpg); background-repeat:no-repeat; width: 210px; height: 31px;margin-top:10px; }

.mainbutton_dark a {float:left; color: #FFFFFF; font: bold 13px Arial; text-decoration:none; margin-top: 7px; margin-left: 18px}
.mainbutton_dark a:hover {color: #FFFFFF; font: bold 13px Arial; text-decoration:underline;}

.mainbutton_light {float: left; background-image: url(../image/tennisservice/mainbutton_light.jpg); background-repeat:no-repeat; width: 170px; height: 31px; margin-left: 1px; margin-top:10px;}
.mainbutton_light a {float:left; color: #FFFFFF; font: bold 13px Arial; text-decoration:none; margin-top: 7px; margin-left: 18px}
.mainbutton_light a:hover {color: #FFFFFF; font: bold 13px Arial; text-decoration:underline;}


/************************************************/
/* Contentbereich  								*/
/************************************************/


div#maincol {width: 1002px; background-color:#FFFFFF; margin:0px auto; margin-top: 10px; margin-bottom: 15px;}


/************************************************/
/* linke Spalte  */
/************************************************/

div#col_left {float: left; background:#FFFFFF; width: 210px; height: 100%;}


.box_left_container {float: inline; background:#FFFFFF; width: 210px; margin-top: 0px; margin-bottom: 10px; }
.box_left_header {background:#E2E7E3 url(../image/tennisservice/box_left_header.jpg) repeat-x; /*border: #E3E7E8 1px solid;*/ width: 210px; height: 26px; margin-bottom:1px }
.box_left_header span {float: left; font: bold 13px Arial; color:#FFFFFF; text-align:left; margin-top:4px; margin-left: 5px }
.box_left_content {background:#edf2e5; border: #E3E7E8 1px solid; height: 100%; }

div#mainnav_container {border:#E9E9E9 1px solid; padding: 1px; margin-top: 0px }

#mainnav {text-align: left; background:#edf2e5; height: 100%; overflow:hidden}
#mainnav ul {}
#mainnav ul li {clear:both; list-style-type: none; }
#mainnav div select {width:210px;}

#mainnav .menuitem {float:left; width:209px; border-bottom: 1px #EBEBEB solid;  }
#mainnav .menuitem .anstrich {float:left; width:16px;}
#mainnav .menuitem .anstrich img{ margin-left: 5px; margin-top:11px; }
#mainnav .menuitem .menutext { float:right; width:193px;}
#mainnav .menuitem .menutext a {display:block; font: bold 12px Tahoma; text-decoration: none; color: #45646d; padding: 0.5em 0.8em 0.5em 0.0em;  }
#mainnav .menuitem .menutext a:hover {color: #a83500; }

#mainnav .current .menuitem {float:left; width:209px; border-bottom: 1px #EBEBEB solid; background-color:#f7ffeb}
#mainnav .current .menuitem .anstrich {float:left; width:16px;}
#mainnav .current .menuitem .anstrich img{ margin-left: 5px; margin-top:11px; }
#mainnav .current .menuitem .menutext { float:right; width:193px;}
#mainnav .current .menuitem .menutext a {display:block; font: bold 12px Tahoma; text-decoration: underline; color: #45646d; padding: 0.5em 0.8em 0.5em 0.0em;  }
#mainnav .current .menuitem .menutext a:hover {color: #a83500; }

#mainnav .current ul li .menuitem {float:left; width:209px; border-bottom: 1px #EBEBEB solid; background-color:#f7ffeb;}
#mainnav .current ul li .menuitem .anstrich {float:left; width:16px;}
#mainnav .current ul li .menuitem .anstrich img{ margin-left: 5px; margin-top:11px; }
#mainnav .current ul li .menuitem .menutext { float:right; width:193px;background-color: #f7ffeb;}
#mainnav .current ul li .menuitem .menutext a {display:block; font: normal 11px Tahoma; text-decoration: none; color: #45646d; padding: 0.5em 0.8em 0.5em 0.0em;  }
#mainnav .current ul li .menuitem .menutext a:hover {color: #a83500; }

#mainnav ul li .sub_current .menuitem {float:left; width:209px; border-bottom: 1px #EBEBEB solid; background-color:#f7ffeb}
#mainnav ul li .sub_current .menuitem .anstrich {float:left; width:16px;background-color: #f7ffeb;}
#mainnav ul li .sub_current .menuitem .anstrich img{ margin-left: 5px; margin-top:11px; }
#mainnav ul li .sub_current .menuitem .menutext { float:right; width:193px; background-color: #f7ffeb;}
#mainnav ul li .sub_current .menuitem .menutext a {display:block; font: normal 11px Tahoma; text-decoration: underline; color: #25C7A3; padding: 0.5em 0.8em 0.5em 0.0em;  }
#mainnav ul li .sub_current .menuitem .menutext a:hover {color: #CE8608; text-decoration: underline;}

#mainnav ul li .sub_current .menuitem .menutext_act { float:right; width:193px;background-color: #f7ffeb;}
#mainnav ul li .sub_current .menuitem .menutext_act a {display:block; font: normal 11px Tahoma; text-decoration: underline; color: #45646d; padding: 0.5em 0.8em 0.5em 0.0em; }
#mainnav ul li .sub_current .menuitem .menutext_act a:hover {color: #a83500; text-decoration: underline;}

#mainnav ul li .sub_current ul li .menuitem {float:left; width:209px; border-bottom: 1px #EBEBEB solid; background-color:#f7ffeb }
#mainnav ul li .sub_current ul li .menuitem .anstrich {float:left; width:16px;}
#mainnav ul li .sub_current ul li .menuitem .anstrich img{ margin-left: 5px; margin-top:11px; }
#mainnav ul li .sub_current ul li .menuitem .menutext { float:right; width:193px;}
#mainnav ul li .sub_current ul li .menuitem .menutext a {display:block; font: normal 11px Tahoma; text-decoration: none; color: #a83500; padding: 0.5em 0.8em 0.5em 1.0em;  }
#mainnav ul li .sub_current ul li .menuitem .menutext a:hover {color: #CE8608;}
#mainnav ul li .sub_current ul li .menuitem .menutext_act {float:right; width:193px;}
#mainnav ul li .sub_current ul li .menuitem .menutext_act a {display:block; font: normal 11px Tahoma; text-decoration: underline; color: #a83500; padding: 0.5em 0.8em 0.5em 1.0em;  }
#mainnav ul li .sub_current ul li .menuitem .menutext_act a:hover {color: #000000; text-decoration: underline;}


/************************************************/
/* mittlere Spalte  */
/************************************************/

div#col_center {margin-left:210px; margin-right:180px;  background:#FFFFFF; width:auto; padding:0px 12px 12px 12px; min-height:500px;}

div#content {float: left; background:#FFFFFF; width:588px; padding-top:0px; min-height: 500px;}

div#content .csc-textpic-caption {font-weight: bold; font-size: 0.8em; padding: 3px 10px 3px 10px; }
div#content .csc-textpic-imagewrap {padding: 5px 0px 5px 0px;}

#content p {padding-bottom: 10px; margin-top: 10px;}
#content table {margin-bottom: 10px; margin-top: 10px; margin-left: 20px;}
#content table img{}


#breadcrumb { 	
    	background: #edf2e5;
		height: 19px;
    	color: #5f5d75; 
    	padding-left:15px;
    	padding-top:5px; padding-bottom:0px;
		margin-bottom: 15px;
        font-family: Verdana, Arial, Sans-Serif; 
    	font-size: 0.8em; 
    	font-weight:bold; 
		border: #E3E7E8 1px solid;
        
}

#breadcrumb a {
    	font-family: Verdana, Arial, Sans-Serif; 
    	font-size: 0.9em; 
    	font-weight:bold; 
    	color: #9a3500;
    	background:inherit;  
    	margin: 0 0 0em 0em;

}      
     



/************************************************/
/* rechte Spalte  */
/************************************************/

div#col_right {float: right; height: 100%; background:#FFFFFF; width: 180px; }


.box_right_container {float: left; background:#FFFFFF; width: 180px; margin-top: 0px; margin-bottom: 10px; }
.box_right_header {background:#E2E7E3 url(../image/tennisservice/box_right_header.jpg) repeat-x; /*border: #E3E7E8 1px solid;*/ width: 180px; height: 26px; margin-bottom:1px }
.box_right_header span {float: left; font: bold 13px Arial; color:#FFFFFF; text-align:left; margin-top:4px; margin-left: 5px }
.box_right_content {background:#edf2e5; border: #E3E7E8 1px solid; height: 100%; }


/*********************/
/* Suchformular     */
/*********************/


#searchform {height: 35px; padding-top: 3px; overflow:hidden }
#searchform form {width:210px; padding-top: 4px; height: 20px;}
#searchform span {float: left; margin-left:6px; margin-top: 2px;}
#searchform form  input {float: left; margin-bottom: 8px; margin-left: 3px; height: 21px; width:73px; border: #DADADA 1px solid;}
#searchform form #search_button {width:59px; height:21px; border:0px}
#searchform a {font: normal 11px Arial; color: #9a3500; margin-left:6px;}




/* Servicecenter */
/*
#servicecenter {height:100%; margin-top: 2px; width: 178px; }
#servicecenter ul {margin: 0px 0px 10px 5px;  width:164px; }
#servicecenter li {list-style-type: none; padding:4px 0px; border-bottom: 1px solid #E3E2D4;}
#servicecenter li a{font: normal 12px Arial; text-decoration: none;}
#servicecenter li a:hover {font: normal 12px Arial; text-decoration: underline;}
*/



/************************/
/* News */
/************************/

/*
#news {height:100%; padding: 5px ; overflow:hidden}
#news_title a{font: bold 11px Arial; text-decoration:none}
#news_text {font: normal 11px Arial;}
#news_morelink a{font: normal 11px Arial; color: #9a3500}
*/

#news {text-align:left; padding:8px; overflow:hidden; height: 100%; font: normal 11px Verdana;} 

#news p{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; color:#45646d;}

#news span strong a{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:900; color:#45646d;}
#news span  strong a:hover{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:900; color:color:#9a3500;}

.news-latest-date {text-align:left; font: normal 9px Verdana;}

.news-single-backlink a{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:900; color:#45646d;}
.news-single-backlink a:hover{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:900; color:#9a3500;}

.news-latest-morelink a  {text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:normal; color:#45646d;}
.news-latest-morelink a:hover{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:normal; color:#9a3500;}
.news_img img{margin-top:5px; margin-bottom:5px;}

.news-single-item h2 {text-align:left;  font: normal 14px Verdana; font-weight:normal; color:#45646d; font-weight:bold;}
.news-single-item h3 {text-align:left;  font: normal 12px Verdana; font-weight:normal; color:#45646d; font-weight:bold;}

.news-list-item h2 a{text-align:left;  font: normal 14px Verdana; font-weight:normal; color:#45646d; font-weight:bold; text-decoration:none;}
.news-list-item h2 a:hover{text-align:left;  font: normal 14px Verdana; font-weight:normal; color:#9a3500; font-weight:bold; text-decoration:none;}


.news-list-morelink  a  {text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:normal; color:#45646d;}
.news-list-morelink  a:hover{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:normal; color:#9a3500;}

.news-title-latest  a{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:900; color:#45646d;}
.news-title-latest  a:hover{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:900; color:#9a3500;}

/******************************/
/* Mailform */
/******************************/


.csc-mailform-field-field input#mailformattachment1 {height: 25px;}
.csc-mailform-field-field input#mailformattachment2 {height: 25px;}
.csc-mailform-field-field input#mailformattachment3 {height: 25px;}

.csc-mailform-field-field input{
	width:250px;
	height:16px;
	border: 1px solid #B7B7B7;
	font-family:Verdana;
	font-size:12px;		
	color:#666666;
	font-weight:normal;
}

.csc-mailform-field-field textarea {
	width:248px;
	height:100px;
	border: 1px solid #B7B7B7;
	font-family:Verdana;
	font-size:12px;		
	color:#666666;
	font-weight:normal;
}

.csc-mailform-field-field select {
	width:250px;
	border: 1px solid #B7B7B7;
	font-family:Verdana;
	font-size:12px;		
	color:#666666;
	font-weight:normal;
}

.csc-mailform-field-field input#mailformformtype_mail{
	width:250px;
	height:20px;
	border: 1px solid #B7B7B7;
	font-family:Verdana;
	font-size:12px;		
	color:#666666;
	font-weight:normal;
}

.csc-mailform-field-label {

	width:100px;
	padding-right:10px;
	padding-left:0px;
}

/*****************/
/*Sitemap*/
/******************/

.csc-sitemap {margin-left:10px;}
.csc-sitemap ul li {list-style-type: none;}

.sitemap12 {margin-left:10px; }
.sitemap13 {margin-left:15px; }
.sitemap14 {}

.sitemap11 a {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:normal; color:#45646d;}
.sitemap11 a:hover {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:normal; color:#9a3500;} 
.sitemap12 a {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:normal; color:#45646d; margin-left:10px;}
.sitemap12 a:hover {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:normal; color:#9a3500;} 
.sitemap13 a {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:normal; color:#45646d;margin-left:20px;}
.sitemap13 a:hover {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:normal; color:#9a3500;} 
.sitemap14 a {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:normal; color:#45646d;margin-left:30px;}
.sitemap14 a:hover {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:normal; color:#9a3500;} 



/**********************/
/* Kontakt */
/**********************/

#contact {height:100%; padding: 5px; overflow:hidden}
#contact {color:#45646d;font-size:5px;}
#contact a {color:#45646d;font-size:12px;}
#contact span {font-size:12px;}
#contact ul {font-size:9px; }

/************************************************/
/* Footer  */
/************************************************/

div#footer{padding-top: 30px; text-align:center; font: normal 11px Arial; color: #003300; clear:both; height:50px; margin:0px auto; }
div#footer a {font: normal 10px Arial; text-decoration: none; color: #003300; padding-left: 3px padding-right: 3px;}
div#footer a:hover {color:#9a3500;}


/***********
Tabellen allgemein
***********/

/* Tabellen allgemein */

.table_header {background: #E8EBEC; border:#CDD3D6 1px solid; font-weight:bold;}
.table_content_dark {background: #F0F4F4; border:#E8EBEC 1px solid;}
.table_content_light {background: #F9FBFB; border:#F0F4F4 1px solid;}
/*#content table {width: 574px;}*/
#content .mailform {margin-top: 4px;margin-left:10px;}
#content .mailformdesc {margin-top: 4px;margin-left:10px;}
#content .mailformerror {margin-top: 4px;margin-left:10px;color:red;}
#content .mailform input {width: 250px;border: #DADADA 1px solid; }


/**************/
/* Listen */
/**************/

#content ul.csc-bulletlist-0 {margin: 20px auto 20px 30px; /*border: #DADADA 1px solid;*/ }
#content ul.csc-bulletlist-0 li {list-style-image:url(../image/tennisservice/pfeil.gif); padding: 3px 0px 3px 5px;  }

   
   
/***********************/
/* Powermail Formulare */   
/***********************/
 
fieldset.tx-powermail-pi1_fieldset {background-color:#fff;border:none;}
fieldset.tx-powermail-pi1_fieldset div{background-color:#fff;}
fieldset.tx-powermail-pi1_fieldset div.even {background-color: #fff;}  

   
		 
/****************************/
/* Scrollbar immer anzeigen */
/****************************/
   


   
#scrollbar_on {
 display: none;
}

html>body #scrollbar_on {
 position: absolute;
 z-index: 1;
 bottom: -1px;
 left: 0;
 width: 1px;
 height: 1px;
 display: block;
 font-size: 0;
}

/**********************/
/* KontaktBox */
/**********************/

div#contact span a {font-size:11px;color: #3373CF;}*/


/* LinkBox Right/Left Column*/


.link_header {
	font-weight:bold;
	margin-bottom:5px;
	padding-left: 5px;
}
.link_href a {
	color:#3373CF;
	padding-left: 5px;
}
.link_descr {
	font-style:italic;
	margin-top:2px;
	font-size:10px;
	padding-left: 5px;
}


.partner {}
.partner_logo {float:left;}
.partner_logo img {width:200px;}
.partner_text {font-size:9px;}
.partner_text_header {font-weight: bold;} 
.partner_text_text {font-size:1.0em;}


/* Bookmarks */

#bookmarks {margin: 5px;}
.tx-timtabsociable-pi1 img {padding-left:4px;}

#content textarea {font-size: 11px}