@charset "utf-8";
/* Miss Lupun - Tanmar Webentwicklung */


/* ------------------------ Haupt ------------------------  */

body {margin:0px; padding:0px; height:100%; font-family: Verdana, Arial,  Helvetica, sans-serif; font-size:11px; background-image:url(Bilder/seite_bg.jpg); background-repeat:repeat-x; color:#322424; background-color:#e7c094; }


.fleft {float:left;}
.fright {float:right;}
.fclear {clear:both;}
.fnone{ display:none;}

img { border:0px;}
form { margin:0px; padding:0px;}
a { outline:0;}



h1 {color:#702e31; margin:10px 0px 16px 0px; padding:0px; font-size:14px; font-weight:bold;}
h2 {font-size:12px; padding:0px; margin:0px 0px 4px 0px; color:#414141;}
h3 {font-size:11px; margin:6px 0px 10px 0px; padding:0px;}
h4 {color:#000000; margin:0px 0px 2px 0px; padding:0px; font-size:14px; font-weight:bold;}

p.csc-frame-frame1 { border: 1px solid black; background-color: #F0F0EE; padding: 2px; }

.haupt { background-image:url(Bilder/zahlen_bg_oben.jpg); background-repeat:no-repeat; background-position:top center; text-align:center;}
.mitte { width:881px; text-align:left; margin:0px auto 0px auto; }
.logo { text-align:right; margin:9px 23px 0px 0px;}

.navi_bg { height:67px; width:881px; background-image: url(Bilder/navi_bg.png); background-repeat:no-repeat; margin:0px;}
.navi_pos { padding:31px 0px 0px 36px; height:0px;  }
.navi_pos a { display:block; height:32px; float:left; color:#FFFFFF; text-decoration:none; margin:0px 1px 0px 1px; font-weight:bold; }
.navi_pos a:hover { background-color:#602528;}
.navi_pos a.aktiv {background-color:#511c1f;}
.navi_pos a.aktiv:hover {background-color:#511c1f;}
.navi_pos a span { margin:10px 20px 0px 20px; display:block;}

.subnavi { background-image:url(Bilder/subnavi_bg.jpg); height:41px; padding-left:12px; margin-left:30px; margin-right:29px;}
.subnavi a {display:block; color:#FFF; text-decoration:none; float:left; background-image:url(Bilder/subnavi_abtennung.jpg); background-repeat:no-repeat; background-position: center right; margin-top:10px;  font-weight:bold; height:20px;} 
.subnavi a span {margin:4px 20px 4px 17px; display:block;}
.subnavi a.aktiv {color:#ac7578;}
.subnavi a:hover {color:#ac7578;}
.inhalt_bg { background-image:url(Bilder/seite_bg.png);  background-position:bottom left; background-repeat:repeat-y;  border:0px solid #666666; background-attachment: scroll; z-index:0; position:relative; }
.ie_hackde { }
.ie_sieben { margin-left:58px;}
.ie_spiel { margin-left:31px;}
.hack2 { float:left; display:inline; position: relative; border:2px solid #ff0;}
.spaltelinks { width:490px; margin:10px 40px 30px 0px; line-height:16px; display:inline; position: relative; background-color:#FFF; }
.spalterechts { width:200px; margin:10px 0px 30px 0px; line-height:16px; display:inline; position: relative; background-color:#FFF;}
.spaltelinks_full { width:690px; margin:10px 40px 30px 0px; line-height:16px; display:inline; background-color:#FFF; position: relative; }
.spaltelinks_full_spiel { width:690px; margin:0px 40px 30px 0px; line-height:16px; display:inline; background-color:#FFF;  position: relative;}

.spaltelinks div.csc-header, .spaltelinks_full div.csc-header { clear: both; } 

a.link1 { display:block; width: 183px; height:34px; background-image:url(Bilder/spiel.jpg); text-decoration:none; font-weight:bold; color:#511c1f; margin-top:21px; background-repeat:no-repeat;}
a.link1 span, a.link2 span, a.link3 span { padding:10px 0px 0px 44px; display:block;}
a.link2 { display:block; width: 183px; height:34px; background-image:url(Bilder/quiz.jpg); text-decoration:none; font-weight:bold; color:#511c1f; background-repeat:no-repeat; margin:11px 0px 11px 0px;}
a.link3 { display:block; width: 183px; height:34px; background-image:url(Bilder/genie.jpg); text-decoration:none; font-weight:bold; color:#511c1f; background-repeat:no-repeat;}

a.link1:hover , a.link2:hover, a.link3:hover { color:#000;}

p.csc-frame-frame2 a { display:block; width: 183px; height:29px; padding-left: 24px; line-height: 24px;background-image:url(Bilder/link1.jpg); background-repeat:no-repeat; text-decoration:none; font-weight:bold; color:#511c1f; margin-top:21px;}

#myContent { margin-left:30px;}

/*.untenzahlen { background-image:url(Bilder/unten_zahlen.jpg); background-repeat:no-repeat; background-position:90px -30px}*/
.footer { margin:0px 0px 0px 47px; position:relative; height:50px}
.footerlinks { margin-top:11px;}
.footerlinks a { color:#702e31; text-decoration:none; padding:0px 11px 0px 11px; border-right:1px solid #702e31;}
.footerlinks a.last { color:#702e31; text-decoration:none; padding:0px 11px 0px 11px; border-right:0px solid #702e31;}
.footerlinks a:hover {color:#280c0e;}
.footertop { margin-right:36px;}
.footercopy { color:#702e31; padding:11px 50px 0px 0px; text-align: right; }
.flaggen { float:left; border-right:1px solid #702e31; padding-right:11px;  }
.flaggen a { margin:0px; border:0px solid #fff; padding:0px; }



div.spaltelinks a, div.spalterechts a { color:#511c1f }

.csc-uploads-icon  a  { width:28px; height:26px; background-image:url(Bilder/pfd_icon.jpg); display:block; text-indent:-60px; overflow:hidden; margin-top:3px;}
p.csc-frame-frame1 { background-color:#702e30; color:#FFF; padding:10px;}



/* ---------- mailformular ---------- */
#mailform fieldset.csc-mailform { border: 0px; padding: 0px 10px 0px 0px; }
#mailform fieldset#mailformanrede, #mailform fieldset#mailformtitle , fieldset#mailformSudoku, fieldset#mailformPraeferenz {border: 0px;}
#mailform fieldset#mailformanrede legend, #mailform fieldset#mailformtitle legend, #mailform fieldset#mailformSudoku legend, #mailform fieldset#mailformPraeferenz legend { display:none;}
#mailform fieldset#mailformanrede label, #mailform fieldset#mailformtitle label{ display:block; float:left;  width:40px; height:20px; padding-top:5px;}

#mailform fieldset#mailformSudoku label, #mailform fieldset#mailformPraeferenz label{ display:block; float:left;  width:65px; height:20px; padding-top:5px;}

#mailform fieldset#mailformanrede input, #mailform fieldset#mailformtitle input, #mailform fieldset#mailformSudoku input,#mailform fieldset#mailformPraeferenz input{ display:block; float:left; }



#mailform fieldset.csc-mailform .csc-mailform-field { padding: 5px 0px; clear:both; }
#mailform fieldset.csc-mailform .csc-mailform-field select { width:200px; border:1px solid #511c1f; }
#mailform fieldset.csc-mailform .csc-mailform-field label { color:#414141; width:95px; display:block; float:left; vertical-align:top; padding-left:0px; }
#mailform fieldset.csc-mailform .csc-mailform-field input { border:1px solid #511c1f; color:#414141; padding:0px 3px 0px 3px; width:300px; height:20px; }
#mailform fieldset.csc-mailform .csc-mailform-field textarea { border:1px solid #511c1f; color:#414141; padding:0px 3px 0px 3px; width:300px; font-family: Verdana, Arial,  Helvetica, sans-serif; font-size:12px; }
#mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-submit {float:left; width:120px; background-color:#511c1f;  color:#ffffff; padding-bottom:2px; margin-left:96px;}

#mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-radio input {width:auto; border:0px; float:left;  }
#mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-radio label { width:auto;}
.mussausfuehlen { color:#990000; padding:0px 3px 0px 3px; }

#mailform fieldset.csc-mailform .csc-mailform-field select#mailformband { width: 200px; }

.sbookm {
	text-align: right;
	margin-right: 100px;
}

a.fb_share_link {
	color: black;	
} 


.nominiert { position: fixed; left:100%; top:100%; }
 .nom2 { display:block; text-decoration:none; width:129px; position:absolute; height:150px; left:100%; top:100%; background-image:url(Bilder/nominiert.gif); background-repeat:no-repeat; margin:-150px 0 0 -129px;}