/*-----------------------------------------------------------------------------------------------
//////////   GENERAL   ////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------
*/

html, body {
height: 100%;
}


BODY { background: url(img_templ/bkgr_verlauf.jpg); background-color: #99d1f4; background-attachment: fixed; background-repeat: repeat-x; margin: 0; padding: 0; font-family: tahoma; font-size: 12px; color: #000000; line-height: 16px;}
td {font-family: tahoma; font-size: 12px; color: #000000; line-height: 16px;}


/* Inset 3D Curved */
.inset {margin:0 auto; background-color: #C9E7F8; border: 1px solid #4279B9;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {color:#4279B9; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent1 {display:block; padding-top: 5px; text-align: left;}
.inset .boxcontent {display:block; background:#ccc; border-left:1px solid #999; border-right:1px solid #fff;}


/*
-----------------------------------------------------------------------------------------------
//////////   TYPOGRAPHY   /////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------
*/
 /* */
a {
	color: #336699;
	font-weight: bold;
	text-decoration: none;
}

a:active {
	color: #62A6C4;
}

a:visited {
	color:#336699;
}

a:hover {
	color: #62A6C4;
	text-decoration: none;
}

.adresse a:hover {color: #FFFFFF;}

.separator			   {
	background:  url(img_templ/hg_line_horiz.gif);
	background-repeat: repeat-x;
	height: 5px;
	width: 100%;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0; 
	padding-bottom: 5px;
}

.csc-firstHeader {font: 22px Georgia, "Times New Roman", serif; letter-spacing: 0px; color: #4279B9; padding-bottom: 15px;}


h1 {font: 19px Georgia, "Times New Roman", serif; color: #4279B9;}

h2 {font: 17px Georgia, "Times New Roman", serif; color: #4279B9;}

h3 {font-size: 13px; font-weight: bold; line-height: 16px;}

h4 {font-size: 12px; font-weight: bold; line-height: 16px;}


h5 {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 13px;
}

h6 {
  font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
	line-height: 16px;
}

ul {list-style: none; margin-left: 0px;}
html>body ul {padding-left: 0px; margin-left: 0px;} /*Mozi-Hack*/
li {background-image: url(img_templ/flocke.jpg); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 1.2em;}

.csc-textpic-caption {font-size: 11px; font-style: italic;}
.csc-frame-frame2 .csc-textpic-caption {height: 38px;}

/*
-----------------------------------------------------------------------------------------------
//////////   SLIDE NAVIGATION (OBOUT)   ///////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------
*/

#floatMenue div {font-family: tahoma; font-size: 12px; color: #4279B9; text-decoration: none;}
#floatMenue {background-image: url(img_templ/menback.jpg); background-repeat: no-repeat; background-position: 0 -20; background-color: #50AEE2; border-top: 1px solid white;}

.SM_Q {
	display: block;
	position: relative;
	top: 0;
	/*width: 178;*/
	border-bottom: 1px solid white;
	/*background-color: #C9E7F8;*/
	cursor: pointer;
	padding-left: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
}
.SM_Q a:hover {color: #FFFFFF;}

.aSM_Q {
   display:block;
   position:relative; 
	top:0; 
	width:178; 
	/*color: #000000;*/
	text-decoration: none;
	cursor: pointer;
	height: 20px;
	/*margin-top: 2px;*/
	padding-top: 2px;
}

.aSM_Q:hover {
   color: #FFFFFF;
	}
	

.SM_c {
   display:block;
   position:relative; 
	top:0; 
	width:178; 
	border-top:1px solid white;
	font: 11px Arial, Helvetica, sans-serif;
	color: #515D7E;
	text-decoration: none;
	background-color: #E0E4EF;
	cursor: pointer;
	height: 20px;
}

.aSM_c {
   display:block;
   position:relative; 
	top:0; 
	width:178; 
	font: 11px Arial, Helvetica, sans-serif;
	color: #515D7E;
	text-decoration: none;
	background-color: #E0E4EF; /* ha ha*/
	cursor: pointer;
	height: 20px;
}

.aSM_c:hover {
   background-color: #9BA7C5;
   color: #FFFFFF;
	}

.SM_po {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #9BA7C5;
	cursor: pointer;
	height: 20px;
	/*padding-top: 2px;*/
}
	
.SM_co {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #9BA7C5;
	cursor: pointer;
/*	padding-top: 2px;*/
}

.SM_cs {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #ADB8D2;
	cursor: pointer;
/*	padding-top: 2px;*/

}

.SM_cb {	/*Whole box with all children*/
	background-color: #D3D9E9;
}

/*
-----------------------------------------------------------------------------------------------
//////////   DIV - LAYERS ID   ////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------
*/

#layalldivs {
width: 970px;
position: absolute;
left: 50%;
margin-left: -485px;
} /* funzt o im IE7, des Glump... ;-) */



#layheadmain {
	background: url(img_templ/kopf_09.jpg) no-repeat;
	background-position: 0px 0px;
	height: 200px;
	width: 970px;
	border-left: 1px solid #4279B9;
	border-right: 1px solid #4279B9;
}

#laycontainerohneteaser {
	width: 970px;
	background-image: url(img_templ/bkgr_08.jpg); background-repeat: no-repeat;
	background-color: #FFFFFF;
	border: 1px solid #4279B9;
}
#laynavigation {
	width: 179px;
	float: left;
}

#floatMenue {
	position: relative;
	z-index: 4;
	top:20px;
	left: 0px;
	width: 179px;
	float: left;
}
#men_ende {clear: both; height: 5px;}

#maincontent
{
	padding-top: 20px;
	padding-bottom: 10px;
	top: 0px;
	width: 789px;
	float: right;
}

#textfeld {padding-left: 20px; padding-right: 10px; float: left;}

#maincontent1
{
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	top: 0px;
	width: 500px;
	float: left;
}

#maincontent2
{
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	top: 0px;
	width: 440px;
	float: left;
}	
#rechts1 {padding-top: 20px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; width: 240px; float: right;}
#rechts2 {padding-top: 20px; padding-right: 10px; padding-bottom: 10px; width: 310px; float: right;}

  #Fusszeile {
    clear: both;
    height: 1px;
    background-image: url(img_templ/trenner_vert.jpg);
  }

.testdiv {width: 50px; height: 60px; background-color: #ff0000;}

.adresse {padding: 10px; margin-top: 15px;}
/*
-----------------------------------------------------------------------------------------------
//////////   DIV - LAYERS CLASSES   ///////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------
*/

.contentbox {
	width: 465px;
	margin: 5px;
}

.trennlinie_vert {
	width: 50px;
	margin: 5px;
	background:  url(img_templ/hg_trennlinie_vert.gif);
}

.contentboxmitlinie {
	width: 465px;
	margin: 5px;
	background:  url(img_templ/hg_trennlinie_vert.gif);
}

.quelle {
	float: right;
	height: 35px;
	padding-top: 8px;
	margin-right: 10px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.spalte1 {
	float: left;
	width: 230px;
}

.spalte2 {
	float: right;
	width: 230px;
}

.time {
	font: 9px Verdana, Helvetica,  Arial, sans-serif;
	color: #999999;
	text-align: right;
	padding-right: 10px;
}

.time2 {
	float: right;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 0px;
}

.boxfull {
	width: 635px;
	padding-left: 6px;
}

.boxtopfull {
	width: 635px;
	height: 20px;
	background:  url(img_templ/hg_full_top.gif) no-repeat;
}

.boxcontentfull {
	width: 635px;
	padding:  10px;
}

.boxbottomfull {
	width: 635px;
	height: 35px;
	background:  url(img_templ/hg_full_bottom.gif) no-repeat;
}

.top-footer {
	width: 465px;
	height: 31px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding-top: 8px;
	background:  url(_images_/hg_top-footer.gif) no-repeat;
}

.wetterfoot{
	float: right;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 4px;
}

.degrees			   {
	font: normal 10px Arial, Helvetica, sans-serif;
	color:#000000;
	padding-top: 2px;
}

.bodytext {margin-top: 3px; margin-bottom: 15px;}

/*
-----------------------------------------------------------------------------------------------
//   DIV - ELEMENTE  //
-----------------------------------------------------------------------------------------------
*/
/*.csc-textpic dl {border: 1px solid #7AC3F1; padding: 2px;}*/
/*.csc-textpic .csc-textpic-imagewrap {border: 1px solid #7AC3F1;}*/
.csc-textpic .csc-textpic-imagewrap img {border: 1px solid #7AC3F1; padding: 2px;}
.csc-textpic-border dl {border: 0px; padding: 0px;}
.csc-textpic-clear {height: 15px;}
.csc-textpic .csc-textpic-imagewrap ul {list-style-type: none;}
.csc-textpic .csc-textpic-imagewrap li {background-image: none;}



.teasercontent {
	border: #C2BFBF solid 0px;
}


.border {
	border: #C2BFBF solid 0px;

}

/*.table      {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}*/
 			

.table_hintergrund 			{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	border: #C2BFBF solid 1px;
	background:  url(img_templ/hg_table.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.table3 {border: 1px solid #7AC3F1; padding: 2px; vertical-align: top;}
.table3 .table_bgr {padding: 5px;}
/*.table3 .table_bgr h2 {height: 20px;}*/

.bild_rand_links {padding-left: 10px;}

.tabtrenner {width: 10px;}
.bildselect {background-color: #7ac3f1;}
.bildselect. .tabtrenner {width: 3px;}

.table4 			{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

p table 			{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border: none;
}

.txt1 				{
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

.txt2 				{
	font-size: 1em; 
	color:#4279B9;
	text-decoration: none;}
	
.txt3 				{
	font-size: 1.1em; font-weight: bold; font-style: italic;
	color:#4279B9;
	text-decoration: none;
}
.menuetitel, .menuetitel a:active, .menuetitel a:visited {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
   text-transform: uppercase;
	color:#000000;
	padding-left: 10px;
	padding-top: 4px;
}

.menuetitel a {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
   text-transform: uppercase;
	color: #336699;
	font-weight: bold;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 4px;
}

.menuetitel a:hover {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
   text-transform: uppercase;
	color:#62A6C4;
	padding-left: 10px;
	padding-top: 4px;
}
.table_bgr {background-color: #c9e7f8; color: #4279B9;}
.preistab h2 {height: 30px; vertical-align: middle;}

.table_bgr .txt1 {padding: 5px;}

.hight1 {background-color: #c9e7f8; color: #4279b9; padding: 3px;}

.bgr_blue{
	background-color: #E0E4EF;
	border-left: 1px solid Gray;
	border-right: 1px solid Gray;
	border-top: 1px solid Gray;
}
.tableBorder {
	border: 1px solid #B5D0E0;
	padding-right: 2px;
}

.csc-frame-frame1 {padding-left: 10px; padding-bottom: 10px; padding-right: 10px; padding-top: 5px; border: 1px solid #4279B9; background-color: #ffffff; margin-top: 20px;}
.startseite {background-color: #C9E7F8; font-size: 12px; font-weight: bold; border: 1px solid #4279B9;}
.startseite td {padding: 5px;}
.startseite caption {background-color: #4279B9; font-size: 14px; font-weight: bold; color: #FFFFFF; padding: 5px;}
.startseite .td-0 {width: 160px;}
.startseite .td-1 {width: 208px;}
.startseite .td-2 {width: 180px;}
.startseite {margin-top: 20px;}
html>body .startseite caption {margin-top: 20px;} /*Mozi-Hack*/
html>body .startseite {margin-top: 0px;} /*Mozi-Hack*/

.kurszeiten .td-0 {padding-right: 15px;}
.kurszeiten {margin-bottom: 20px;}

.preistab1 thead {background-color: #C9E7F8; color: #4279B9; font-size: 12px; font-weight: bold;}
.preistab1 th {padding: 3px;}
.preistab1 {padding: 0px; margin: 0px; border-collapse: collapse; margin-top: 10px; margin-bottom: 25px;}
.preistab1 td {border-bottom: 1px solid #4279B9; padding: 3px;}
.preistab1 .td-0 {width: 280px; text-align: left; padding-left: 15px;}
.preistab1 .td-1 {width: 50px; text-align: right; padding-right: 10px;}
.preistab1 thead .td-1 {text-align: center; }
.preistab1 caption {font-size: 12px; font-style: italic; text-align: left;}

.preistab2 thead {background-color: #C9E7F8; color: #4279B9; font-size: 12px; font-weight: bold;}
.preistab2 th {padding: 3px;}
.preistab2 {padding: 0px; margin: 0px; border-collapse: collapse; margin-top: 10px; margin-bottom: 25px;}
.preistab2 td {border-bottom: 1px solid #4279B9; padding: 3px;}
.preistab2 .tr-4 td, .preistab2 .tr-5 td {border-bottom: 0px;}
.preistab2 .td-0 {width: 280px; text-align: left; padding-left: 15px;}
.preistab2 .td-1 {width: 50px; text-align: right; padding-right: 10px;}
.preistab2 thead .td-1 {text-align: center; }

/*
///////// FORMULARE ///////////
*/

textarea, select	{	
	background-color: #C9E7F8;
	font: 11px Verdana, Arial, Helvetica, Sans-serif;
	color: #000000;
	border: #C2BFBF solid 1px;
}

input 			{
	background-color: #C9E7F8;
	font: 10px Verdana, Arial, Helvetica, Sans-serif;
	color: #000000;
	border: #C2BFBF solid 1px;
	cursor: pointer;
}

#anfrageskischulemellau {width: 370px;}
#formlabel {width: 75px; float: left;}
#anfrageskischulemellau .tx_powermail_pi1_fieldwrap_html {padding-bottom: 5px;}
#anfrageskischulemellau legend {color: #4279B9; padding-bottom: 10px;}
#anfrageskischulemellau fieldset {border: 1px solid #4279B9; padding: 5px;}




#anfrageskischulemellauengl {width: 420px;}
#formlabel {width: 115px; float: left;}
#anfrageskischulemellauengl .tx_powermail_pi1_fieldwrap_html {padding-bottom: 5px;}
#anfrageskischulemellauengl legend {color: #4279B9; padding-bottom: 10px;}
#anfrageskischulemellauengl fieldset {border: 1px solid #4279B9; padding: 5px;}


.startseite {margin-bottom: 35px;}


/*Sprachauswahl 
*/

#languages {width: 970px; height: 20px; text-align: right; position: static;}
#lang_en {width: 90px; background-image: url(img_flags/gb.png); background-repeat: no-repeat; background-color: #FFFFFF; background-position: 7px 3px; float: left; text-align: left; height: 20px; vertical-align: middle; border-right: 1px solid #4279B9; border-top: 1px solid #4279B9;}
#lang_de {width: 90px; background-image: url(img_flags/de.png); background-repeat: no-repeat; background-color: #FFFFFF; background-position: 7px 3px; float: left; text-align: left; height: 20px; vertical-align: middle; border-right: 1px solid #4279B9; border-top: 1px solid #4279B9;}
#lang_en a, #lang_de a {padding-left: 30px;}