@charset "UTF-8";

@import "layout.css";
@import "sidebar_oct.css";
@import "tt_news.css";




/* #### Navigation ########################################################## */

ul#mainMenu {
}

ul#mainMenu li {
	float: left;
	display: block;
	margin-left: 24px;
}

ul#mainMenu li#home-link {
	margin-left: 0px;
}

ul#mainMenu li a:link, ul#mainMenu li a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	letter-spacing: 0.1em;
}

ul#mainMenu li a:hover {
	text-decoration: underline;
}

li#home-link {
	margin-left: 0;
}

li#home-link a {
	text-indent: -999em;
	width: 23px;
	height: 25px;
	display: block;
}



/* #### Submenu ############################################################# */


ul#menu {
	list-style: none;
	border-right: 1px solid #d9d8d6;
}

ul#menu li {
	background: #e2e1df;
	border-bottom: 1px solid #d9d8d6;
	
	margin: 0;
	padding: 0;
}


ul#menu li a{
	display: block;
	padding: 4px 0px 3px 15px;
	margin: 0;
	font-size: 11px;
	line-height: 13px;

	text-decoration: none;
	color: #8f8c83;
}

ul#menu li a:hover {
	text-decoration: none;
	color: #7d7b74;
	text-decoration: underline;
}

li.act a{
	font-weight: bold;
}


ul#subMenu {
	list-style: none;
}

ul#subMenu li {
}

ul#subMenu li a{
	padding-left:30px;
}





/* #### breadcrumbs ######################################################### */

#navPath p {
	color: #8f8c83;
	padding-left: 225px;
}

#navPath p a:link,#navPath p a:visited {
	color: #8f8c83;
	text-decoration: none;
}

#navPath p a:hover {
	text-decoration: underline;
}






#menuHead {
	background: url('../img/gwt_menuHead.jpg') no-repeat top left;
	width: 205px;
	height: 25px;
	display: block;
}

#menuHead h2 {
	padding-top: 5px;
	padding-left: 15px;
	font-size: 12px;
	text-transform: uppercase;
	color: white;
}

#search label {
	color: #8f8c83;
	display: block;
	float: left;
	font-size: 1.1em;
	height: 20px;
	width: 35px;
	position: relative;
	top: 5px;
	left: 38px;
}

select,input,textarea {
	border: 1px solid #9f2c39;
	padding: 2px;
}

input#search-input {
	border: 1px solid #c7c6c3;
	float: left;
	width: 100px;
	left: 40px;
	position: relative;
	height: 14px;
	background-color: #e5e5e5;
	padding: 2px;
	font-size: 1.1em;
}

input.search-submit {
	float: left;
	width: 20px;
	border: 1px solid #c7c6c3;
	border-left: none;
	left: 40px;
	position: relative;
	height: 20px;
	background-color: #e5e5e5;
	padding: 2px;
	font-size: 1.1em;
}

input.search-submit:hover {
	background-color: #c7c6c3;
	color: #9F2C39;
	cursor: pointer;
}

p#language-switch a {
	clear: left;
	position: relative;
	display: block;
	width: 170px;
	height: 30px;
	background: transparent url(../img/gwt_flag.jpg) scroll no-repeat 45px 0;
	font-size: 1.1em;
	color: #8f8c83;
	text-decoration: none;
	padding-left: 105px;
}

p#rss a:link,p#rss a:visited {
	clear: left;
	position: relative;
	display: block;
	width: 115px;
	height: 30px;
	left: 35px;
	top: 20px;
	padding-left: 40px;
	padding-top: 3px;
	background: transparent url(../img/gwt_rss.jpg) scroll no-repeat 0px 0px;
	font-size: 1.1em;
	color: #8f8c83;
	text-decoration: none;
}

p#rss a:hover {
	text-decoration: underline;
}

p#kundencenter {
	clear: left;
	position: relative;
	display: block;
	width: 115px;
	height: 30px;
	left: 35px;
	top: 25px;
	padding-left: 40px;
	background: transparent url(../img/gwt_phone.jpg) scroll no-repeat 0px 0px;
	font-size: 1.1em;
	color: #8f8c83;
}

p#leistungsangebot a:link,p#leistungsangebot a:visited {
	clear: left;
	position: relative;
	display: block;
	width: 115px;
	height: 30px;
	left: 35px;
	top: 30px;
	padding-left: 40px;
	padding-top: 3px;
	background: transparent url(../img/gwt_leistungsangebot.jpg) scroll no-repeat 0px 0px;
	font-size: 1.1em;
	color: #8f8c83;
	text-decoration: none;
}

p#leistungsangebot a:hover {
	text-decoration: underline;
}

p#interner-bereich a:link,p#interner-bereich a:visited {
	clear: left;
	position: relative;
	display: block;
	width: 115px;
	height: 30px;
	left: 35px;
	top: 30px;
	padding-left: 40px;
	padding-top: 3px;
	background: transparent url(../img/gwt_intern.jpg) scroll no-repeat 0px 0px;
	font-size: 1.1em;
	color: #8f8c83;
	text-decoration: none;
}

p#interner-bereich a:hover {
	text-decoration: underline;
}

#footer p,#footer p a {
	color: #8f8c83;
	position: relative;
	top: 2px;
	left: 10px;
}

#footer p a {
	top: 0;
	left: 0;
	text-decoration: none;
}

.csc-header-n3 h1,.csc-header-n4 h1,.csc-header-n5 h1,.csc-header-n6 h1,.csc-header-n7 h1 {
	background: transparent url(../img/gwt_newsline.gif) scroll no-repeat 0px 16px;
	font-size: 1.4em;
	font-weight: normal;
	color: #8f8c83;
}

h1 {
	font-size: 1.4em;
	color: #9f2c39;
	margin-bottom: 10px;
}

h1#header-h1 {
	margin-bottom: 0;
}

h2 {
	font-size: 0.9em;
	color: #9f2c39;
}

h3 {
	font-size: 0.9em;
	color: black;
	font-weight: bold;
	line-height: 1.3em;
}

#content p,#front-content p {
	padding-bottom: 8px;
	line-height: 1.2em;
}

#content ul {
	padding-left: 15px;
}

#content li {
	line-height: 1.2em;
	padding-bottom: 0.5em;
}

#content .csc-textpic-image dt img {
	border: 1px solid #9f2c39;
	padding: 3px;
}

#content .csc-textpic-center .csc-textpic-image {
	padding: 0;
	border: none;
}

#content .csc-textpic-border .csc-textpic-image {
	border: 0;
	padding: 0px;
}

#content .csc-textpic-border .csc-textpic-image img {
	border: 1px solid #9f2c39;
	padding: 0px;
}

blockquote {
	font-size: 0.9em;
	padding-left: 15px;
	font-style: italic;
}

.csc-frame-rulerAfter {
	border-bottom: 1px solid rgb(220,220,220);
}

.indent {
	padding-left: 30px;
}

label {
	width: 150px;
	display: block;
}

input, textarea {
	float: left;
}

a {
	outline: none;
}

fieldset {
	border: 0;
}

a:link,a:visited {
	color: #8F8C83;
}

th {
	text-align: left;
}

td {
	text-align: left;
	vertical-align: top;
	font-size: 1em;
}

td a img {
	border: 1px solid #9F2C39;
}

.tudag_gruppe h2 a {
	text-decoration: none;
	color: #9F2C39;
}

.tudag_gruppe h2 a:hover {
	text-decoration: underline;
}




/* #### YOUTUBE (startseite) ################################################ */


div#youtube {
	position: relative;
	border-top: 1px solid #DADADA;
	border-bottom: 1px solid #FFF;
}

div#youtube h2{
	position: absolute;
	top:0;right:2px;left:0;
	display: block;

	margin: 0;
	padding: 0 0 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;



	height:11px;
	font-weight: normal;
	line-height: 20px;
	height: 20px;
	background: #222;
	background: rgba(0,0,0,0.8);
	color: #DDD;
}

div#youtube iframe {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #DADADA;
}

div#youtube a.youtube_link{
	display: block;
	padding: 4px 0 4px 20px;
	margin: 0px 2px;
	height: 13px;
	background: url('../gwt/images/layout/youtube_icon.png') left center no-repeat;
	text-decoration: none;
	line-height: 13px;
}

div#youtube a.youtube_link:hover {
	text-decoration: underline;
	color: #000;
}