/******************************* NOON.CSS *********************************/
/* Autor: Bartl Media/Thomas Bartl                                        */
/* Beginn: 07.01.2005                                                     */
/**************************************************************************/
/* CSS-File f�r noon - Version 0.5                                        */
/**************************************************************************/
/* 20050107: Neu-Definitionen                                   1905-1920 */
/* 20130424: Quickfix W4Y-K�ndigung                             0200-0400 */
/* 20130425: Polaroid                                           2225-2230 */
/* 20130505: Background                                         1250-1300 */
/* 20130506: Background in PHP auslagern (dynamisch)            0140-0145 */
/**************************************************************************/

@font-face { font-family: Special1; src: url('Race-Coarse.otf'); /* font-style:normal; font-weight:normal; */ }
@font-face { font-family: Special2; src: url('Kavivanar-Regular.ttf'); /* Ludicrous-Stencil.otf */ }

#content
{
    position:relative; width:600px; margin:0 auto 10px auto;
}

#contentIndex
{
	width:400px; height:200px;
}

#logo
{
   /*position:absolute; left:50%; top:50%; margin-top:-250px; margin-left:100px;*/
}

#signet
{
   position:absolute;
	top:0px; right:10px;
	clear:both;
}

#spektrum, #partner
{
    margin-bottom:40px;
}

#photos
{
	position:absolute; bottom:10px;
}

#footer { position:relative;  width:600px; margin:20px auto 10px auto; text-align:center; color:#000; padding:5px; z-index:1;
/*	-webkit-transform: rotate(-90deg); *//* chrome & safari*/
/*   -moz-transform: rotate(-90deg); *//* firefox */
/*   -o-transform: rotate(-90deg); *//* opera */
/*   transform: rotate(-90deg);*/
} /*margin-left:-200px; background:#fff; */
#footer a { margin:0 25px; padding:3px; border-top-left-radius:30%; border-bottom-left-radius:10%;  border-top-right-radius:10%; border-bottom-right-radius:30%;   }

#header, #leistungen, #kontakt { margin-top:25px; margin-bottom:50px; }
#logo { height:80px; }
#signet { height:100px; margin-top:-10px; }

#leistungen > span { margin:0 50px 0 0; font-family:Special2,Special1; font-size:21pt; font-weight:lighter; opacity:75%; }

#kontakt > span { color:#666;}

#datenschutz > h1 { font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:11pt; }
#datenschutz > h2 { font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:11pt; }
#datenschutz > h3 { font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:10pt; }
#datenschutz > p { font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:11pt; }
#datenschutz > p > a { font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:11pt; }

body { margin:0px; background-color:#ffffff; background-image:url('bilder/bg_kariert.png'); }

body,p,br,h1,h2,h3,h4,h5,ul,ol,li,div,td,th,address,blockquote,nobr,b,i,sub,sup,
strong,span,center,input,textarea,select,option { font-family:Special2,Special1,Verdana,Arial,Helvetica,sans-serif; color:#000000; }

body,a,p,ul,ol,li,div,td,th,address,nobr,b,i,span,center,input,textarea { font-size:17pt; line-height:13pt; letter-spacing:0px; word-spacing:2px; }

pre { font-family:Courier,sans-serif; font-size:8pt; line-height:12pt; color:#000000; }

h1 { font-size:8pt; font-weight:bold; color:#2f84ab; margin:10px 0 10px 0; }

h2 { font-size:8pt; letter-spacing:0px; margin:10px 0 0 0; }

h3 { font-size:8pt; letter-spacing:0px; margin:0; }

h4 { font-size:9pt; }

h5 { font-size:8pt; letter-spacing:7px; margin:0px; }

sub,sup { font-size:7pt; }

a { color:#2f84ab; }
a:link { text-decoration:none; }
a:visited { color:#2f84ab; text-decoration:none; }
a:active { text-decoration:none; }
a:hover { color:#2f84ab; background:#0d0; text-decoration:none; opacity:80%; }

ul { list-style-type:square; list-style-position:outside; margin-top:0px; margin-bottom:0px; text-indent:0px; }

.spacer div { width:1px; height:1px; overflow:hidden; }

form { clear:both; line-height:17pt; font-size:12pt; color:#06f; }
form > div { color:#06f; }
input, textarea { width:95%; height:25px; margin:11px 10px 12px 0; border:none; background:#ff0; opacity:50%; border-top-left-radius:20%; border-bottom-left-radius:5%;  border-top-right-radius:10%; border-bottom-right-radius:20%;  }
input { padding:10px; }
textarea { width:90%; height:120px; padding:20px; line-height:23pt; }
input.senden { background:#0d0; opacity:66%; /*width:80px; height:80px; border-radius:40px;*/ border-top-left-radius:20%; border-bottom-left-radius:10%;  border-top-right-radius:10%; border-bottom-right-radius:20%; width:100px; height:60px; color:#000; }
input.senden:hover { background:#0f0; }

.form .button { border:1px solid #2f84ab; background-color:#000000; font-size:10pt; letter-spacing:0pt; line-height:9pt; filter:Shadow(color=#000000, direction=45) } /*c4d7e8*/
.form .missing { color:#2f84ab; }
.form .status { border:1px solid #2f84ab; color:#2f84ab; margin:0px; }

.trennung { font-weight:normal; }

.grafik a img { background:#ffffff; font-size:1px; }

.content_zusatz a div span pre td { font-size:7pt;  line-height:9pt; }

.hervorhebung { font-weight:bold; color:#2f84ab; }

/* V2020 */
#leistungen > img { height:35px; margin-right:30px; }

#kontakt > div > span { width:100px; }
.senden { margin-top:-70px; margin-right:20px; float:right; }

#impressum { z-index:100; visibility:hidden; position:relative; margin:-480px auto; padding:20px; width:500px; background:#ff0; line-height:25pt; }

.datenschutz, .datenschutz span, .datenschutz a, .mensch > span { font-family:Verdana, Geneva, Tahoma, sans-serif !important; font-size:11pt !important; }
.hinweis, .hinweis_ok { font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:12pt; background:#ff0; padding:20px; border-top-left-radius:20%; border-bottom-left-radius:5%;  border-top-right-radius:5%; border-bottom-right-radius:20%; }
.hinweis_ok { background:#0e0; }
input.checkbox { width:25px; }
.mensch > input { width:65px; }