/* Contao Open Source CMS, (C) 2005-2012 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* Contao Open Source CMS, (C) 2005-2012 Leo Feyer, LGPL license */
#wrapper{width:960px;margin:0 auto}*[class*="grid"]{float:left;display:inline;margin-right:10px;margin-left:10px}.mod_article>*{margin-left:10px;margin-right:10px}.inside>*[class*="grid"]{margin-left:0;margin-right:0}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px}.offset2{margin-left:170px}.offset3{margin-left:250px}.offset4{margin-left:330px}.offset5{margin-left:410px}.offset6{margin-left:490px}.offset7{margin-left:570px}.offset8{margin-left:650px}.offset9{margin-left:730px}.offset10{margin-left:810px}.offset11{margin-left:890px}.offset12{margin-left:970px}@media(min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px}.offset2{margin-left:134px}.offset3{margin-left:196px}.offset4{margin-left:258px}.offset5{margin-left:320px}.offset6{margin-left:382px}.offset7{margin-left:444px}.offset8{margin-left:506px}.offset9{margin-left:568px}.offset10{margin-left:630px}.offset11{margin-left:692px}.offset12{margin-left:754px}}@media(max-width:767px){#wrapper{width:auto}*[class*="grid"],.inside>*[class*="grid"]{float:none;display:block;width:auto;margin:0}}
/* Contao Open Source CMS, (C) 2005-2012 Leo Feyer, LGPL license */
body,form{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}@media(max-width:767px){#wrapper{margin:0;width:auto}#header,#footer{height:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}#main .inside{min-height:1px}img{max-width:100%;height:auto;-ms-interpolation-mode:bicubic;width:auto\9}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden}
/* ColorBox v1.3.20, (c) 2011 Jack Moore - jacklmoore.com, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block}.cboxIframe{width:100%;height:100%;display:block;border:0}#cboxOverlay{background:#000}#cboxContent{margin-top:20px}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.3.20/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.3.20/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxLoadingOverlay{background:#000}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.3.20/images/loading.gif") no-repeat center center}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.3.20/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/*------------------------------------------------------------------------------------------------------
* Label & Input untereinander
------------------------------------------------------------------------------------------------------*/

/*     --wrapper
------------------------------------------------- */
.input-wrapper {
    margin-bottom: 10px;
}

/*     --fieldset
------------------------------------------------- */
fieldset {
    margin-bottom: 25px;
}

/*     --rahmen
------------------------------------------------- */
input, select, textarea {
    border: 1px solid #ccc;
}

/*     --felder
------------------------------------------------- */
input {
    padding: 5px;
    width: 200px;
}

label {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

select {
    width: 212px;
    height: 24px;
}

textarea {
    width: 350px;
    height: 200px;
}

legend {
    display: none;
}

/*     --submit-button
------------------------------------------------- */
.submit_container input {
    cursor: pointer;
}

/*     --radio-buttons
------------------------------------------------- */
.radio_container span {
    display: block;
    margin-bottom: 5px;
}

.radio_container label {
    float: none;
}

.radio_container input {
    width: 20px;
    border: none;
}

label.radio-button {
    float: none;
    display: block;
    margin-bottom: 10px;
}

/*     --checkboxes
------------------------------------------------- */
.checkbox_container span {
    display: block;
    margin-bottom: 5px;
}

.checkbox_container label {
    float: none;
}

.checkbox_container input {
    width: 20px;
    border: none;
}

label.checkbox {
    float: none;
    display: block;
    margin-bottom: 10px;
}

/*------------------------------------------------------------------------------------------------------
* Label & Input Felder nebeneinander
* formular muss die CSS-Klasse "columnar" in Contao hinzugef�gt werden
------------------------------------------------------------------------------------------------------*/

/*     --labels
------------------------------------------------- */
.columnar label {
    width: 120px;
}

.columnar label.radio-button {
    display: inline;
    float: left;
}

/*     --radio-buttons
------------------------------------------------- */
.columnar .radio_container {
    margin-left: 120px;
}

.columnar .radio_container, .columnar .checkbox_container {
    margin-top: 1px;
}

/*     --checkboxes
------------------------------------------------- */
.columnar label.checkbox {
    display: inline;
    float: left;
}

.columnar .checkbox_container {
    margin-left: 120px;
}

/*     --submit-button
------------------------------------------------- */
.columnar .submit_container input {
    margin-left: 120px;
}
#bg {
    position: absolute;
    top: 0;
    left: 0;
}

.bgwidth {
    width: 100%;
}

.bgheight {
    height: 100%;
}

body {
   background: #090a0e;
	font-size: 14px;
}

h1, h2, h3, h4 {
	color: #2939d3;
	margin-bottom: 30px;
}


h2 {
    font-size: 1.5667em;
}

#main li {
	margin: 10px 5px 10px 50px;
	list-style-type: disc;
}

.center {
	text-align: center;
}

.error {
    color: #d74441;
}

.wide, .timetable, .full {
    width: 100%;
}

.head {
	font-weight: bold;
}

.table_fixed, .timetable_body {
	table-layout: fixed;
}

#main table td {
	padding: 5px;
}

#main table .timetable_events td,
#main table .timetable_days td {
	padding: 10px;
}

#main li {
	padding: 5px;
}

/* Ueberschriften rechts gleichmaessig einruecken */
#right .mod_article > * {
	margin-left: 1px;
	margin-right: 0px;
}

#right .ce_image {
	text-align: center;
}

/* Hervorhebung in Box - erbt von rounded*/
.infobox {
	margin: 10px 10px 25px 10px;
	padding: 20px 10px 10px 10px;

	background-color: #e0e0e0;
}

/* Vita table */
.vita {
	table-layout: fixed;
	width: 100%;
}

.vita .leftcol {
	width: 100px;
}

a, a:link, a:visited {
	color: #2939d3;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

#wrapper {
    position: relative;
    /*margin: 0 auto;
    width: 960px;*/
}

#header {
    padding: 20px;
    text-align: center;
}

#header h1 {
    margin: 0;
}

/* Transparenz 75% weiss */
.alpha1 {
    /* Fallback for web browsers that doesn't support RGBa */
    /*background-color: white;*/
    /* RGBa with 0.6 opacity */
	/*overflow: auto;*/
    /*background: rgba(255, 255, 255, 0.75);*/

	background-image: url("../../files/yogapotsdam_images/pixel75.png");

    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bfffffff', endColorstr='#bfffffff');*/
	/* IE */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bfffffff, endColorstr=#bfffffff)";*/
    /* For IE 5.5 - 7*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #99000000, endColorstr = #99000000);*/
    /* For IE 8*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";*/
}

/* rounded corners */
.rounded, .infobox {
    -moz-border-radius: 8px; /* Firefox */
    -webkit-border-radius: 8px; /* Safari, Chrome */
    border-radius: 8px; /* universal */
/*    behavior: url(files/yogapotsdam_css/border-radius.htc);*/

    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.65);

    /*zoom: 1;
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3)
	    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=2)
	        progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3)
		    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2)
		        progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3)
			    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=2)
			        progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=3)
				    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=2);*/
}

.submenu, #right {
    /* Submenu muss auch radius nachbilden damit beim Hover Ecke rechts oben rund bleibt */
    -moz-border-radius: 0 8px 8px 8px; /* Firefox */
    -webkit-border-radius: 0 8px 8px 8px; /* Safari, Chrome */
    border-radius: 0 8px 8px 8px; /* universal */
    margin-left: 1px; /* damit border vom Hintergrund bestehen bleibt beim Hover */
}

#right h1, #right h2, #right h3, #right h4, #right p, #right span, #right .map {
    padding-left: 20px;
}

.submenu li .first {
    border-top: 1px solid #c4c4c4;
}

.submenu li a, .submenu li span {
    display: block;
    color: black;
    text-decoration: none;
    border-bottom: 1px solid #c4c4c4;

    padding: 8px 20px;
}

.submenu li a:hover, .submenu li span, .submenu .trail {
    color: #2939d3;
    background-color: #dddddd;
}

#topmenu {
    float: left;
    width: 100%; /* 960px */
}

#topmenu ul {
    margin: 0;
    padding: 0;
}

#topmenu ul li {
    display: inline;
}

#topmenu li a, #topmenu li span {
    display: block;
    float: left;
    padding: 8px 20px;
    color: black;
    text-decoration: none;
    border-right: 1px solid #c4c4c4;
}

#topmenu li a:hover, #topmenu li span, #topmenu .trail {
    color: #2939d3;
    background-color: #dddddd;
}

#container {
    width: 670px;
    /*background-image: url(../../files/yogapotsdam_images/layout-two-fixed-background.png);
    background-repeat: repeat-y;
    background-position: 100% 0;**/
    margin: 20px 0 0 0;
    padding-bottom: 20px;
    overflow: hidden;
}


#main {
    /*clear: left;*/
    width: 680px;
    /*padding: 20px 0;*/
    /*margin: 0 0 0 30px;*/
    /*display: inline;*/
}

#main h2,h3,h4 {
	margin-bottom: 15px;
}

.mod_article .ce_image {
	padding-top: 10px;
}

#right {
    display: inline;
    background-image: url(../../files/yogapotsdam_images/layout-two-fixed-background.png);
    background-repeat: repeat-y;
    background-position: 100% 0;
    width: 280px;
}

#right h3 {
    margin: 0;
}

#right .image_container {
	text-align: center;
}
#right .image_container .caption {
	margin-bottom: 10px;
	font-style: italic;
}
#right img {	/*padding: 10px;*/}

/* Equal size column hack */
#main, #right {
	float:left;
	padding-bottom: 9999px;
	margin-bottom: -9999px;
}


#footer {
    clear: both;
    text-align: right;
    padding: 20px;
    height: 1%;

    color: white;
}

#footer a, #footer a:link, #footer a:visited {
    color: white;
}