/* Start of CMSMS style sheet 'Layout - Startseite: top menu + 2 columns' */
/* **** Allgemeine Formatierungen **** */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, legend, input, button, p, blockquote, table, th, td {
	padding: 0px;
	margin: 0px;
}
 
table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul, li {
	list-style: disc;
}

body {
	text-align: center;
	background-color: #FFFFFF;
        margin-top: 1.0em;
        margin-bottom: 1.0em;
}


/* **** Seitenabschnitte **** */

/* **** Rahmen um gesamte Seite **** */
div #frame {
        margin-left: auto;
        margin-right: auto;
}

/* **** Header Hintergrund **** */
div #header {
        margin-left: auto;
        margin-right: auto;
	width: 830px; 
	height: 176px;
	text-align: center;
        background: white;
        border-top: 1px solid #808080;
        border-left: 1px solid #808080;
        border-right: 1px solid #808080;
        border-bottom: 1px solid #808080;

}

/* **** Navi Level 1 start **** */
#navi-level-1 {
	overflow: hidden;
	height: 25px;
	font-weight: bold;
	padding: 0 0 0 0;
        float: left;
        background: white;
        border-top: 1px solid #808080;
        /*border-bottom: 1px solid #808080;*/

        }

	#navi-level-1 ul {
		position: relative;
		overflow: hidden;
		width: 830px;
                height: 25px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		background: none;    /* active button plus right border of navi level 1 */
                background-image: url('http://www.tennis-shirts.net/dev/images/ts/menulevel1_background.jpg');
                background-repeat: repeat-x;
	}

	#navi-level-1 li {   /*menu text*/
		float: left;
		overflow: hidden;    /* hides list discs */
                padding-left: 0px;  /*distance of menu text from left border*/
                padding-right: 0px;
	}

	#navi-level-1 a {
		display: block;
		padding: 5px 13px 8px 13px;
		font-size: 1.1em;
		line-height: 1.4em;
		background: none;
                background-image: url('http://www.tennis-shirts.net/dev/images/ts/menulevel1_background.jpg');
                background-repeat: repeat-x;
		color: #484848;       /* font color inactive */
		text-decoration: none;
	}
	#navi-level-1 a:hover {
		color: #f27a04;
                background-image: url('http://www.tennis-shirts.net/dev/images/ts/menulevel1_hover_background.jpg');
		text-decoration: none;
	}
	#navi-level-1 li.current {
		background-image: url('http://www.tennis-shirts.net/dev/images/ts/menulevel1_current_background.jpg');
                color:red;
	}
	#navi-level-1 li.current a {
		background: none;
                color: #f27a04;
	}
/* **** navi level 1 end **** */

/* **** navi level 2 start **** */
#navi-level-2 {
		overflow: hidden;
		background: white;
                background-image: url('http://www.tennis-shirts.net/dev/images/ts/menulevel2_background.jpg');
                background-repeat: repeat-x;
		height: 25px;
                width: 830px;
		font-weight: bold;
                float: left;
                border-bottom: 1px solid #808080;
                display: none;
}
	#navi-level-2 ul {
                width: 830px;
		padding: 0 0 0 0;
		margin: 6px 0 0 18px;
	}

	#navi-level-2 li {
		float: left;
		overflow: hidden;
	}
	#navi-level-2 li.current {
		background: none;
	}
	#navi-level-2 a {
		display: block;
		padding: 0 7px 0 7px;
		font-size: 1.0em;
		line-height: 1;
		color: #222222;
		text-decoration: none;
	}
	#navi-level-2 li.current a {
		color: yellow;
	}
	#navi-level-2 a:hover {
		color: #373737;
		text-decoration: none;
	}

div #slogan {
	text-align: left;
	width: 600px;
   	margin: 5px 0 0 14px;
	padding: 0 0 0 0;
        color: #242424;
	font-size: 11px;
        float: left;
}

/* **** navi level 2 end **** */

div #content-frame {
        overflow: hidden;
        width: 830px;
        margin-left: auto;
        margin-right: auto;
        clear: both;
        border-left: 1px solid #808080;
        border-right: 1px solid #808080;
}

/* **** Inhaltsboxen **** */
div #content_top-spacer{
	overflow: hidden;
        width: 830px;
        height: 10px;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
}

div #content {
        overflow: hidden; 
	width: 830px;
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
	margin-bottom: 0px;
        background-image: url('http://www.tennis-shirts.net/dev/images/ts/content_background.jpg');
        background-repeat: repeat-y;

}

div #box_left {
	overflow: hidden; 
	width: 149px;
	text-align: left;
        font-size: 12px;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
        float: left;
}

div #informationen{
        width: 148px;
        height: 130px;
        overflow: hidden;
	margin: 0 0 0 0; 
        padding: 0 0 0 0;
        font-size: 12px;
        background: #f3f3f3;
        border-top: 1px solid #808080;
        border-bottom: 1px dotted #808080;
        border-right: 1px solid #808080;
}

div #info_content{
	margin: 7px 0 0 0; 
        padding: 0 0 0 10px;      
}

div #info_content h1 {
        font-weight: bold;
        font-size: 13px;
        color: #484848;
}

div #info_content p {
        margin-left: 10px;
}

div #info_content a {
        font-weight: normal;
        font-size: 12px;
        color: #222222;
        text-decoration: none;
}

div #info_content a:hover {
        font-weight: normal;
        color: #fa8d01;
        text-decoration: none;
}

div #seitzeichen{
        width: 148px;
        height: 30px;
        margin-left:auto;
        margin-right:auto;
        margin-top:12px;
        overflow: hidden;
        text-align:center;
        border-bottom: 1px dotted #808080;
}

div #aktionen{
        width: 148px;
        height: 160px;
        margin-left:auto;
        margin-right:auto;
        overflow: hidden;
        font-size: 12px;
        text-align:center;
        background: #f3f3f3;
        border-right: 1px solid #808080;
        border-bottom: 1px dotted #808080;
}

div #specials{
        width: 148px;
        height: 157px;
        overflow: hidden;
	margin: 0 0 0 0; 
        padding: 0 0 0 0;
        font-size: 12px;
        background: #f3f3f3;
        border-right: 1px solid #808080;
        border-bottom: 1px dotted #808080;
        display:none;
}

div #box_right {
	width: 652px; 
	text-align: left;
        font-family: Tahoma;
	margin: 5px 0px 0 15px; 
	padding: 0px 8px 0 0px;
        float: left;
        color: #222222;
}

div #box_right a{
       color: #484848;
}

div #box_right a:hover{
       color: #f58b02;
       text-decoration: underline;
}

div #box_right ul{
       margin-left: 5px;
       list-style-type: none;
}

div #box_right li{
       background:transparent url(http://tennis-shirts.net/dev/images/ts/ul_ball.gif)
       no-repeat scroll 0pt 0.7em;
       margin-bottom:4px;
       padding:3px 0pt 3px 16px;
       list-style-type: none;
}

/* next 3 old */
div #customize-link{
       font-size:2em;
       padding-top:0.5em;
       padding-bottom:0.6em;
       text-align:center;

}

div #customize-link a{
       color: #f58b02;
       text-decoration: underline;
}

div #customize-link a:hover{
       color: #484848;
}


div #content_bottom-spacer{
       overflow: hidden;
       width: 830px;
       height: 11px;
       margin: 0 0 0 0; 
       padding: 0 0 0 0;
       background-image: url('http://www.tennis-shirts.net/dev/images/ts/content_bottom-spacer_background.jpg');
}

p #customize {
color: red;
}

/* **** Breadcrumbs **** */
div #box_right h1 {
       	font-size: 11px;
        color: #808080;
        font-weight: normal;
        padding-bottom: 7px;
        display: none;
}

div #teaser_frame {
       width:160px;
       padding-left:25px;
       padding-right:5px;
       float:right;
       text-align:right;
}

.teaser_field {
       width: 160px;
       height: 160px;
       border: 1px solid #808080;
       background:white;
}

.teaser_field img {
       margin-bottom: -4px;
       padding: 0 0 0 0;
}

.teaser_field:hover {
       border: 1px solid #fa8d01;
}

.teaser_spacer {
       height:25px;
       text-align:center;
}

div #shirttype_frame {
       padding-top:25px;
       padding-bottom:28px;
       padding-right:55px;
       padding-left:55px;
       width:350px;
       float:left;
       border: 0px solid black;
}

.shirttype_field {
       width: 150px;
       height: 150px;
       border: 1px solid #808080;
       float:left;
       background:white;
}

.shirttype_field img {
       margin-bottom: -4px;
       padding: 0 0 0 0;
}

.shirttype_field:hover {
       border: 1px solid #fa8d01;
}

.shirttype_link {
       height: 20px;
       width: 150px;
       padding: 3px 0 0 0;
       margin: 0 0 0 0;
       text-align: center;
       border: 0px solid #808080;
       float: left;
       background-color: white;
       line-height: 1.8em;
       font-weight:bold;
       font-size: 1.2em;
}

.shirttype_spacer {
       width:46px;
       height:20px;
       float:left;
}

div #footer-frame {
        overflow: hidden;
        width: 830px;
        height: 19px;
        margin-left: auto;
        margin-right: auto;
	text-align: center;
        clear: both;
        border-left: 1px solid #808080;
        border-right: 1px solid #808080;
        border-bottom: 1px solid #808080;
        border-top: 1px solid #808080;
}

div #footer {
        overflow: hidden;
	width: 830px; 
        height: 19px;
        margin-left: auto;
        margin-right: auto;
	padding: 1px 0 0 0;
	text-align: center;
        background: #f3f3f3;
        float: left;
}
/* End of 'Layout - Startseite: top menu + 2 columns' */