html {}
body {margin:0;font-family:helvetica;color:#656565;}

p, td, tr, table {margin:0;padding:0;vertical-align:top;}
td {padding-right:20px;}
hr {color:#ccc;height:1px;}

.mathiaswinkler {width:800px;margin:0 auto auto;}
.mathiaswinkler-head {width:800px;height:40px;float:left;background-image:url(mathias_winkler_head.jpg);}
 .mathiaswinkler-logo {width:200px;height:40px;float:left;}
 .mathiaswinkler-logo a {width:200px;height:40px;float:left;}
.mathiaswinkler-navi {width:800px;height:40px;float:left;}
.mathiaswinkler-content {width:800px;float:left;min-height:300px;margin-top:20px;}
 .mathiaswinkler-bild {width:200px;float:left;min-height:200px;}
 .mathiaswinkler-bild .tinymcewysiwyg {font-size:10pt;width:170px;}
 .mathiaswinkler-bild .tinymcewysiwyg ul li {padding-bottom:5px;}
 .mathiaswinkler-bild .tinymcewysiwyg ul li span {color:#656565;}
 .mathiaswinkler-bild .tinymcewysiwyg ul li span a {color:#2476D8;font-weight:bold;text-decoration:none;}
 .mathiaswinkler-text {width:600px;float:left;font-size:10pt;line-height:14pt;padding-top:5px;}
 .mathiaswinkler-text  p {width:450px;}
 .mathiaswinkler-text .tinymcewysiwyg a {color:#2476D8;font-weight:bold;text-decoration:none;}
  p.Beispiel1 {padding-left:5px;font-style:italic;}
.mathiaswinkler-footer {width:800px;float:left;font-size:9pt;color:#656565;margin-top:20px;}
 .mathiaswinkler-footer-space {width:200px;height:20px;float:left;border:1px solid white;}
 .mathiaswinkler-footer-adresse {width:250px;height:20px;float:left;border-top:1px solid #656565;padding-top:5px;}
 .mathiaswinkler-footer-navi {width:280px;height:20px;float:left;border-top:1px solid #656565;padding-top:5px;}
 
#link_tabelle table {border-top:1px solid #656565;}
#link_tabelle td {border-bottom:1px solid #656565;padding:5px 0px;min-width:200px;}
#link_tabelle a {color:#2476D8;font-weight:bold;text-decoration:none;}
#link_tabelle td.link-li {}
#link_tabelle td.link-re {width:100%;}
H1 {font-size:12pt;font-weight:bold;}

/*
NAVIGATION
*/

.mathiaswinkler-navi ul {width:800px;height:40px;float:left;list-style-type:none;}
.mathiaswinkler-navi ul li {float:left;padding:0 35px;}
.mathiaswinkler-navi ul li a {text-decoration:none;color:#656565;font-weight:bold;}
.mathiaswinkler-navi ul li a:hover {color:#F0640B;}
.mathiaswinkler-navi ul li a.rex-current, .mathiaswinkler-navi ul li a.rex-active {color:#F0640B;}

.mathiaswinkler-footer-navi ul {width:280px;height:20px;float:left;list-style-image:url(mwinkler_footernav.gif);list-style-position:inside;margin:0;padding:0;}
.mathiaswinkler-footer-navi ul li {float:left;padding:0 5px;}
.mathiaswinkler-footer-navi ul li a {text-decoration:none;color:#656565;}
.mathiaswinkler-footer-navi ul li a:hover {color:#F0640B;}
.mathiaswinkler-footer-navi ul li.aktiv {color:#F0640B;}

/*
NAVIGATION LEISTUNGEN Content
*/
.leistungen-content ul {margin-top:0;}
.leistungen-content ul li {list-style-type:none;text-align:center;margin-top:5px;}
.leistungen-content ul li a {height:109px;width:109px;text-decoration:none;color:white;font-weight:bold;font-size:11pt;}
.leistungen-content #rex-article-12 {background-image:url(mathias_winkler_leistungen.jpg);background-repeat:no-repeat;height:109px;width:109px;}
.leistungen-content #rex-article-12:hover, .leistungen-content #rex-article-12 .rex-current {background-image:url(mathias_winkler_geldanlage.jpg);background-repeat:no-repeat;height:109px;width:109px;}
.leistungen-content #rex-article-12 a {display:block;height:66px;padding-top:40px;}
.leistungen-content #rex-article-13 {background-image:url(mathias_winkler_leistungen.jpg);background-repeat:no-repeat;height:109px;width:109px;}
.leistungen-content #rex-article-13:hover, .leistungen-content #rex-article-13 .rex-current {background-image:url(mathias_winkler_privatabsicherung.jpg);background-repeat:no-repeat;height:109px;width:109px;}
.leistungen-content #rex-article-13 a {display:block;height:66px;padding-top:33px;}
.leistungen-content #rex-article-14 {background-image:url(mathias_winkler_leistungen.jpg);background-repeat:no-repeat;height:109px;width:109px;}
.leistungen-content #rex-article-14:hover, .leistungen-content #rex-article-14 .rex-current  {background-image:url(mathias_winkler_gewerbeabsicherung.jpg);background-repeat:no-repeat;height:109px;width:109px;}
.leistungen-content #rex-article-14 a {display:block;height:66px;padding-top:33px;}
.leistungen-content #rex-article-15 {background-image:url(mathias_winkler_leistungen.jpg);background-repeat:no-repeat;height:109px;width:109px;}
.leistungen-content #rex-article-15:hover, .leistungen-content #rex-article-15 .rex-current {background-image:url(mathias_winkler_immobilien.jpg);background-repeat:no-repeat;height:109px;width:109px;}
.leistungen-content #rex-article-15 a {display:block;height:66px;padding-top:33px;}

#leistungen-start ul {height:140px;float:left;margin:0;padding:0;}
#leistungen-start ul li {list-style-type:none;text-align:center;padding-right:5px;float:left;}
#leistungen-start ul li a {height:140px;width:130px;padding-left:5px;text-decoration:none;color:white;font-size:14pt;}
#leistungen-start #rex-article-12:hover{background-image:url(mathias_winkler_leistungen_.jpg);background-repeat:no-repeat;height:140px;width:140px;}
#leistungen-start #rex-article-12 {float:left;background-image:url(mathias_winkler_geldanlage_.jpg);background-repeat:no-repeat;height:140px;width:140px;}
#leistungen-start #rex-article-12 a {display:block;height:85px;padding-top:55px;}
#leistungen-start #rex-article-13:hover  {background-image:url(mathias_winkler_leistungen_.jpg);background-repeat:no-repeat;height:140px;width:140px;}
#leistungen-start #rex-article-13{background-image:url(mathias_winkler_privatabsicherung_.jpg);background-repeat:no-repeat;height:140px;width:140px;}
#leistungen-start #rex-article-13 a {display:block;height:93px;padding-top:47px;}
#leistungen-start #rex-article-14:hover {background-image:url(mathias_winkler_leistungen_.jpg);background-repeat:no-repeat;height:140px;width:140px;}
#leistungen-start #rex-article-14 {background-image:url(mathias_winkler_gewerbeabsicherung_.jpg);background-repeat:no-repeat;height:140px;width:140px;}
#leistungen-start #rex-article-14 a {display:block;height:93px;padding-top:47px;}
#leistungen-start #rex-article-15:hover {background-image:url(mathias_winkler_leistungen_.jpg);background-repeat:no-repeat;height:140px;width:140px;}
#leistungen-start #rex-article-15 {background-image:url(mathias_winkler_immobilien_.jpg);background-repeat:no-repeat;height:140px;width:140px;}
#leistungen-start #rex-article-15 a {display:block;height:93px;padding-top:47px;}

#leistungen-start-hover ul {height:140px;float:left;margin:0;padding:0;}
#leistungen-start-hover ul li {height:140px;width:140px;list-style-type:none;text-align:center;padding-right:5px;float:left;background-image:url(mathias_winkler_gruen_.jpg);background-repeat:no-repeat;}
#leistungen-start-hover ul li a {height:140px;width:130px;padding-left:5px;text-decoration:none;color:white;font-size:14pt;}
#leistungen-start-hover #rex-article-12 {float:left;background-image:url(mathias_winkler_gruen_.jpg);background-repeat:no-repeat;height:140px;width:140px;}
#leistungen-start-hover #rex-article-12 a {display:block;height:85px;padding-top:55px;}
#leistungen-start-hover #rex-article-13{background-image:url(mathias_winkler_gruen_.jpg);background-repeat:no-repeat;height:140px;width:140px;}
#leistungen-start-hover #rex-article-13 a {display:block;height:93px;padding-top:47px;}
#leistungen-start-hover #rex-article-14 {background-image:url(mathias_winkler_gruen_.jpg);background-repeat:no-repeat;height:140px;width:140px;}
#leistungen-start-hover #rex-article-14 a {display:block;height:93px;padding-top:47px;}
#leistungen-start-hover #rex-article-15 {background-image:url(mathias_winkler_gruen_.jpg);background-repeat:no-repeat;height:140px;width:140px;}
#leistungen-start-hover #rex-article-15 a {display:block;height:93px;padding-top:47px;}

.sitemap ul {color:#656565;}
.sitemap a {color:#656565;text-decoration:none;}
.sitemap a:hover {text-decoration:underline;}
/*
Start Hover
*/
.winkler-hover {float:left;width:100%;height:100%;margin-top:20px;}
.winkler-hover a {float:left;background-color:#0AA607;color:white;padding:0 5px;text-decoration:none;height:22px;max-width:560px;}
.winkler-hover a span {display:none;}
.winkler-hover a:hover span {float:left;display:block;float:left;width:570px;height:auto;background-color:#E6E7E7;color:#363636;margin:2px 0 0 -5px;padding:0;}
.winkler-hover a:hover span p {padding:10px;width:550px;}

/*
 doForm!
 */

/* Div das das Formular umschlie?t */
.formgen {font-size:8pt;font-family:verdana;padding:0 10px;margin-top:10px;width:520px;font-weight:bold;}
/* Was passiert wenn auf das Label geklickt wird? */
label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]{cursor:pointer;}
.formgen form{line-height:100%;}

/* 
Wie sehen die einzelnen Bl?cke aus? Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/
.formgen .formblock{	margin:0;padding:0;}
.forminfo {width:298px;border:1px solid #2674D6;color:#2674D6;text-align:center;padding:5px 0;}

/*
Verhalten von br-Tags
*/
.formgen br{clear:both;}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield{font-family:verdana;font-size:1em;color:#4b4b4b;width:298px;height:50px;border: 1px solid #b9b9b9;background-color:#e7e7e7;}

/* Textfeld */
.formgen .formtext{color:#5E5E5E;width:298px;margin:0 0 1px 0;padding-bottom:4px;font-family:verdana;font-size:1em;background-color:#e7e7e7;border:1px solid #B9B9B9;}
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {/*color:white;background-color: #b9b9b9;*/}

/* Label width:150px;clear:left;float:left;height:20px;font-weight:normal;color:#656565;text-align:right;*/
.formgen label {width:120px;float:left;}
.formgen label#el_7 {width:120px;float:left;display:none;}

/* Aussehen der Select-Ausgabe */
.formgen .formselect{border:1px solid red;width:200px;background-color:white;margin-left:4px;color:#656565;margin-bottom:1px;}

/* Sende-Button */
.formgen .formsubmit{background-image:url(sendMail.jpg);margin:5px 0 0 120px;background-repeat:no-repeat;width:90px;float:left;height:20px;color:transparent;}
.formgen .formsubmit:hover{background-image:url(sendMail-hover.jpg);margin:5px 0 0 120px;background-repeat:no-repeat;width:90px;float:left;height:20px;color:transparent;}


/* Fieldsetbeschriftung */
.formgen legend {color: #FFFFFF;background-color: white;width: 150px;padding:5px 5px;color:white;margin-bottom:15px;}
.formgen .fieldset {padding-bottom:10px;border:none;}

/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror {border-bottom-width:1px;font-weight:bold;}
.formgen .formcaptcha{border:1px solid #062D58;	vertical-align: top;float: left;margin-right: 10px;}
.formgen .formreq {} /*color:#f0640b;*/
.formgen .formheadline {color:#919196;float:left;width:500px;margin:7px 0;}
.formhinweis {margin:5px 0;font-style:italic;font-size:8pt;margin-left:120px;}

.formgen input {width:300px;}