/* style.css for cartausch.de */

html,body { height:98%; }
body { font-size:0.75em; }

body,div,table,tr,th,td,span,p,h1,h2,h3,h4,h5,h6,ul,ol,li,hr,br,img,form,input,select,button
{
	margin:0;
	padding:0;
	border:0 none #000000;
	border-spacing:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

div { empty-cells:show; border-collapse:collapse; }

table { border-spacing:0; empty-cells:show; border-collapse:collapse; }
td { vertical-align:top; empty-cells:show; }
th { font-weight:bold; empty-cells:show; }

p { padding-top:0px; padding-bottom:10px; text-align:justify; }

a:link { color:#ffffff; text-decoration:underline; cursor:default; }
a:visited { color:#ffffff; text-decoration:underline; cursor:default; }
a:active { color:#ffffff; text-decoration:underline; cursor:default; }
a:hover { color:#ffffff; text-decoration:underline; cursor:pointer; }
a:focus { color:#ffffff; text-decoration:underline; cursor:pointer; }

h1 { font-size:1.5em; padding-top:10px; padding-bottom:5px; font-weight:bold; }
h2 { font-size:1.4em; padding-top:16px; padding-bottom:5px; font-weight:bold; color:#6D3514; }
h3 { color:#ffffff; font-size:1.2em; padding-top:5px; padding-bottom:5px; font-weight:bold; display:inline; }
h4 { color:#112233; font-size:1.1em; padding-top:5px; padding-bottom:5px; font-weight:bold; }
h5 { color:#d21d48; font-size:1em; padding-top:5px; padding-bottom:5px; font-weight:bold; }
h6 { color:#222222; font-size:0.95em; padding-top:4px; padding-bottom:4px; font-weight:bold; }

input,select { width:170px; border:1px solid #bbbbbb; padding:1px; }
input.checkbox, input.radio { width:20px; border:0 none #000000; }

ul { list-style:none inside; }
ol { list-style:decimal outside; }
li { }

button.button { background:none; font-size:1.1em; font-weight:bold; cursor:auto; }
button.button_over { background:none; font-size:1.1em; font-weight:bold; color:#666666; cursor:pointer; }

div.clear { clear:both; height:0; overflow:hidden; line-height:0; }
div.hr { clear:both; background-color:#d21d48; height:1px; overflow:hidden; }
div.spacer { clear:both; height:10px; overflow:hidden; }

.distance_left { margin-left:10px; }
.distance_right { margin-right:10px; }

div.left { float:left; margin:0 10px 0 0; }
div.right { float:right; margin:0 0 0 10px; }

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

body { background-color:#6D3514; background-image:url('../images/bg_body.gif'); font-size:0.75em; }

div#page { position:relative; width:978px; margin:20px auto 10px auto; border:0px none #000000; }

/*HEADER*/
div#header { position:relative; background-image:url('../images/bg_header.jpg'); background-repeat:no-repeat; width:100%; height:200px; }
div#header_nail_left { position:absolute; top:7px; left:8px; background-image:url('../images/nail_left.png'); background-repeat:no-repeat; width:25px; height:29px; }
div#header_headline { position:absolute; top:12px; left:273px; }
div#header_headline, div#header_headline img { width:426px; height:25px; }
div#header_nail_right { position:absolute; top:7px; left:940px; background-image:url('../images/nail_right.png'); background-repeat:no-repeat; width:24px; height:28px; }
div#header_player { position:absolute; top:20px; left:38px;  width:230px; height:64px; }
div#header_logo { position:absolute; top:36px; left:366px; }
div#header_logo, div#header_logo img { width:243px; height:116px; }
div#header_logo_sub { position:absolute; top:136px; left:290px; background-image:url('../images/logo_sub.png'); background-repeat:no-repeat; width:391px; height:79px; }

div#header_logo_sub span{ position:relative; top:31px; left:38px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bolder;}
div#header_logo_sub span a:link { color:#ffffff; text-decoration:none; cursor:default; }
div#header_logo_sub span a:visited { color:#ffffff; text-decoration:none; cursor:default; }
div#header_logo_sub	span a:active { color:#ffffff; text-decoration:none; cursor:default; }
div#header_logo_sub	span a:hover { color:#0000ff; text-decoration:none; cursor:pointer; }
div#header_logo_sub	span a:focus { color:#ffffff; text-decoration:none; cursor:pointer; }

div#header_teaser { position:absolute; top:38px; left:665px; }
div#header_teaser, div#header_teaser img { width:275px; height:121px; }

/*MAIN*/
div#main { position:relative; background-image:url('../images/bg_main_tile.jpg'); background-repeat:repeat-y; width:100%; }
div#main_menu {  position:relative; background-image:url('../images/bg_main.jpg'); background-repeat:repeat-y; width:100%; height:285px; }
div#main_menu_items { width:624px; height:284px; margin:0 auto 0 auto; padding-top:2px; }
div.menu_image, div.menu_image_over { position:relative; background-image:url('../images/bg_menu_image.png'); background-repeat:repeat-y; width:208px; height:142px; z-index:3; float:left; }
div.menu_image img, div.menu_image_over img { position:absolute; top:1px; left:1px; width:200px; height:133px; }
div.menu_image { cursor:auto; }
div.menu_image_over { cursor:pointer; }

/*Content*/
div#main_content { background-image:url('../images/bg_content.png');  background-repeat:repeat; border:1px solid #ffffff; width:890px; height:365px; margin:20px auto 10px auto; overflow:auto; }
div#content_container { margin:2px 20px 10px 20px; }
div#main_content, div#main_content p { color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
div#main_content img{ border:1px solid #FFFFFF;}
div.content_image_200x133 { background-image:url('../images/bg_menu_image.png'); background-repeat:repeat-y; width:208px; height:142px; }
div.content_image_200x133 img {  margin-top:1px; margin-left:1px; width:200px; height:133px; }
div.content_image_thumb_89x133 img { width:89px; height:133px; border:1px solid #FFFFFF;}
div.content_image_thumb_200x133 img { width:200px; height:133px; border:1px solid #FFFFFF;}
div.content_quarterlogo img { width:160px; height:133px; border:1px solid #FFFFFF;}

div.content_headline_container { text-align:center; width:auto; }
table.content_headline { margin:0 auto 10px auto; width:auto; }
td.content_headline_left { background-image:url('../images/plate_left.png'); background-repeat:no-repeat; width:55px; height:66px; }
td.content_headline_center { background-image:url('../images/plate_center.png'); background-repeat:repeat-x; height:66px; }
td.content_headline_right { background-image:url('../images/plate_right.png'); background-repeat:no-repeat; width:55px; height:66px; }

/*FOOTER*/
div#footer { position:relative; background-image:url('../images/bg_footer.jpg'); background-repeat:no-repeat; width:100%; height:109px; }
div#footer_logo { position:absolute; top:6px; left:884px; }
div#footer_logo { width:54px; height:79px; }

.warning { color:#dd0000; }
.error { background-color:#ffddbb; }
a.warning:link, .warning:visited, .warning:active { color:#dd0000; text-decoration:underline; cursor:default; }
a.warning:hover, a.warning:focus { color:#ff0000; text-decoration:underline; cursor:pointer; }

/*LAYER*/
div#layer_horse_left { position:absolute; top:80px; left:30px; z-index:2; }
div#layer_horse_left, div#layer_horse_left img { width:230px; height:258px; }
div#layer_horse_right { position:absolute; top:165px; left:770px; z-index:2; }
div#layer_horse_right, div#layer_horse_right img { width:174px; height:338px; }

div.status_top { text-align:right; font-size:0.8em; }
div.status_bottom { text-align:right; margin:10px; }
span.close, span.close_over { color:#ffffff; text-decoration:underline; cursor:auto; }
span.close { cursor:auto; }
span.close_over { cursor:pointer; }


div.tb_content p{ color:#000000; font-size:14px;}
div.tb_content td{color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; vertical-align:middle;}
div.tb_content span a:link { color:#000000; text-decoration:underline; }
div.tb_content span a:visited { color:#000000; text-decoration:underline; }
div.tb_content li{ color:#000000; font-size:14px; list-style:disc; margin:5px 5px 5px 20px;}
div.tb_content td{ color:#000000; font-size:14px; list-style:disc; margin:5px 5px 5px 20px;}
div.tb_content input{ background-color:#e79b42; color:#000000; font-size:14px; list-style:disc; margin:5px 5px 5px 20px;}
div.tb_content textarea{ background-color:#e79b42; opacity:10%; color:#000000; font-size:14px; list-style:disc; margin:5px 5px 5px 20px;}