/************************************************
Westspiel SpielFair
Author: schmidt@unternehmen-online.de
Create Date: 24.02.09
************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, select, textarea, input,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 100%;
}

body { 
background: #ffffff; 
}

/* general motors */

hr {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

.invisible {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

p { font-size: 12px; color: #000000; line-height: 18px; margin:0 0 20px 0;}

a img {
border:0;
}

a:link, a:visited {
font-weight: bold; color: #b30f49; text-decoration: underline; margin: 0; padding: 0; } 
a:hover, a:active {
font-weight: bold; color: #b30f49; text-decoration: none; margin: 0; padding: 0; }

h1 { font-size: 20px; color: #e31818; font-weight: normal; line-height: 1.3em; margin: 0 0 1em 0; } 
h2 { font-size: 15px; color: #000000; font-weight: bold; line-height:1.3em; margin:0 0 1.2em 0; } 
h3 { font-size: 13px; color: #000000; font-weight: bold; line-height:1.3em; margin:0 0 1.2em 0; } 
h4 { font-size: 10px; color: #000000; font-weight: normal; } 
h5 { font-size: 9px; color: #000000; font-weight: normal; } 
h6 { font-size: 8px; color: #000000; font-weight: normal; } 

ul {		margin-top: 5px; margin-bottom: 10px; }
ul li {		font-size: 12px; line-height: 20px; list-style: square outside; display: list-item; margin: 0 0 0 30px; padding: 0 0 5px 0; }
ul li li {	font-size: 100%; line-height: 20px; list-style: disc outside; display: list-item; margin: 0 0 0 25px; }
ol {		margin-top: 5px; margin-bottom:5px;}
ol li {		font-size: 12px; line-height: 20px; list-style: decimal outside; display: list-item; margin: 0 0 0 35px; padding: 0 0 5px 0; }
ol li li {	font-size: 100%; line-height: 20px; list-style: upper-roman outside; display: list-item; margin: 0 0 0 25px; }

table {
border-collapse: collapse; 
border: 0;
}

table td {
margin: 0;
padding: 0;
}

table td p {
font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; margin: 0; padding: 5px 5px 13px 0; }

table th {

}

table th p {
font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; color: #000000; margin: 0; padding: 7px 5px 7px 3px; text-align: left; }

table ul { 	 	margin-top: 0px; margin-bottom: 0; }
table ul li { 		font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 150%; list-style: disc outside; display: list-item; margin: 0px 10px 0px 30px; padding: 3px 0 3px 0; }
table ul li li { 	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 150%; list-style: disc outside; display: list-item; margin: 0px 10px 0px 25px; }
table ol { 	 	margin-top: 0px; margin-bottom:0px;}
table ol li { 		font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 150%; list-style: decimal outside; display: list-item; margin: 0px 10px 0px 35px; }
table ol li li {	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 150%; list-style: upper-roman outside; display: list-item; margin: 0px 10px 0px 25px; }


div.wrapper {
width: 100%;
}

div.site {
width: 960px;
margin: 0 auto 0 auto;
}

/* head */

div.head {
width: 100%;
height: 300px;
margin: 20px 0 0 0;
background: url(../images/bg_head.png) left top no-repeat;
}

/* logo */

div.logo {
position: absolute;
width: 240px;
height: 120px;
margin: 40px 0 0 720px;
}

div.logo h1 {
background: url(../images/logo.png) left top no-repeat;
text-indent: -9999px;
}

div.logo h1 a  {
width: 240px;
height: 120px;
display: block;
text-decoration: none;
cursor: pointer;
}

/* message */

div.message {
position: absolute;
width: 530px;
margin: 44px 0 0 38px;
}

div.message h2 { font-size: 20px; font-weight: normal; color: #ffffff; text-decoration: none; margin: 0; padding: 0; }
div.message h1 { font-size: 32px; font-weight: normal; color: #161519; text-decoration: none; margin: 6px 0 0 0; padding: 0; line-height: 47px; }

/* nav01 */

div.nav01 {
position: absolute;
width: 960px;
margin: 261px 0 0 0;
background: url(../images/bg_nav01.png) left bottom repeat-x;
}

div.nav01 ul {
list-style: none;
float: left;
display: inline;
margin: 0 0 0 18px; 
padding: 0;
}

div.nav01 ul li {
float: left;
display: inline;
margin: 0 10px 0 0;
padding: 0;
}

div.nav01 a.nav01off:link, 
div.nav01 a.nav01off:visited {
font-size: 15px; line-height: 1.00em; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 15px 19px 9px 19px; display: block; background: url(../images/nav01_off.png) left top repeat-x; }
div.nav01 a.nav01off:active, 
div.nav01 a.nav01off:hover {
font-size: 15px; line-height: 1.00em; font-weight: bold; color: #e5e8e9; text-decoration: none; margin: 0; padding: 15px 19px 9px 19px; display: block; background: url(../images/nav01_off.png) left top repeat-x; }

div.nav01 a.nav01off-register:link, 
div.nav01 a.nav01off-register:visited {
font-size: 15px; line-height: 1.00em; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 15px 19px 9px 19px; display: block; background: url(../images/nav01_register_off.png) left top repeat-x; }
div.nav01 a.nav01off-register:active, 
div.nav01 a.nav01off-register:hover {
font-size: 15px; line-height: 1.00em; font-weight: bold; color: #e5e8e9; text-decoration: none; margin: 0; padding: 15px 19px 9px 19px; display: block; background: url(../images/nav01_register_off.png) left top repeat-x; }

div.nav01 a.nav01on:link, 
div.nav01 a.nav01on:visited {
font-size: 15px; line-height: 1.00em; font-weight: bold; color: #b61951; text-decoration: none; margin: 0; }
div.nav01 a.nav01on:active, 
div.nav01 a.nav01on:hover {
font-size: 15px; line-height: 1.00em; font-weight: bold; color: #b61951; text-decoration: none; margin: 0; }

div.nav01 .current-on {
background: url(../images/nav01_bullet_right_an.png) right top no-repeat; margin: 0 10px 0 0; padding: 0 3px 0 0; }

div.nav01 .current-on a {
background: url(../images/nav01_bullet_left_an.png) left top no-repeat; margin: 0; padding: 15px 18px 9px 21px; display: block; }

/* content */

div.content-wrapper {
float: left;
display: inline;
width: 100%;
}

div.content-container {
float: left;
display: inline;
width: 880px;
margin: 23px 0 0 40px;
}

div.content-container h2.head { font-size: 22px; font-weight: normal; color: #b30f49; text-decoration: none; margin: 0; padding: 0; }

div.content-left {
float: left;
display: inline;
width: 440px;
margin: 30px 0 0 0;
}

div.content-right {
float: left;
display: inline;
width: 400px;
margin: 30px 0 0 40px;
}

div.content-large {
float: left;
display: inline;
width: 100%;
margin: 30px 0 0 0;
}

/* footer */

div.footer {
float: left;
display: inline;
width: 100%;
margin: 40px 0 0 0;
padding: 0 0 40px 0;
border-top: 1px solid #d7dfe2;
}

div.footer p { 
margin: 5px 0 0 40px;
padding: 0;
}

div.footer p a {
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

div.footer p a:hover {
font-size: 11px;
font-weight: normal;
text-decoration: underline;
}

/* form */

fieldset {
border: 0px solid #000000;
padding: 0;
margin: 0;
}

legend {
display: none;
font-size: 11px;
font-weight: bold;
color: #000000;
margin: 0 5px 5px 0;
padding: 0 5px 0 0; 
}

div.formcontainer {
float: left;
display: inline;
width: 100%;
}

div.formcontainer br {
clear: left;
}

div.formcontainer label {
float: left;
display: inline;
width: 100%;
margin: 5px 0 0 0;
text-align: left;
font-size: 12px;
font-weight: bold;
color: #000000; 
}

div.formcontainer label span {
float: left;
display: inline;
width: 100%;
margin: 5px 0 0 0;
text-align: left;
font-size: 12px;
font-weight: bold;
color: #000000; 
}

div.formcontainer label.field-check {
float: left;
display: inline;
width: 100%;
margin: 20px 0 0px 0;
text-align: left;
font-size: 12px;
font-weight: bold;
color: #000000; 
}

div.formcontainer label.field-check input {
float: left;
display: inline;
margin:0 5px 0 0;
}

div.formcontainer label.field-check span {
float: left;
display: inline;
width: 370px;
margin: 0 0 0 0;
text-align: left;
font-size: 12px;
font-weight: normal;
color: #000000; 
}

*+html div.formcontainer label.field-check span{
float: left;
display: inline;
width: 370px;
margin: 3px 0 0 0;
text-align: left;
font-size: 12px;
font-weight: normal;
color: #000000; 
}

input.form {
float: left;
display: inline;
font-size: 12px;
font-weight: normal;
width: 390px;
margin: 8px 0 0 0;
padding: 3px 0 3px 3px;
color: #000000;
border: 1px solid #cccccc;
}

div.form-date {
float: left;
display: inline;
width: 390px;
margin: 32px 0 0 0;
}

div.form-date span { width: 100px; float: left; display: inline; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 4px 20px 0 0; padding: 0; }

div.form-date input.formbutton-send {
float: right; 
display: inline; 
font-size: 12px; 
line-height: 12px; 
color: #ffffff; 
font-weight: bold; 
width: 105px;  
margin: 1px 0 0 0; 
padding: 4px 0 5px 8px; 
text-align: left; 
border: 0px solid #ffffff; 
background: url(../images/button_send.jpg) right no-repeat; 
cursor: pointer;
}

* html div.formbutton input.formbutton-send {
float: left; 
display: inline; 
font-size: 12px; 
line-height: 12px; 
color: #ffffff; 
font-weight: bold; 
width: 100px;  
margin: 1px 0 0 10px; 
padding: 4px 24px 2px 7px; 
text-align: left; 
border: 0px solid #ffffff;
 background: url(../images/button_abschicken.jpg) right no-repeat; 
cursor: pointer;
}

*+html div.formbutton input.formbutton-send {
float: left; 
display: inline; 
font-size:12px; 
line-height: 12px; 
color: #ffffff; 
font-weight: bold; 
width: 100px;  
margin: 1px 0 0 10px; 
padding: 4px 24px 2px 7px; 
text-align: left; 
border: 0px solid #ffffff; 
background: url(../images/button_abschicken.jpg) right no-repeat; 
cursor: pointer;
}

div.errormsgs {
float: left;
display: inline;
width: 873px;
margin: 15px 0 0 0;
padding: 0;
border: 1px solid #b30f49;
}

div.errormsgs-content {
float: left;
display: inline;
width: 843px;
margin: 10px 0 0 15px;
padding: 0 0 5px 0;
}

div.errormsgs-content p { font-size: 12px; line-height:1.50em; font-weight: normal; color: #b30f49; text-decoration: none; margin: 0 0 7px 0; padding: 0;}

div.submit-form {
float: left;
display: inline;
width: 100%;
}

div.submit-contactform-button {
float: left;
display: inline;
width: 100%;
margin: 2px 0 0 0;
}

input[type=hidden] {
display: none !important;
}

div.google-maps {
float: left;
display: inline;
width: 880px;
height: 400px;
}

div.google-route {
float: left;
display: inline;
width: 700px;
font-size: 10px;
color: #000000;
}

div.google-route p {
margin: 0 0 5px 0;
padding: 0;
}

div.google-maps img {
border: 1px solid #bbbbbb;
}

table.route {
float: left;
width: 100%;
margin: 20px 0 0 0;
padding: 0;
border-collapse: collapse; 
border: 0;
}

table.route td {
border: 0;
margin: 0;
padding: 0 10px 0 0;
}

table.route td p { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; margin: 0; padding: 5px 5px 13px 0; text-align: left; }

table.route th { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 18px; margin: 0; padding: 5px 5px 13px 0; text-align: left; }
}