@charset "utf-8";
/**
**	CSS Definition
*	Projekt: Squadhouse-Media
*	Author: Matthias Dorn, Squadhouse-Media (www.sq.de)
*/

html { overflow:auto; overflow-x:hidden; }
@font-face {
	font-family: 'sqh2';
	src: url('2-webfont.eot');
	src: local('☺'), url('2-webfont.woff') format('woff'), url('2-webfont.ttf') format('truetype'), url('2-webfont.svg#webfontiwDu2dl2') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'sqh1';
	src: url('1-webfont.eot');
	src: local('☺'), url('1-webfont.woff') format('woff'), url('1-webfont.ttf') format('truetype'), url('1-webfont.svg#webfontj5KFSWV3') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* Allgemeine Hyperlinks */
A:link, A:visited, A:active{color:#195ba6;text-decoration: none; font-weight:normal;outline:none;}
A:hover{color:#195ba6;text-decoration:underline;  font-weight:normal;outline:none;}

img {border:none;}


/* Überschrift 1 */
H1{padding:0;margin:0;font-size:30px; font-weight:bold; color:#474747; }

/* Überschrift 2 */
H2{padding:0;margin:0;font-size:30px; font-weight:normal; color:#474747; }


/* Hyperlinks in Überschriften*/

.c_h H1 A,.c_h H2 A, .c_h H3 A { color: #474747; text-decoration: none; }
.c_h H1 A:hover, .c_h H2 A:hover, .c_h H3 A:hover { text-decoration: underline; }

/* Text normal */
p{ font-size:18px; font-family:sqh2; color:#303030;}


#imghomediv{
		margin:0 0 80px 0;

}

table{font-size:12px;}

.internal-link
{	margin-left:5px;
	padding: 0 0 0 10px;
	background: url(images/internal_link.gif) left no-repeat;
}

.internal-link2
{	margin-left:1px;
	padding: 0 0 0 20px;
	background: url(images/internal_link2.gif) left no-repeat;
}

.internal-link2_web
{	margin-left:1px;
	padding: 0 0 0 20px;
	background: url(images/internal_link2_web.gif) left no-repeat;
}

.internal-link2_suchmaschinen
{	margin-left:1px;
	padding: 0 0 0 20px;
	background: url(images/internal_link2_such.gif) left no-repeat;
}

.internal-link2_facebook
{	margin-left:1px;
	padding: 0 0 0 20px;
	background: url(images/internal_link2_face.gif) left no-repeat;
}

.internal-link2_film
{	margin-left:1px;
	padding: 0 0 0 20px;
	background: url(images/internal_link2_film.gif) left no-repeat;
}

.download
{	margin-left:5px;
	padding: 0 0 0 10px;
	background: url(images/internal_link.gif) left no-repeat;
}

.external-link-new-window
{	margin-left:5px;
	padding: 0 0 0 10px;
	background: url(images/internal_link.gif) left no-repeat;
}

.trenner {height:2px; width:100%;background: url(images/trenner.gif) left no-repeat; }




#content ul li  {
list-style-image: url(images/internal_link.gif);
}

#content ul li ul li {
list-style-image: url(images/internal_link.gif);
}


/** PAGE DEFINITIONS **/
body
{	left:0;
	top:0;
	margin:0;
	padding:0;
	font-size:18px;
	scrollbar-3dlight-color:#FFFFFF	;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#BDBFC1;
	scrollbar-shadow-color:#003366;
	scrollbar-track-color:#FFFFFF;
	scrollbar-arrow-color: #003366;
	background-color:#fff;
 	font-family:sqh2;
	color:#303030;
	overflow-x:hidden;
	background-image: url("images/bg.gif");
	background-repeat:repeat-x;
	background-position:top;
}


#sqhpage
{	position: absolute;
	width: 100%;
	text-align:left;
	margin-left:10px;


}
#centerpage 
{	
	position: relative;
	text-align:left;
	width: 930px;
	min-height:610px;
}



#top 
{	float:left;
	width: 920px;
	height:100px;
	text-align:left;
	padding-top:10px;
	background-image: url("images/logo_back.gif");
	background-repeat:no-repeat;	
	background-position:top right;
	padding-left:10px;
	
}

#top a
{	color:#474747;
	font-family:sqh1;
	font-size:10px;
}




#center 
{	float:left;
	width: 930px;
	min-height:500px;
	height:auto !important;  /* für moderne Browser */
  	height:500px;  /*für den IE */

}


#centerleft
{	float:left;
	width: 275px;
	min-height:500px;
	height:auto !important;  /* für moderne Browser */
  	height:500px;  /*für den IE */
}


#centerright
{	float:left;
	width: 655px;
	min-height:500px;
	height:auto !important;  /* für moderne Browser */
  	height:500px;  /*für den IE */
}

#fahrplan 
{	float:left;
	width: 3000px;
	height:92px;
	overflow-x:hidden;
	background-image: url("images/fahrplan_logo.gif");
	background-repeat:no-repeat;	
}

#footer 
{	float:left;
	width: 930px;
	height:30px;
	color:#474747;
	font-family:sqh1;
	font-size:10px;
}




/** CONTENT STYLES **/


/*******************************/
/* NAVIGATION FORMATTING */
/*******************************/

/** Header Navigation Top Right **/


#navigation
{	float:left;
	padding-top:0;
}


#navigation ul
{
	margin:0;
	padding:0;
	list-style-type: none;
}


#navigation ul li 
{	padding-bottom:10px;
}

#navigation ul ul
{
	padding-top:5px;
}

#navigation ul ul ul
{
	padding-top:5px;
}



#navigation ul ul li 
{	padding-bottom:10px;
}

#navigation ul ul ul li 
{	padding-bottom:10px;
}


#navigation ul li a 
{	display:		block;
	font-size:			20px;
	font-weight: normal;
	text-decoration:	none;
	color:			#505050;
	padding-top:4px;
	padding-left:20px;
	background: url("images/subnav-a-bg.gif") left no-repeat;   
	margin-left:5px;
}


#navigation ul li ul a 
{	display:		block;
	font-size:			16px;
	font-weight: normal;
	text-decoration:	none;
	color:			#5c5c5c;
	background-image:none;

}


#navigation ul li ul ul a 
{	display:		block;
	font-size:			14px;
	font-weight: normal;
	text-decoration:	none;
	color:			#5c5c5c;
	background-image:none;

}

#navigation ul li#active_a  a
{	background: url("images/subnav-b-bg.gif") left no-repeat; color:#303030; padding-left:25px; margin-left:0;
}

#navigation ul  li#active_a ul a
{		background-image:none; color:#505050;
}


#navigation ul  li#active_a ul ul a
{		background-image:none; color:#505050;
}


#navigation ul  li#active_a ul li#active_a a
{		background: url(images/subnav_link.gif) left no-repeat; margin-left:10px; padding-left:15px; color:#303030;
}

#navigation ul  li#active_a ul li#active_a ul a
{		background:none; margin-left:10px; padding-left:15px; color:#303030;
}

#navigation ul  li#active_a ul li#active_a ul li#active_x a
{		background:none; margin-left:10px; padding-left:15px; color:#316db0;
}


#navigation ul li a:hover {color:#303030;	} 

#navigation ul li#active_a ul a:hover {color:#303030;	} 

#navigation ul li#active_a ul ul a:hover {color:#303030;	} 


#navigation ul li#invi 
{	height:50px;
	width:1px;
	overflow:hidden;
	color:white;
}




/******************************/
/*      CONTENT CONTAINER     */
/******************************/



#content
{	float:left;
	width:100%;
}

#contentleft
{	float:left;
	width:320px;
	padding-right:35px;
}

#contentright
{	float:left;
	width:300px;
}


/******************************/
/*     Specials			      */
/******************************/

#navigation ul  li#active_a ul li.line43 a {color:#008a2e;}
#navigation ul  li#active_a ul li.line43 a:hover {color:#008a2e;} 
#navigation ul  li#active_a ul li.line44 a {color:#f6a800;}
#navigation ul  li#active_a ul li.line44 a:hover {color:#f6a800;} 
#navigation ul  li#active_a ul li.line45 a {color:#ce2524;}
#navigation ul  li#active_a ul li.line45 a:hover {color:#ce2524;} 
#navigation ul  li#active_a ul li.line46 a {color:#0870b3;}
#navigation ul  li#active_a ul li.line46 a:hover {color:#0870b3;} 


.csc-textpic-caption {font-size:12px;color: #474747;  font-family:sqh1; text-align:right;}




/******************************/
/*     Links im Slider        */
/******************************/

.webseiten A { color: #1759a5; text-decoration: none; }
.webseiten A:hover, .webseiten A:hover, .webseiten A:hover { color:#1759a5;text-decoration: none; }
.suchmaschinen A { color: #00882d; text-decoration: none; }
.suchmaschinen A:hover, .suchmaschinen A:hover, .suchmaschinen A:hover { color:#00882d;text-decoration: none; }
.facebook A { color: #f4a700; text-decoration: none; }
.facebook A:hover, .facebook A:hover, .facebook A:hover { color:#f4a700;text-decoration: none; }
.film A { color: #cc2423; text-decoration: none; }
.film A:hover, .film A:hover, .film A:hover { color:#cc2423;text-decoration: none; }




/* Kontaktformular */

label, input, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  padding:5px;
   padding-left:0;
  width: 300px; /* Breite.*/
  border:none;
  

}

.csc-mailform-field
{	padding-top:10px;
}

.csc-mailform-label
 { 
  display: block;
  padding:5px;
 padding-top:15px;
 padding-left:0;
  width: 400px; /* Breite.*/
 
}

.csc-mailform-submit
{width:150px; margin-top:10px;color:#303030;}

input , textarea
{  
    border:1px solid #d3d3d3;
	background-color:none;
	 width: 300px; /* Breite.*/
	 
}