/*
Reset CSS Template
------------------

############################################################

Credits:
This CSS Template is based on:
Neal Grosskopf's for his "Div Layout Template":
http://www.nealgrosskopf.com/dev/div_layout_template.html
Thanks for creating this, Neal! :)
	
############################################################

/****************************************************************
Reset - http://tantek.com/log/2004/undohtml.css - http://meyerweb.com/eric/tools/css/reset/
****************************************************************/
html, body, h1, h2, h3, h4, h5, p, h6, img, blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre
{ margin: 0; padding: 0; text-align: left; }
h1,h2,h3 {clear: left; float: left;}


address { font-style: normal; }
acronym, abbr { border-bottom: 1px #000000 dashed; cursor: help; }

a img, img { border: none; }
a { text-decoration: none; }
img { display: block; } /* http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps */

ul, ol {
	margin-top: 1em;
	margin-bottom: 1em;
}

/****************************************************************
General Classes
****************************************************************/
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.middle { vertical-align: middle; }
.sub { vertical-align: sub; }
.sup { vertical-align: super; }

txtBold{font-weight:900;}

.unVisible{visibility: hidden;}
.noneDisplay{display: none;}

.float-left { float:left; }
.float-right { float:right; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-both { clear:both; }


.txtAL{text-align: left;}
.txtCTR{text-align: center;}

.posAbs{position:absolute;}

.clear {
	font-size:0;
	line-height:0;
	height:0;
	clear: both;
}

/* clearfix hack: http://www.webtoolkit.info/css-clearfix.html */

.clearfix:after,
form div:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix, form div { display: inline-block; }

html[xmlns] .clearfix,
html[xmlns] form div { display: block; } 

* html .clearfix, * html form div { height: 1%; }

/* end clearfix hack*/

ul.collapse {
	display: inline;
	list-style-type: none; 
	list-style-position: inside; 
	margin: 0em; 
	padding: 0em; 
}

ul.collapse li { display: inline; }

:target {}


/****************************************************************
Template & Layout - http://www.tutorialtastic.co.uk/page/create_a_tableless_layout
****************************************************************/
html {
	height:100%;
	font-size: 100%; /* http://www.alistapart.com/articles/howtosizetextincss */
	overflow: scroll;
 /* http://webdevel.blogspot.com/2007/05/controlling-browser-scrollbars.html */
}


/****************************************************************
##############  CDV  ##############
****************************************************************/

/* LINKS */
a:link          {
font-weight:900; color: #fff; text-decoration: none;outline-style:none; }
A:visited       {
font-weight:900; color: #ddd; text-decoration: none;outline-style:none; }
a:hover         {
font-weight:900; color: #aaa; text-decoration: none;outline-style:none; }
a:active      	{
font-weight:900; color: #f00; text-decoration: none;outline-style:none; }
a:focus         {
font-weight:900; color: #aaa; text-decoration: none;outline-style:none; }


body{background-color: #000;
font-family: arial-black, arial, verdana, sans-serif;
font-size: 12px; font-weight: 400;
color: #fff;
}

select, textarea, input { 
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 320px;
}

div{text-align: left !important;}

textarea { 
overflow-y: scroll;
height: 40px;
}

.headerTxt{
font-size: 14px; font-weight: 900; text-align: left;
}
.fett1{font-weight: 900;}

.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f100{font-weight:100;}
.f200{font-weight:200;}
.f300{font-weight:300;}
.f400{font-weight:400;}
.f500{font-weight:500;}
.f600{font-weight:600;}
.f700{font-weight:700;}
.f800{font-weight:800;}
.f900{font-weight:900;}

.cRed{color: red;}
.cGreen{color: green;}
.cBlue{color: blue;}
.cBlack{color: black;}
.cWhite{color: white;}
.bgRed{background-color: red;}
.bgGreen{background-color: green;}
.bgBlue{background-color: blue;}
.bgBlack{background-color: black;}
.bgWhite{background-color: white;}


/* PAGE */
#allBox{
/*position: absolute;*/
width:950px; /*height: 600px;*/
margin: 50px auto;
}

/* ### HEADER ### */
#headerBox{
width:950px; height: 50px;
margin: 0; padding: 0;	
}

.headerLinks{
float: left;
margin-top: 20px; margin-left: 25px; 
font-size: 14px;
}

#headerImg{
margin: -5px 15px; 
width: 400px; height: 45px;	
}

#headerTxtLinks{width: 500px; height: 50px;	}

/* ### MAIN ### */

#mainBox{}

#ocBox{
position: absolute;
/* Positionierung in fIni() */
/*left:830px; top:30px;*/ 
width: 214px; height: 182px; 
background-color:transparent;
visibility:hidden;
z-index: 100;
}

#bgImgBox{
margin-top: -1px;
width: 950px; height: 350px;
background:#000 url(../img/home.jpg) 0 0 no-repeat;/**/
}

#contentBox{width: 950px; }
.contentWidth{width: 950px;}
.contentHeight{height: 200px;}




/* ####  HOME  #### */
#homeBox{width:950px; height:200px; padding-left:40px; padding-top:30px; }
#today {width:900px;}
#todayTXT{width:100px;}
#todayContent{width:400px; margin-left:90px;}
#special{ width:900px;  margin-top:30px; padding-top:10px;}
#specialTxt{width:135px;}
#specialContent{width:340px;}
#specialImg{margin-left:10px; margin-top:-10px; width:43px; height:42px;}





/* ####  PROGRAMM  #### */
#programmBox{width:950px; height:220px; padding-left:40px; padding-top:30px; overflow:hidden; z-index:100;}
#pCTop{background: url(../img/cTopLarge.gif) 0 0 repeat-x; width:700px;  height:40px; margin-top:-30px; margin-left:140px;  z-index:300;}
#programm{width:140px;}
#programmC{width:700px;  margin:0px 140px; font-size:12px;}
.programmCContentBox{margin:-10px 100px;}
#programmC P{float:left; margin-top:8px;}
#scrollBar{left:910px; top:34px; width: 16px; height: 180px; }
#dragImg{background-color:#fff; z-index:100;}
#pCBottom{background: url(../img/cBottom.gif) 0 0 repeat-x; width:700px;  height:20px; margin-top:200px; margin-left:140px;}





/* ####  BOOT  #### */
#contentBootBox1{display:block;}
#contentBootLeft{width:140px; margin-left:40px; margin-top:30px; font-size:14px; font-weight:900; text-align:left;}
#contentBootMiddle{width:600px;margin-top: 10px;}
#contentBoot1Middle-1{margin-top: 20px;}
#contentBoot1Middle-2{margin-top: 10px;}
#contentBoot1Middle-3{margin-top: 10px;}
#contentBootRight{
width:80px; height:25px;
margin-left:30px; margin-top:168px;
}
#contentBoot1Right{border:0; width:80px; height:20px; padding-top:5px; text-align:center; vertical-align:bottom; background-color:#c00418; font-size:11px; font-weight:400;}
#contentBootBox2{display:none; padding-left:40px; padding-top:30px;}




 /* ####  NEWSLETTER  #### */
#content{position:absolute; width:950px; height:220px; padding-left:40px; padding-top:30px;}
#phpListTitle{float:left; width:100px; margin-left:0px; margin-top:0px;font-size:14px; font-weight:900;}
#phpListTEXT{float:left; width:700px; margin-left:40px; margin-top:0px; font-size:12px; font-weight:400; letter-spacing:1px;}
.phpListSpacer{width:700px; height:10px;}
#phpListNameLabel{position:absolute; left:130px; top:115px; font-size:12px; font-weight:400;}
#phpListNameInput{position:absolute; width:315px; left:180px; top:115px;} 
#phpListMailLabel{position:absolute; left:525px; top:115px; font-size:12px; font-weight:400;}
#phpListMailInput{position:absolute; width:315px; left:575px; top:115px; }
#phpListSendBtn{position:absolute; left:825px; top:168px;  width:65px; height:25px; border:0; background-color:#c00418; color:#fff; font-size:10px; font-weight:900; vertical-align:top; text-align:center !important;}



/* ####  KONTAKT  #### */

#contentKontaktBox{position:absolute; width:950px; height:220px; padding-left:40px; padding-top:30px;}
#contentKontaktLeft{float:left; width:100px; height:100px; margin-left:0px; margin-top:0px;font-size:14px; font-weight:900;}

#contentKontaktMiddle{float:left; width:700px; height:100px; margin-left:40px; margin-top:0px; font-size:12px; font-weight:400;}
#contentKM1{padding-top:1px;}
#contentKM2{margin-top: 6px;}
.dot{vertical-align: 3px;}
#contentKM3{margin-top: 3px;}

#contentKontaktBottom{float:left;width: 950px; height:100px; margin-top:-30px;}
.contactForm{float: left;}


label{display:block; float:left;width:50px; height:13px;}
#cf7Name{float:left; margin-top:-10px; margin-left:89px;}
#cf7Email{clear:both;float:left; margin-top:10px; margin-left:89px;}
#cf7Message{float:left; margin-top:-44px; margin-left:476px;}
#cf7Send input{border:0; margin-left:785px; margin-top:10px; width:65px; height: 25px; background-color:#c00418; vertical-align:top; text-align:center !important; font-size:10px; font-weight:900; color:#fff;}



/****************************************************************
Print - http://www.alistapart.com/stories/goingtoprint/ 
****************************************************************/
@media print {
	#Header,
	#Menu,
	#SubMenu,
	#Footer { display: none; }
	#Wrap {
		border-width: 0px;
		color: #000;
		width: 6.7in;
		float: none;
	}
	
	#Wrap a {
		text-decoration: underline;
		border-bottom-width: 0px;
	}
	
	#Wrap a:after {
		content: " [ " attr(href) " ] ";
		font-size: 70%;
		font-style: italic;
		padding-left: 12px;
	}

	#Wrap a[href^="/"]:after {
		content: " [ http://www.clubdervisionaere.com" attr(href) " ] ";
		padding-left: 12px;
	}
}

/****************************************************************
Handheld
****************************************************************/
@media handheld {
	#Accessibility { display: block; }
}

/****************************************************************
Aural (Screen Reader)
****************************************************************/
@media aural {
	#Accessibility { display: block; }
}