/* *_*_*_*_*_ kruse_medien _*_*_*_*_* Styles */

html, body {background-color: #FFF;margin:0; padding:0; text-align:left; min-height: 100% }
body, td, p  { color: #001667; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 18px;} 
a, a:hover, a:link, a:visited{ background-image: none;}


/* ________________________________ Positionierung ______________________________________________________ */   
#container  {background-image: url("../images/bg_all.jpg");background-repeat: repeat-y;background-color: #FFF; text-align: left; margin-right: auto;margin-top: 0; margin-left: auto; width: 983px; }
#klammer  {position: relative;float: right;margin:0;padding:0;}
#klammer_home  { position: relative; float: right; margin:0; padding:0; width:400px; left:-41px; top: 39px; }
#klammer_home p { color: #021e87 !important; font-size: 13px; padding-bottom: 0; }
* html #klammer_home p {line-height: 30px;}
/* ________________________________ Moodbar / Hauptmenu ______________________________________________________ */  
#menu {background-color:red;position: relative; margin: 0;width: 983px;height: 103px; z-index:10;}
#logo  {margin: 0;padding:7px 0 0 134px;background-image: none;float:left;}

.bg_menu_male {background-image: url("../images/bg_menu_male.jpg");background-repeat: no-repeat;}
.bg_menu_female {background-image: url("../images/bg_menu_female.jpg");background-repeat: no-repeat;}

/* ________________________________ Moodbar / Hauptmenu ______________________________________________________ */  
#moodbar {position: relative; margin: 0;padding:0;width: 983px; min-height: 192px; z-index:100;}
*html #moodbar {height: 192px;}
.bg_mood_male {background-image: url("../images/bg_mood_male.jpg");background-repeat: no-repeat;}
.bg_mood_female {background-image: url("../images/bg_mood_female.jpg");background-repeat: no-repeat;}
#headline {position: relative; margin: 0;width: 722px;float:left; height:170px;}
#headline h1 { color: #ff5b0a; font-size: 24px; font-weight: bold; background-image: url(../images/pfeile_h1.gif); background-repeat: no-repeat; background-position: 0 5pt; margin:126px 0 0 30px; padding:0 0 0 40px }

#layer_blau { position: relative; top: 0; left: 0; z-index: 200; margin: -24px 0 0; padding:0 0 0 32px; min-height: 192px; float:left; }
.oeffnen {background-image: url("../images/bg_oeffnen.jpg");background-repeat: no-repeat;padding:0;width:208px;height:48px;}
.layer_blau_text { font-size: 11px; padding:0 0 0 4px; width:195px; height:48px; height: 94px;}
.layer_blau_text p { font-size: 11px !important; font-weight: normal !important; line-height: 13px; }
.zur_beantragung {padding:0 0 0 8px;width:192px;height:95px;}
div#layer_blau p{color:#FFF;font-size:14px;font-weight:bold;margin:0 0 0 0;padding:0 0 0 13px;}

div.oeffnen a   {color: #ff2500;font-weight:bold;font-size:14px;text-decoration: none; padding: 18px 0 0 32px;display:block }
div.oeffnen a:hover  { color: #ff2500; text-decoration: underline;  }
div.oeffnen a  .blau {color: #001667}
div.oeffnen a:hover .blau {color: #001667}
/* __ TOPNAVI__ */
div#menu_top ul    { color: #b1b1b1; font-weight: bold; margin: 0 0 0 7px; position: relative ; text-align: right; float:left; padding-top: 35px; }
div#menu_top ul li {display: inline;}

div#menu_top ul li a   {background-image: url("../images/pfeil_menu.jpg"); background-repeat: no-repeat;background-position: 0 2px; font-size: 12px; color: #FFF;text-decoration: none; padding: 5px 15px 5px 22px }
div#menu_top ul li a:hover  { color: #001667; text-decoration: underline}
div#menu_top ul li a.cur   { color: #001667; text-decoration: underline}


/* ________________________________ Textformatierung ______________________________________________________ */
h1      {  color: #B1B1B1;font-size: 16px; font-weight: bold; line-height: 22px;margin:0;padding:0}
h2      {  color: #B1B1B1;font-size: 14px; font-weight: bold; line-height: 22px;}

.top {background-image: url("../images/box_t.jpg");background-repeat: no-repeat;}

/* ________________________________ Content ______________________________________________________ */
#rechts 	{ display: inline;margin: 0; padding: 0 0 0 12px;width: 466px;position: relative;float: left ;min-height: 300px}
#rechts_text 	{ display: inline;margin: 0; padding: 0 0 0 12px;width: 430px;position: relative;float: left ;min-height: 300px}
#rechts_basic { display: inline;margin: 0; padding: 0 0 0 12px;width: 466px;position: relative;float: left ;min-height: 300px}
#rechts_basic input, #rechts_basic select {margin-bottom: 10px; }

.box-content   {background-image: url("../images/kreuzchen.jpg"); background-repeat: no-repeat;margin:0 0 0 15px;padding:0 0 0 30px;font-size:14px;font-weight:bold;color:#001667;min-height:30px;width:320px}
.box-content_start   {background-image: url("../images/kreuzchen.jpg"); background-repeat: no-repeat;margin:0 0 0 15px;padding:0 0 7px 30px;font-size:14px;font-weight:bold;color:#001667;min-height:30px;width:320px}
.box-content_start_home   {background-image: url("../images/kreuzchen.jpg"); background-repeat: no-repeat;margin:0 0 0 15px;padding:0 0 7px 30px;font-size:14px;font-weight:bold;color:#001667;min-height:30px;width:350px}
.box-content_text   {margin:0 0 0 15px;padding:0 0 0 30px;font-size:12px;font-weight:bold;color:#001667;min-height:30px;width:320px}
.lauftext   {width:370px;font-size:11px;color:#001667}
.lauftext_start   {width:400px;font-size:11px;color:#001667}
.tabletext   {font-size:11px;color:#001667}
.lauftext_h   {width:370px;color: #FF5B0A;font-size: 16px; font-weight: bold;padding-top:15px;}

.bg_r   {background-image: url("../images/box_m.jpg");background-repeat: repeat-y;}
.top_r  {background-image: url("../images/box_o.jpg"); background-repeat: no-repeat;}
.bot_r   { background-image: url("../images/box_u.jpg"); background-repeat: no-repeat; margin-top: 0; padding-top: 0;  height: 25px }

#link_vergleich   {background-image: url("../images/pfeil_dreibox.jpg"); background-repeat: no-repeat;margin:20px 0 0 15px;padding:0 0 5px 30px;font-size:18px;font-weight:bold;width:400px;}
div#link_vergleich a   {color: #FF5B0A;text-decoration: none;}
div#link_vergleich a:hover  { color: #001667; text-decoration: underline;  }

#content td     {border-top:dotted 1px #343434;padding-top:10px;}
.leistungstabelle     {border:0;padding-top:10px;}
.td-leistungen {border:0;background-color:#fff}

/* ________________________________ Links______________________________________________________ */ 
 
#links       {margin: 0; padding: 0 0 0 100px;width:400px; position: relative;float: left;min-height: 300px}
#links_breit      {margin: 0; padding: 0 0 0 100px;width:700px; position: relative;float: left;min-height: 300px}
#links_vergleich      {margin: 0; padding: 0 0 0 100px;width:820px; position: relative;float: left;}
#links_vergleich td     {padding-top:2px;font-size:11px;color:#001667;}
.td_vergleich_innen {background-color:#ebefff;border-top:dotted 1px #001667;border-left:dotted 1px #001667;}
.vergleich_orange {color: #FF5B0A;font-size:18px;font-weight:bold}
.vergleich_rot {color: #ff2500;font-size:18px;font-weight:bold}
.vergleich_blau {color: #001667;font-size:18px;font-weight:bold}}

.lauftext_breit   {width:700px;font-size:11px;color:#001667}
#links_text       {margin: 0; padding: 0 0 0 100px;width:430px; position: relative;float: left;}
#links_beantragung       {margin: 0; padding: 0 0 0 180px;width:400px; position: relative;float: left;}
.box-content_beantragung   {margin:0 0 0 15px;padding:0 0 0 30px;font-size:12px;font-weight:bold;color:#001667;width:320px}
.box-content_karte   {background-image: url("../images/pfeil_dreibox.jpg"); background-repeat: no-repeat;margin:5px 0 0 40px;padding:0 0 0 30px;font-size:12px;font-weight:bold;color:#001667;}
#bg_r_beantragung   {background-image: url("../images/box_m.jpg");background-repeat: repeat-y;}
div#bg_r_beantragung a   {color: #FF5B0A;text-decoration: none;}
div#bg_r_beantragung a:hover  { color: #001667; text-decoration: underline;  }

/* ________________________________ 2spalter______________________________________________________ */ 
 
div#zweispalter    {margin: 10px 0 0 55px ;clear: both;}
.dreibox_start   {background-image: url("../images/pfeil_dreibox.jpg"); background-repeat: no-repeat;margin:0 0 0 15px;padding:0 0 5px 30px;font-size:12px;font-weight:bold;color:#001667;width:250px;float:left}
div#zweispalter .zweispalter_orange {color: #FF5B0A;font-size:18px;font-weight:bold}
div#zweispalter .zweispalter_rot {color: #ff2500;font-size:18px;font-weight:bold}
div#zweispalter a   {color: #001667;text-decoration: none;}
div#zweispalter a:hover  { color: #001667; text-decoration: underline;  }

/* Formatierungen fuer Formular */

#formular   { font-size: 11px; text-align: left; margin: 0; padding: 0 }
#formular p  { color: #e0d0b0; background-color: transparent; margin-top: 0; margin-right: 0; margin-bottom: 10px }

fieldset    { margin: 25px 20px 25px 10px; padding: 5px 10px; border: dotted 1px #343434 }
* html fieldset     { margin: 10px 25px; padding: 5px 10px; border: dotted 1px #343434 }
legend  { font-weight: bold; background-color: #fff; margin: 0 0 10px 20px; padding: 2px 10px;}
.rot {color: #ff2500}

form {line-height: 18px;}
input, textarea, select   { font-size: 12px;}
select {text-align:right;}
option {text-align:right;}
.inpt    { color: #000; background-color: #ebefff; margin:0 0 0 10px; width: 335px; border: dotted 1px #343434; text-align:left;}
.inptcc    { color: #000; background-color: #ebefff; margin:0 0 0 10px; width: 30px; border: dotted 1px #343434; text-align:left; }
.txt   { color: #000; background-color: #ebefff; width: 335px; border: dotted 1px #343434 }
* html .txt    { width: 280px }
input.inpt:focus, textarea.txt:focus {background-color: #fff;color: #000; text-align:left;}
.senden  { color: #ff2500; font-size: 12px; font-weight: bold; background-color: #ebefff; cursor: pointer; margin: 15px 0 0; padding: 5px 0; width: 335px; border: dotted 1px #343434; voice-family: inherit }
* html .senden   { margin: 15px 0 0; padding: 5px 0; width: 280px }
.klick {cursor: pointer; voice-family:inherit; cursor: pointer;}

/* ________________________________ Footer ______________________________________________________ */ 

#footer     {background-image: url("../images/bg_footer.jpg");background-repeat: none; background-color: #FFF;font-size: 11px;height: 70px; clear: both;width: 983px;text-align: right;}
#menu_footer     {float:left;text-align: right;width:800px}
#visa     {padding-right:32px}
div#menu_footer ul    { color: #fff; margin: 0; padding-top: 30px; position: relative;text-align: right;font-weight:bold;}
div#menu_footer ul li {display: inline;}

div#menu_footer ul li a   { color: #fff;text-decoration: none; padding: 0 5px }
div#menu_footer ul li a:hover  { color: #001667; text-decoration: underline;  }
div#menu_footer ul li a.footcur   { color: #001667; text-decoration: underline;}


 

/* ________________________________ Fixes / Printer ______________________________________________________ */  
 /* *** Float containers fix *** */ 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles 
 @media print{*/ 
/*hide the left column when printing
#moodbar{display:none;} */ 

/*hide the right column when printing
#footer{display:none;} 
#klammer, #content{width:100%; float:none;}
}*/ 

/*
#content_home { background-image: url(/images/content_bg.jpg);background-repeat: no-repeat;background-position: 53px 6px; height: 400px;}
#reisegutschein { position: relative; top: 368px; left: 433px; width: 420px; height: 50px; }
#reisegutschein p { color: white; font-size: 13px; font-weight: bold; line-height: 29px; }
*/
#content_home { background-image: url(/images/content_bg.jpg);background-repeat: no-repeat;background-position: 53px 6px; height: 400px;}
#reisegutschein { height:137px; position:relative; top:370px; }
#reisegutschein p { color: white; font-size: 13px; font-weight: bold; line-height: 29px; }

.geb_links { padding-left: 20px; color:#000 !important; line-height: 16px; vertical-align: middle; }
.geb_rechts { padding-right: 20px; color:#000 !important; line-height: 16px; vertical-align: middle; }