/* css file for wm-tipp-spass.de */
/* Copyright 2014 Karsten Kubis */
/* Farbdefinitionen: gelb:#99b0db; gr��n:#499328; rot:#ae111d; blau:#21186c Textfarbe:#000000/


/*{	padding:0; margin:0;}*/
body {font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #000000; text-align:center; margin:0; padding:0; background-color:#fff;}

/* ------------------------------------- Seiten-Container ----------------------------------------------------- */
#container { width:1000px; padding:0; margin: 0 auto; background-color:rgb(244,216,116); text-align:left;}
#containerHeader {width:100%; display:none;}

/* --------------------- Headlines ---------------------*/
h1 {color:#ae111f; font-weight: bold; font-size:30px;margin-bottom:15px; line-height:normal;}
h2 {color:#000000; font-weight: bold; font-size:20px; margin-bottom:12px; line-height:normal;}
h3 {color:#000000; font-weight: bold; font-size:16px; margin:5px 0 0 0;}



/* --------------------- Text-Links ------------------ */
a {text-decoration:none; font-weight:bold; border-bottom: dotted 1px #000000;}
a, a:visited {color:#000000}
a:hover, a:active {color:#ae111f; text-decoration:underline; }
a img {border:none}


/* ------------------------------ floats --------------------------------------*/
.float_left { float:left; margin: 0 20px 0 0;}
.float_right { float:right;}
.float_right_border {float:right; border: solid 1px #f0f0f1; padding:8px; margin: 0 0 15px 15px; background:none }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}

/* ---------------------------------- hr Definition ---------------------------------- */
div.hr {padding-top:1px; height:0; overflow:hidden; margin:0; line-height:0px; background-color:#f0f0f1}


/* -------------------------- Header--------------------------------- */
#header { width:100%; height:220px; padding:0; margin:0;}

.hide{ display: none; }
/* ----------------------------------------- Hauptnavi ------------------------------------------------- */
#hauptnavi { width:100%; background:url(../bilder/bg_headermenu.gif) repeat-x left top; height:60px; margin:0; padding:0; text-align:left; }
#hauptnavi ul {list-style-image:none; list-style:none; display:inline  }
#hauptnavi li {float:left; padding: 0 20px 0 37px; margin:0; }
#hauptnavi a {font-size:15px; line-height:60px; vertical-align:middle; text-decoration:none; font-weight:bold; cursor:pointer; color:#fff; margin:0; padding:0; background:none; border:none; }
#hauptnavi a:hover, a:active {color:rgb(244,216,116);}
#hauptnavi .current {color:rgb(244,216,116);}

/*------------------------------------Inhalt mainContent--------------------------------------------*/
#mainContent { width:100%; margin:0; text-align:left; font-size:15px; padding:0; line-height: 120%; }
/*#mainContent ul {margin:10px 0 20px  0;}*/
/*#mainContent li {background:url(../bilder/img_ul.jpg) 0 2px no-repeat; list-style:none; padding-left: 16px}*/
.mainContent {padding: 30px 35px 50px 35px;}
#mainContent td {padding:5px;}
.bilder-lightbox {border: solid 1px #f0f0f1; float:right; padding:10px 10px 40px 10px; margin: 0 0 0 50px; background:url(../bilder/icon_lupe.gif) bottom right no-repeat;}
#mainContent table {width:300px; text-align:right;}
#mainContent td {border:#000000 solid 1px;}
.banner {border-bottom:none; float: right; margin-right: 250px; margin-top: -135px;}
.banner1 {border-bottom:none; float: right; margin-top: 50px; /*padding-right: 450px;*/}
/*----------------------------------footer-------------------------------------------------------------*/
#footer {width:100%; padding:10px 0 0 0; margin:0; height: 28px; color:#66696c; font-size:12px; text-align:left; background:#FFF; }
#footer p {margin:5px 35px 5px 33px;}
#footerNavi {width:250px; height:28px; float:right; text-align:right; padding:0; margin:0;}
#footer ul {list-style:none; padding:0; margin:0;}
#footer li {display:block; list-style:none; background:url(../bilder/bg_headermenu.gif) 0 0 no-repeat; float: right; padding:0px 12px 0 12px; margin:0; }
#footer a {font-size:12px; color:#66696c; text-decoration:underline;}


/* ----------------------- Formulare, Anfragen (CSS 1 compatibel) ---------------------------------- */
form { padding:10px; width:95%; border: solid 1px #f0f0f1;}
form p {margin-bottom:2px; padding:0;}
form .small {font-size:11px; margin-bottom:10px;}
fieldset { padding: 2px;  border: none; }
label {  width: 220px; padding: 0px 5px 0px 0; float: left; text-align: left; display: block;  }
/*input { margin:0 0 5px 0; width:220px; border: 1px solid #d5d5d5; background:#f1fcda; color:#21186c; }*/
option { margin-bottom: 5px; width:30px; border: 1px solid #d5d5d5; background:#f1fcda; color:#21186c; }
input[type=option] { margin-bottom: 5px; width:30px; border: 1px solid #d5d5d5; background:#f1fcda; color:#21186c; }
checkbox { margin:0 0 5px 0; border: 1px solid #d5d5d5; background:#f1fcda; color:#66696c; width: 15px; height: 15px; }
radio { margin:0 0 5px 0; width:30px; border: 1px solid #d5d5d5; background:#f1fcda; color:#21186c; }
input[type=radio] { margin:0 0 5px 0; width:30px; border: 1px solid #d5d5d5; background:#f1fcda; color:#21186c; }
input[type=checkbox] { margin:0 0 5px 0; border: 1px solid #d5d5d5; background:none; color:#66696c; width: 15px; height: 15px; }
input[type=submit] { margin:10px 0 30px 0; font-size:13px; font-weight:bold; color:#21186c; background:rgb(244,216,116); width:180px; height:25px; border:none; cursor:pointer; text-align:center; vertical-align:middle; line-height:22px; }
select { margin:0 0 5px 0; border: 1px solid #d5d5d5; background:#f1fcda; color:#2b8351; width:150px; }
input[type=select] { margin:0 0 5px 0; border: 1px solid #d5d5d5; background:#f1fcda; color:#2b8351; width:150px; }
.nachricht { width: 220px; height: 170px; padding: 5px; text-align: left; margin: 0 10px 5px 0; display: block; border: 1px solid #d5d5d5; background:#f1fcda; color:#21186c; }