/* @override http://typo3.p149318.webspaceconfig.de/fileadmin/default/templates/css/styles.css?1330538492 */

/* @override
	http://laila:8888/fileadmin/default/templates/css/styles.css?1319203982 */

@charset "utf-8";

/* =General
--------------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
}
html, body{height:100%}
body{line-height:1;height:100%}
ol, ul{
	list-style:none;
}
blockquote, q{
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}

/* remember to define focus styles! */
:focus{
	outline:0;
}

/* remember to highlight inserts somehow! */
ins{
	text-decoration:none;
}
del{
	text-decoration:line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table{
	border-collapse:collapse;
	border-spacing:0;
}

/* Class for clearing floats */
.clear{clear:both}

/* Floating */
.fl_l{float:left}
.fl_r{float:right}

/* Removing border on linked images */
img{
	border:0;
}

#content p{line-height:16px;/*width:380px*/}

/* =Links
--------------------------------------------------------------------------------------------------------*/
a{text-decoration:none;color:#777}
a:hover{text-decoration:underline}
/* End Links
--------------------------------------------------------------------------------------------------------*/

/* End General
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body{color:#f7f7f7;background:#1c1c1c;font-weight:normal;font-family:Georgia, Verdana;font-size:12px}
input, select{font:normal 10px Verdana}
h2{font-weight:bold;font-size:18px;padding-bottom: 12px;color: #777777;}
h4 {
    color: #777777;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 4px;
    padding-bottom: 0;
}
h1 {padding-bottom: 12px;
    color: #777777;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 12px 0;
    }
h3{font-weight:normal;font-size:14px; padding-bottom: 4px;line-height:12px;color:#777777;font-family:verdana;}
p{font: 10px/13px Verdana;}
.news p{padding: 15px 0 10px;}

/* End Typography
--------------------------------------------------------------------------------------------------------*/
#main{width:1004px;min-height:100%;background:url(../img/grange.jpg) no-repeat;position:relative;overflow:hidden}
#wrap{position:relative;top:128px}
#bg-right{width:304px;height:457px;position:absolute;right:-12px;top:40px;background:url(../img/butterfly.png) no-repeat}

/* =Headings
--------------------------------------------------------------------------------------------------------*/
#header{}
#header .lang{float:right;font-style:italic;padding:8px 155px 5px 0; color: #777}
#logo{position:absolute;width:569px;height:438px;background:url(../img/logo.jpg) no-repeat}
#logo a{position:absolute;top:170px;width:200px;height:70px;display:block;z-index:9999}
/* End Headings
--------------------------------------------------------------------------------------------------------*/

/* =Left
--------------------------------------------------------------------------------------------------------*/
#left{float:left;padding-top:157px}
.mainNav li{position:relative;padding:0 0 11px 76px;width:60px}
.mainNav .active span, .mainNav li:hover span{width:72px;height:50px;position:absolute;left:0;top:-11px;background:url(../img/hand.png) no-repeat}
.mainNav a{display:block;width:60px;padding-bottom:3px;color:#f7f7f7;font-size:14px;font-style:italic}
.mainNav .active a{color:#777777;font-size:16px;font-weight:bold}
.mainNav .active a, .mainNav a:hover{text-decoration:none}

.subNav{padding:24px 0 0 76px}
.subNav li{padding-bottom:7px;font-style:italic;color:#777}
/*.subNav .last{padding-top:20px}*/

/* End Left
--------------------------------------------------------------------------------------------------------*/

/* =Main Content
--------------------------------------------------------------------------------------------------------*/
#content{width:465px;float:left;padding-left:62px}
#content .top{height:35px;background:url(../img/bg-content-top.png) no-repeat}
#content .middle{background:url(../img/bg-content.png) repeat-y;padding-right:12px;}
#content .bot{height:67px;background:url(../img/bg-content-bot.png) no-repeat}
#content .csc-default{padding:1px 0 0 45px}
#content .block{padding-top:39px}
.block .cover{width:94px;height:94px;background:#e3e3e3}
.block .desc{padding-left:20px;font:normal 11px Verdana;padding-top:0px;width:260px;}
.desc h3{padding-bottom:10px;line-height:10px}
.desc .listen{padding:30px 0 0 4px}
.listen .line{overflow:hidden;padding-bottom:2px}
.listen span{padding-top:2px;display:block;width:128px}
.listen{display:none;}
.buttons .play, .buttons .pause{display:block;width:17px;height:17px;margin-right:5px;float:left;text-indent:-9999px}
.buttons .play{background:url(../img/play.gif) no-repeat}
.buttons .pause{background:url(../img/pause.gif) no-repeat}
.buttons .kauf{font:italic 12px Georgia;display:block;width:40px;height:15px;padding-left:20px;background:url(../img/arr-light.gif) no-repeat 3px 5px;float:left}
.links{font:italic 12px Georgia;position:relative;padding-bottom:7px}
.links .fl_l{display:block;height:14px;background:url(../img/arr-light-top.gif) no-repeat 1px 0;margin-top:26px;padding-left:13px}
.links .fl_r{position:absolute;right:72px;top:4px;text-align:right}
.links .fl_r a{background:url(../img/arr-light.gif) no-repeat 0 4px;display:block;padding:0 0 6px 17px}
.links .fl_r a+a{background-position: 4px 4px}

#content .bl2{padding-top:37px}
.bl2 .desc{padding-left:27px}
.anh{font:italic 12px Georgia;display:block;width:50px;background:url(../img/arr-light.gif) no-repeat 2px 5px;padding-left:19px;margin-top:5px}
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/

/* =Right
--------------------------------------------------------------------------------------------------------*/
#right{float:left;width:260px}
#right .term{width:188px;padding:34px 0 59px 9px;margin-left:21px;background:url(../img/bg-term.png) no-repeat;min-height:220px;}
.term h2{color:#148c88;padding:0 0 24px 12px}
.term-block{padding-bottom:13px}
.term-block .date {
    font-family: Georgia;
    font-size: 13px;
    font-weight: bold;
    padding-right: 15px;
    text-align: right;
    width: 52px;
}
.term-block .descr{font:normal 10px Verdana;padding-top:3px;line-height:13px}
.term .mehr{margin:9px 30px 0 0;padding-left:18px;font:italic 12px Georgia;color:#f7f7f7;display:block;background:url(../img/arr-white.gif) no-repeat 0 5px}
.term h1 {
	color: #148C88;
	padding: 0 0 12px 0px;
	font-size: 18px;
	font-weight: bold;
}

.csc-firstHeader h1 {margin-bottom:12px;}

#right .news{width:145px;height:173px;color:#000;background:url(../img/bg-form.png) no-repeat;margin-left:11px;padding:23px 0 0 62px}
.news label{font:normal 10px Verdana;display:block;padding:15px 0 10px;line-height:14px}
.news input{width:92px;height:9px;padding:4px 5px 6px 5px; color: #333; border: 1px solid #cfcdcd; border-right: 1px solid #616161; border-bottom: 1px solid #616161;}
.news .submit{border:0;background:url(../img/arr-black.gif) no-repeat 0 72%;height:20px;padding-left:11px;cursor:pointer;font:italic 12px Georgia; color: #000;}
/* =End Right
--------------------------------------------------------------------------------------------------------*/

/* =Footer
--------------------------------------------------------------------------------------------------------*/
#footer-garant{height:310px;clear:both}
#footer{height:174px;width:100%;margin-top:-174px;}
#footer .wrapper{width:1004px;position:relative;height:100%}
#footer .social{width:140px;position:absolute;right:52px;bottom:6px}
#footer a{display:block;width:28px;height:26px;float:left;text-indent:-9999px;margin-right:6px}
#footer .social1{background:url(../img/social1.png) no-repeat}
#footer .social2{background:url(../img/social2.png) no-repeat}
#footer .social3{background:url(../img/social3.png) no-repeat}

.socialmedia{position:absolute; right:80px;bottom:10px;}
/* End Footer
--------------------------------------------------------------------------------------------------------*/

/* =Overlay
--------------------------------------------------------------------------------------------------------*/
/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* use a semi-transparent image for the overlay */
#overlay {
	background-image:url(../img/overlay/trans.png);
	color:#efefef;
	height:450px;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:441px;
	overflow-y:auto;
}
/* End Overlay
--------------------------------------------------------------------------------------------------------*/

#galleria{height:420px;}

.news-list-item {padding-bottom:20px;}
.news-list-date {display:none;}
.news-list-morelink,.news-single-timedata {display:none;}
.news-latest-item {padding-bottom: 12px;}
.news-latest-container {width:185px;}

.csc-textpic-caption {
    margin: 0;
    padding-top: 5px;
}

span.important  {float:right;}

.csc-textpic-caption {font:normal 10px Verdana;padding-top:5px;}
.news h2 {color:#000000;}
.showResultsWrap {display:none;}
.news-single-backlink {margin-top:12px;}