/* Erstellt von Marks Solutions */
/* http://www.marks-solutions.de */
* { margin:0; padding:0; }
body { font:11px Verdana, Arial, sans-serif; color:#282726; background:#F9FBFA url(img/body_background.jpg) repeat-x; min-width:1000px; }
a:link, a:visited { color:#F29400; text-decoration:none; }
a:focus, a:hover, a:active { color:#F29400; text-decoration:underline; }
fieldset, img { border:0; }
form * { font:11px Verdana, Arial, sans-serif; color:#000; }
form *, img { vertical-align:middle; }

/* Layout Formatierungen */
div#wrapper { position:relative; left:50%; width:969px; margin-left:-434px; }
div#header { position:relative; height:255px; background:url(img/header.jpg) no-repeat; }
a#home { display:block; width:441px; height:202px; position:absolute; left:24px; top:26px; }
ul#navigation { position:absolute; left:614px; top:107px; list-style:none; }
ul#navigation li { float:left; width:80px; height:100px; margin-right:29px; }
ul#navigation li a { display:block; width:80px; height:100px; }
ul#navigation li a:hover,ul#navigation li a:active,ul#navigation li a.active { background-image:url(img/navi_hover.jpg); background-repeat:no-repeat; }
a#navi1 { background-position:-19px -1px; }
a#navi2 { background-position:-128px -1px; }
a#navi3 { background-position:-237px -1px; }
div#center, div#sidebar,div#left { float:left; overflow:hidden; }
div#left { position:relative; left:0px; margin-left:-60px; width:160px; text-align:right; }
div#center { width:640px; background:url(img/content_background.jpg) repeat-y; position:relative; left:20px; }
h2#headline { height:39px; background:url(img/h2_content.jpg) no-repeat; }
div#content { padding:10px 15px; min-height:400px; }
img.left { float:left; margin:0 9px 5px 0; }
div#content p { line-height:150%; margin:0 0 7px 0; }
div#content h3:first-child { font-size:13px; margin:0px 0 5px; }
div#content h3 { font-size:13px; margin:10px 0 5px; }
div#content h4 { margin-bottom:5px; }
h2#letztesprueche { height:34px; background:url(img/h2_letztesprueche.jpg) no-repeat; margin:8px 0 0; }
div#content ul { margin:0 0 10px; }
div#content ul li { list-style:none; padding:6px 15px 6px 50px; }
li.liebe { background:#FFF url(img/liebe2.png) no-repeat 10px center; color:#A1AEAC; }
li.gruesse { background:#A1AEAC url(img/gruesse2.png) no-repeat 10px center; color:#FFF; }
li.anlaesse { background:#FFF url(img/anlaesse2.png) no-repeat 10px center; color:#A1AEAC; }
li.lustiges { background:#A1AEAC url(img/lustiges2.png) no-repeat 10px center; color:#FFF; }
ul.liebe li { background:#FFF url(img/liebe2.png) no-repeat 10px center; color:#A1AEAC; border-bottom:1px solid #A1AEAC; }
ul.gruesse li { background:#A1AEAC url(img/gruesse2.png) no-repeat 10px center; color:#FFF; border-bottom:1px solid #FFF; }
ul.anlaesse li { background:#FFF url(img/anlaesse2.png) no-repeat 10px center; color:#A1AEAC; border-bottom:1px solid #A1AEAC; }
ul.lustiges li { background:#A1AEAC url(img/lustiges2.png) no-repeat 10px center; color:#FFF; border-bottom:1px solid #FFF; }
ul.liebe li a,ul.anlaesse li a { color:#A1AEAC !important; font-weight:bold; }
ul.gruesse li a,ul.lustiges li a { color:#FFF !important; font-weight:bold; }
div#content_foot { height:21px; background:url(img/content_foot.jpg) no-repeat; }
div#sidebar { width:199px; float:right; position:relative; right:0px; text-align:right;}
ul#vorteile { list-style:none; text-align:left; }
ul#vorteile li { float:left; clear:both; width:199px; height:39px; line-height:37px; text-indent:19px; background:url(img/list.png) no-repeat; color:#FFF; font-weight:bold; }
div#sidebar img { margin:5px 0 6px; }
h2#login { height:37px; background:url(img/h2_login.jpg) no-repeat; margin-left:5px; }
h2#sprueche { height:37px; background:url(img/h2_sprueche.jpg) no-repeat; margin-left:5px; }
ul.list { width:194px; list-style:none; text-align:left; margin-left:5px;   }
ul.list li { width:100%; display:block; float:left; clear:both; padding:0 10px; height:38px; line-height:38px; color:#FFF; font-weight:bold; position:relative; }
ul.list li.row1 { background:url(img/row1.jpg) no-repeat; }
ul.list li.row2 { background:url(img/row2.jpg) no-repeat; }
input#login_email { width:112px; position:absolute; right:30px !important; right:10px; top:13px; }
input#login_password { width:112px; position:absolute; right:30px !important; right:10px; top:13px; }
div.sidebar_foot { height:21px; background:url(img/right_foot.png) no-repeat; margin-left:5px; }
div#footer { position:relative; height:88px; background:url(img/footer.jpg) no-repeat; }
div#footer a { font-weight:bold; }
ul#footernavi { position:absolute; left:14px; top:14px; list-style:none; }
ul#footernavi li { float:left; padding:0 6px; border-left:1px solid #959595; }
ul#footernavi li:first-child { padding:0 6px 0 0; border-left:0; }
p#copyright { position:absolute; left:14px; top:32px; color:#959595; }
a#gnomlink { display:block; width:168px; height:32px; position:absolute; left:790px; top:13px; }


/* Allgemeine Klassen */
.clear { clear:both; }
.hidden { display:none; }
.center { text-align:center; }
.padding { margin-bottom:15px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* Formulare */
div#content form { margin:5px 0 10px 0; }
div#content form * { font-family:inherit; font-size:inherit; }
div#content form fieldset { border:0; }
div#content form fieldset legend { display:none; }
div#content form fieldset label { float:left; clear:both; cursor:pointer; min-width:130px; width:auto !important; width:130px; text-indent:5px; padding-bottom:2px; line-height:150%; }
div#content form fieldset input[type=submit] { padding:3px; width:auto !important; }
div#content form fieldset input { width:150px; background:#FFF; border:1px solid #000; padding:3px; margin:0px 4px 12px 4px; }
div#content form fieldset input:hover,div#content form fieldset textarea:hover { background:#EEE; border:1px solid #444; }
div#content form fieldset input:focus,div#content form fieldset textarea:focus { background:#DDD; border:1px solid #888; }
div#content form fieldset select { width:150px; background:#FFF; border:1px solid #000; padding:1px; margin:3px 2px 16px 2px; }
div#content form fieldset option { background:#EEE; border-bottom:1px solid #444; padding:2px; }
div#content form fieldset textarea { width:97%; padding:4px; border:1px solid #000; margin:4px;}


/* Tabellen */
div#content table { margin:5px 0 10px 0; font-size:11px; }
div#content table tr th{ text-align:left; border-bottom:2px solid #000; padding:2px 5px; }
div#content table tr td { border-bottom:1px dotted #000; padding:2px 5px; }