/* +Struktur
............................................... */
body {background-attachment:fixed; font-size: 101%;font-family: verdana,arial,helvetica,sans-serif; text-align:center;} 
* { padding:0; margin:0; } 
h1, h2, h3, h4, h5, h6, pre {	/*text-transform: uppercase;*/ }
h1 {font-size: 130%; font-weight: bold; padding-left:.1em;}
h2 {font-size: 118%; font-weight: bold; padding-left:.2em;}
h3 {font-size: 118%; font-weight: bold; padding-left:.3em;}
h4 {font-size: 107%; font-weight: bold; padding-left:.4em;}
h5 {font-size: 102%; font-weight: bold; padding-left:.5em;}
h6 {font-size: 105%; font-weight: bold; padding-left:.6em;}
a {text-decoration:none;}

hr { height: 1px;border-width: 1px 0 0 0;border-style: dotted;border-color: #70151C; margin: 3px 20px; }
fieldset {margin: 5px 0px; padding:10px;}
legend {font-size:98%; font-weight: bold; color:#900;}
.killl {clear: both; height: 1px; display: block; line-height: 1px; font-size: 1px; margin:0;}
.unsichtbar,#preload{position:absolute;left:-1000px;top:-1000px; width:0; height:0; overflow:hidden; display:inline;}

.alright{text-align:right;}
.center,.align-center{text-align:center;}
a img {border:0;}
span.mt20 {margin-top:20px; font-size:1px;}
.mt20{margin-top:18px;}
.mt10{margin-top:10px;}
a {text-decoration:none;}
.ltop {padding:5px 10px; text-align:right;}

#mContent2fl #mContent1 .mt20 {margin-top: 16px;}

/* +Hauptcontainer
............................................... */
#chef {margin-top:15px; margin-right:auto;margin-left:auto;margin-bottom:0px; text-align:left; padding: 0px;width: 562px;}

/* +Subheader
............................................... */

#subheader {}
	#subheader1 {float: left; line-height:normal; width:500px; }
	
	#subheader2 {}

#subheader1 ul{list-style:none; margin:0px; padding: 5px 0px 0px 10px;}
#subheader1 li{margin:0px; padding: 0px 0px 0px 0px;display: inline;}
#subheader1 a {float: left;margin-left: 5px;padding: 0px 0px 0px 5px; text-decoration:none;}
#subheader1 a span {display: block; float:left;padding: 3px 6px 2px 1px;text-decoration:none;}
#subheader1 a:hover {background-position:0% -75px; }
#subheader1 a:hover span {background-position:100% -75px;cursor:pointer;}
#subheader1 a.spot1link {}
#subheader1 a span.spot1 { font-weight:bold;cursor:pointer; color: #333;}

/* +Brotkrümel und Funktionen
............................................... */

#braead-functions {}
	#breadcrumb {float: left; width: 378px !important; width /**/:398px;padding: 5px 10px; }
		#breadcrumb ul{list-style:none; margin:0px; padding:0px;}
		#breadcrumb ul li{list-style:none; margin:0; padding:0;display: inline;}
		#breadcrumb ul a{display: inline; margin:0px 3px; padding: 0px; }
		#breadcrumb ul a:link, #breadcrumb ul a:visited{ text-decoration:none; font-size:86%;} 
		#breadcrumb ul a:hover{}
		span.arrow {font-size:86%;}
		span.spot6 { font-weight:bold;font-size:86%;}
		
	#functions {text-align: right; float: right; width: 140px !important; width /**/:160px;padding: 5px 10px;}
	#functions a img {padding: 0 5px; margin: 0 2px;}

/* +Hauptinhalt
............................................... */

#mainContent {}

/* +mContent1 = Navigation
............................................... */

#mContent1 {width: 145px !important; width /**/:175px;padding: 0px 10px 60px 5px; float:right; margin-right:1px; font-size:86%;}

#mContent1 ul.mnavi{list-style:none; margin:5px 0px 0px 5px; padding:0px;}
#mContent1 ul.mnavi li{list-style:none; margin:3px 0px; padding:0;display: block;}
#mContent1 ul.mnavi a {display: block; padding: 2px 0px 2px 17px;  }
#mContent1 ul.mnavi a:link, #mContent1 ul.mnavi a:visited { text-decoration:none;} 
#mContent1 ul.mnavi a:hover {font-weight:bold;}
span.spot3 a {margin:3px 5px 3px 0px;padding: 2px 0px 2px 3px; font-weight:bold;}

#mContent1 ul.mnavi ul,#mContent1 ul.mnavi ul ul {list-style:none; margin:0px; padding:0px; height:1%;} 
#mContent1 ul.mnavi ul li,#mContent1 ul.mnavi ul li ul li {list-style:none; margin:0px 0px 1px 0px; padding:0;}
#mContent1 ul.mnavi ul a,#mContent1 ul.mnavi ul ul a {display: block; padding: 0px 0px 0px 30px;}
#mContent1 ul.mnavi ul a:link, #mContent1 ul.mnavi ul a:visited,#mContent1 ul.mnavi ul ul a:link, #mContent1 ul.mnavi ul ul a:visited{ text-decoration:none;} 
#mContent1 ul.mnavi ul ul a:hover{}

#mContent1 ul.mnavi ul ul a {margin-left: 20px;}

span.spot4 a { margin:1px 0px;padding: 0px 0px 0px 38px; font-weight:bold;display: block;}
span.spot5 a{ margin:1px 0px;padding: 0px 0px 0px 58px; font-weight:bold;display: block;}



/* +mContent2 = Hauptinhalt
............................................... */

.rContent {padding: 15px 0px 0px 0px;color:#766064; line-height:140%;}
#mContent2fl .rContent {padding-right: 15px;}
#mContent2 {width: 368px !important; width /**/:398px; padding: 0px 10px 10px 20px;float:left; margin-left: 1px; line-height:140%;}

#mContent2-1spalte, #mContent2fl {width: 538px !important; width /**/:558px; padding: 0px 10px 10px 10px;margin-left: 1px; line-height:140%;}

#mContent2-2spalte {float: left;width: 187px !important; width /**/:209px; padding: 0px 7px 10px 15px;margin-left: 1px;line-height:140%; }

	#mContent2 p, #mContent2 ul, #mContent2 ol,
	#mContent2-1spalte p, #mContent2-1spalte ul, #mContent2-1spalte ol,
	#mContent2fl p, #mContent2fle ul, #mContent2fl ol{ padding: 0px 5px 7px 5px; margin:2px 5px;}
	.rContent p, .rContent ul, .rContent ol { padding: 0px 0px 7px 0px; margin:2px 3px;}
	#mContent2-2spalte p, #mContent2-2spalte ul, #mContent2-2spalte ol { padding: 0px 0px 7px 5px; margin:2px 3px;}
	#mContent2 li,
	.rContent li,
	#mContent2-1spalte li,
	#mContent3 li,
	#mContent2-2spalte li,
	#mContent2fl li  { list-style-type:square;margin-left:20px; padding: 1px;}
	
#mContent1 h3,#mContent1 h4,#mContent1 h5,#mContent1 h6,
#mContent2 h3,#mContent2 h4,#mContent2 h5,#mContent2 h6,
.rContent h3,.rContent h4,.rContent h5,.rContent h6,
#mContent2-1spalte h3,#mContent2-1spalte h4,#mContent2-1spalte h5,#mContent2-1spalte h6,
#mContent2fl h3,#mContent2fl h4,#mContent2fl h5,#mContent2fl h6  {padding:0px 0px 6px 6px;}

#mContent1 h3.head, #rContent h3.head {padding: 0px 0px 6px 0px;}
/* +mContent3 = zusätzliche Spalte
............................................... */
#mContent3 {float: left;width: 181px !important; width /**/:189px; padding: 0px 0px 10px 8px;line-height:140%;}

/* +Links im Hauptinhalt
............................................... */
#mContent2 a:link, #mContent2 a:visited,
#mContent2-1spalte a:link, #mContent2-1spalte a:visited,
.rContent a:link, .rContent a:visited,
#mContent2fl a:link, #mContent2fl a:visited { color:#7B3D48;background:url('../images/rose_navi_normal.gif') left center no-repeat; padding-left:18px;  }

#mContent2-1spalte #projects a:link, #mContent2-1spalte #projects a:visited{background:none; padding-left:0px;  }

#mContent2 a:hover, #mContent2 a:focus,
#mContent2-1spalte a:hover, #mContent2-1spalte a:focus,
.rContent a:hover, .rContent a:focus,
#mContent2fl a:hover, #mContent2fl a:focus {color:#4F4648; background:url('../images/rose_navi_over.gif') left center no-repeat;}

#mContent2 a:active, #mContent2 a:active,
#mContent2-1spalte a:active, #mContent2-1spalte a:active,
.rContent a:active, .rContent a:active,
#mContent2fl a:active, #mContent2fl a:active{ font-weight:bold;}

#mContent2 .csc-textpic-image a:link,
#mContent2-1spalte a img,
.csc-textpic-image a img,
#mContent2-1spalte .csc-textpic-image a:link,
#mContent2fl .csc-textpic-image a:link,
#mContent2-1spalte .fc333 a:link,#mContent2-1spalte .fc333 a:visited,#mContent2-1spalte .fc333 a img { border:none;background:none; padding:0px;  }



/* +mContent4
............................................... */

#mContent4 {}

/* +Subnavi
............................................... */

#subcontent {padding-bottom: 5px;clear: both;}
	#sContent1 {}
	#sContent2 {float: right;line-height:normal; width:500px; font-size:86%; text-align:right;}

#sContent2 ul{list-style:none; margin:0px 0px 5px 0px; padding: 0px 10px 5px 0px; float:right}
#sContent2 li{margin:0px; padding: 0px 0px 0px 0px;display: inline;}
#sContent2 a {float: left;margin-left: 5px;padding: 0px 0px 0px 5px; text-decoration:none;}
#sContent2 a span {display: block; float:left;padding: 2px 6px 4px 1px; text-decoration:none;}
#sContent2 a:hover {}
#sContent2 a:hover span {cursor:pointer;}

a .spot2link {}
span.spot2 { font-weight:bold;cursor:pointer;}

/* +Subnavi
............................................... */


#argues ul{list-style:none; margin:5px 0px 15px 5px; padding:0px 15px 0px 0px;}
#argues li{list-style:none; margin:0px; padding:0;display: block;}
#argues a,#argues a:link, #argues a:visited {display: block; padding: 2px 0px 2px 25px;  text-decoration:none; }
#argues a:hover {font-weight:bold;}
span.spot3 a {margin:3px 5px 3px 0px;padding: 2px 0px 2px 3px; font-weight:bold;}

/* +Footer
............................................... */
#footer {}

/* +Tipafriend
............................................... */
.tipafriend {padding: 7px;}

/* +Formulartabelle
............................................... */

.rc { clear: both; margin: 0; padding: 3px; text-align: left; height: 15px;}
.rc2 { clear: both; margin: 0; padding: 3px; text-align: left; height: 50px;}
span.llabel {text-align: right; float: left; width: 150px; padding: 0 3px 0 0; font-size: 91%;}
span.rform2 {text-align: left; float: left; width: 155px; margin-left: 12px; font-size: 91%;}
span.rform {text-align: left; float: left; width: 255px; margin-left: 12px;}
span.rformc {text-align: left; float: left; margin-left: 12px;}
span.rform input.ipw { width: 150px;}
span.rform input.ipwc { }
span.rform textarea.ipwa { width: 250px;}
.sub {font-style:italic; text-align:right;}

/* +News
............................................... */
.news-latest-date,.news-single-timedata {padding: 0px; margin:0px; text-align:right; font-size:89%; font-style:italic;}
.news-subheader,.news-list-category {padding:2px 0px;}
.news-kat {padding: 2px 0px;}
.news-latest-morelink,.news-list-more {text-align:right; clear:both;padding:0px; margin:0px;}
.news-latest-item h3 {margin:0px 0px 0px 0px; padding:0px 0px 7px 0px; font-size:95%;}



/* +lightbox
............................................... */
.lbox {text-align:center; padding:3px; display:block; }
.lbox img {background: none; padding-top: 7px;}
.lbox a:link{background:url('../images/layout.gif') left center no-repeat; padding-left:0px;}
span.lboxklick {font-style:italic; font-size:85%; font-weight:normal;}

#lightbox{
	background-color:#FEFCEE;
	padding: 100px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }


/* +rte
............................................... */


/* ---- 6.0 RTE ---- */
p.bgcolor1 {background-color: #C4C283;}
p.bgcolor2 {background-color: #C59982;} 
p.bgcolor3 {background-color: #D6CCE2;}  

h2.bgcolor1 {background-color: #C4C283;}
h2.bgcolor2 {background-color: #C59982;} 
h2.bgcolor3 {background-color: #D6CCE2;}  

h3.bgcolor1 {background-color: #C4C283;}
h3.bgcolor2 {background-color: #C59982;} 
h3.bgcolor3 {background-color: #D6CCE2;}  

h4.bgcolor1 {background-color: #C4C283;}
h4.bgcolor2 {background-color: #C59982;} 
h4.bgcolor3 {background-color: #D6CCE2;} 

.rose {color:#222; background:#EBC6CF ; border-right:10px #D17A8F solid; padding:6px; margin: 0.5em;}
.beige {color:#222; background:#EBE2C6 ; border-right:10px #D1AB7A solid; padding:6px; margin: 0.5em;}
.lgreen {color:#222; background:#DBEBC6 ; border-right:10px #DBEBC6 solid; padding:6px; margin: 0.5em;}
.blue {color:#222; background:#C6D9EB ; border-right:10px #7AA7D1 solid; padding:6px; margin: 0.5em;}
.darkred {color:#fff; background:#790C27 ; border-right:10px #D61545 solid; padding:6px; margin: 0.5em;}
.brown {color:#fff; background:#814904 ; border-right:10px #E48107 solid; padding:6px; margin: 0.5em;}
.grass {color:#fff; background:#6E8104 ; border-right:10px #8AD615 solid; padding:6px; margin: 0.5em;}
.dblue {color:#fff; background:#0C1079 ; border-right:10px #1578D6 solid; padding:6px; margin: 0.5em;}
.lgrey {color:#9C2508; background: #F6F4F5 url(../img/buehne/h2_bg.jpg) no-repeat center right; border-right:25px #D5D0D3 solid; padding:6px; margin: 0.5em;}

h2.headline {color: #7FCD0D; font-size:50px; display:inline; margin:0px; padding:0px;}
h3.headlineg {color:#7FCD0D; font-size:38px; font-weight:normal;display:inline;margin:0px; padding:0px;}
h3.black {color:#000; font-size:38px;font-weight:normal;margin:0px; padding:0px; margin-top:15px;line-height:100%;}
h3.green {color:#7FCD0D; font-size:38px; font-weight:normal;margin:0px; padding:0px; line-height:100%;}
h3.greenM {color:#7FCD0D; font-size:155%; font-weight:normal;padding:0px; line-height:100%;}
.spaceb {margin-bottom: 15px;}
.spacetb {margin: 25px 0px;}
span.green {color:#70B50B;}

span.grey80 {color:#555;}

.sifrSegoe {background: #FECCC8; padding: 1em; color: #970D02}
.sifrFrench {background: #C8FED1; padding: 1em; color: #025A11; font-size: 150%;}
.sifrUbuntu {background: #303030; padding: 1em; color: #DEDEDE}
.sifrFrutiger {background: #DBDBC2; padding: 1em; color: #565605}

span.redbackground {background:#f00;}
span.italicsmall {font-style: italic; font-size:80%}
span.bluebackground {background: #00f;}

p.uppercase {text-transform: uppercase;}
p.right,.right {text-align: right;}
p.left,.left {text-align: left;}
p.center {text-align: center;}
p.bigtext {font-size: 120%;}


/* css ######################################################################################################
** ### Kategorienavigation  ################################################
** ###################################################################################################### */

a.bildlink { text-decoration: none; border: 0px none; }
.kategorie {  text-align: center; background: none;color: #615454;padding: 0px; float: left; margin: 0; margin-bottom: 1em; border-top: 1px solid #fff; border-left: 1px solid #fff;border-right: 1px solid #BDCC6B;border-bottom: 1px solid #BDCC6B; margin-left:10px;}
.kategorie p { font: normal 82% Verdana, Arial, Helvetica, sans-serif; color: #615454; margin: 0 5px 10px 5px;} 
.kategorie .bildthumb {position: relative; height:210px; width:250px; overflow:hidden;}
.kategorie .bildthumb h3 {position:absolute; bottom:5px; text-align:center; width:240px;}
.kategorie h3 a:link, .kategorie h3 a:visited, .kategorie h3 a:hover, .kategorie h3 a:active, .kategorie h3 a:focus { font: bold 85% Verdana, Arial, Helvetica, sans-serif;  color: #8F5600;text-decoration: none;border-bottom: 1px #8F5600 solid; margin: 0 5px;padding: 0px; text-align:center;}
.kategorie h3 a:visited { color: #8F5600; border-bottom: 1px #8F5600 solid; }
.kategorie h3 a:hover, .kategorie h3 a:active, .kategorie h3 a:focus { border-bottom: 0px solid; color: #fff }
.klar { clear: both; }

.quickcontact {padding: 1em; background: #F7F7ED; color: #3B4017; font-style:italic; clear:both; margin-top:1em;border-top: 1px solid #fff; border-left: 1px solid #fff;border-right: 1px solid #BDCC6B;border-bottom: 1px solid #BDCC6B;}
#projects {margin:0px; padding:1em 0px 0px 0px;}
#mContent2-1spalte #projects .csc-textpic-image dt img { background: #DFE6B7; border-top: 1px solid #fff; border-left: 1px solid #fff;border-right: 1px solid #BDCC6B;border-bottom: 1px solid #BDCC6B; padding: 0px; }
#projects .csc-textpic-caption {font-style:italic; font-size:87%; padding: 0px 0px 10px 9px;}

#hcard-Stefan-Grothus {font-size: 89%; border-top: 1px solid #ccc; border-left: 1px solid #ccc;border-right: 1px solid #fff;border-bottom: 1px solid #fff; padding: .5em 4px; margin-top: 1em; position:relative; width:auto;}
#hcard-Stefan-Grothus h4 {padding-left: 0px; }
.adr {padding-top: 0px;}
.links { float: left; overflow: hidden; } /* Links floatend */
.rechts { float: right; overflow: hidden; } /* Rechts floatend */
.center_none {float:none; overflow: hidden;}
.fccenter  { padding: 0px 0.2em 0px 0.2em; overflow: hidden; }
.fcleft { padding: 0px .2em 0px 0px; overflow: hidden; }
#hcard-Stefan-Grothus .fcright {text-align:right; }
.fcright { padding: 0px 0px 0px .1em; overflow: hidden; }
.out { position: absolute; left: -3000px; top: -3000px; width: 0; height: 0; overflow: hidden; display: inline; } /* Inhalt aus sichtbarem Bereich verschieben */
.klar { clear: both; } /* Clearing mit Element */
.fceall {width: 100%; padding: 0px 1px 0px 1px;margin: 0px -1px 0px -1px; overflow: hidden;}
.fc25 { width: 24.999%; }
.fc43 {width: 43.333%;}
.fc40 {width: 40.333%;}
.fc23 {width: 23.333%;}
.fc33 { width: 33.333%;}
.startpr {border-top: 1px solid #ccc; border-left: 1px solid #ccc;border-right: 1px solid #fff;border-bottom: 1px solid #fff;background:#F6F6E9; margin: 2px;}
.fc30 { width: 30.333%; }
.fc50 { width: 48.999%; }
.fc66 { width: 66.666%; }
.fc75 { width: 74.999%; }
.fc100 {width: 100%;}

#bottsearch { background: transparent; border:none; font-size: 89%; padding-top: 1em; margin: .5em;}
#bottsearch span {font-weight:bold; margin-left: .5em; }
#bottsearch input { padding:0; margin:0;}
#bottsearch input.hsuche { width:7em;  padding: .1em; padding-left: .3em;border-top: 1px solid #ccc; border-left: 1px solid #ccc;border-right: 1px solid #fff;border-bottom: 1px solid #fff;background: none;}
#bottsearch #suchsend {padding: 0px .7em;border-top: 1px solid #fff; border-left: 1px solid #fff;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; background:transparent; margin-left: .5em;}
#bottsearch #suchsend:hover {background: #fff;}

.tx-indexedsearch { background: transparent; border:none; font-size: 89%; padding: 1em; margin: .5em;}
.tx-indexedsearch span {font-weight:bold; margin-left: .5em; }
.tx-indexedsearch input { padding:0; margin:0;}
.tx-indexedsearch input.sword { width:7em;  padding: .1em; padding-left: .3em;border-top: 1px solid #ccc; border-left: 1px solid #ccc;border-right: 1px solid #fff;border-bottom: 1px solid #fff;background: none;}
.tx-indexedsearch input.submit {padding: 0px .7em;border-top: 1px solid #fff; border-left: 1px solid #fff;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; background:transparent; margin-left: .5em;}
.tx-indexedsearch #suchsend:hover {background: #fff;}

.more08 {padding: .8em; text-align:right;}
.infotext {display:none;}

.formcontent {padding: .3em 1.5em;}

.ce-text {clear:both;}

/* ---- 1.1 Clearfix ---- */
.clearfix:after {content: ".";  display: block;  height: 0;  clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */