/* -------------------------------------------------- */
/*    GLOBAL STUFF                                    */
/* -------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

html {
  -webkit-text-size-adjust: none;
 height: 100%;
}

body {
display: block;
height: 100%;
/*	overflow: scroll; */
	
	font-family: 'Lato', Arial, sans-serif;
	text-align: left;
	font-size: 62.5%;  /* 1em = 10px , 1.4em = 14px */
	color: #333;
	
background: url('img/bg_body_home_full.jpg') repeat-x  top center fixed;	
}

/* kinderwunsch --> home */
body.home{
	background-image:  url('home_SS_006_03.jpg');
/*	background-image:  url('neu.jpg'); */
}


body.bio{
	background-image:  url('bio_bg_DSC00387_q60.jpg');
}

/* hypnose ->  kinderwunsch  */
body.wunsch{
	background-image:  url('wunsch_sk001_02.jpg');
}


body.geburtshilfe{
	background-image:  url('geburtshilfe_sk006_q60.jpg');
}

body.gyno{
	background-image:  url('gyno_SS_002_03.jpg');
}

/* links -> hypnose  */
body.hypnose{
		background-image:  url('hypnose_SK_04_03.jpg');
}

body.studien{
	background-image:  url('studien_sk005_02.jpg');
}

/* geburtshilfe --> links */
body.links{
/*	background-image:  url('links_SS_007_03.jpg'); */
	background-image:  url('links_SS_007_03.jpg');
}

body.praxis{
	background-image:  url('praxis_PC_001_03.jpg');
}

a {
	text-decoration: none;
/*	color: #EF8227; */
	color:	#A39687;
}

a:hover {
	text-decoration: underline;
}





/* -------------------------------------------------- */
/*    POSITIONING                                     */
/* -------------------------------------------------- */


#all {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	min-height: 100%;

	background-color: #e5dbcc;

	/* overflow: hidden; */
	/* min-height: 100%; */ /* Mindesthöhe für moderne Browser */
    
	/* height:auto !important; */ /* Important Regel für moderne Browser */
    
	/* height:100%; */ /* Mindesthöhe für den IE */ 
}

#page {
    /* padding-top: 1em; */
    height: 100%;
}


#address {
	color: #a39687;
	font-size: 1.4em;
}


#address a{
	color: #a39687;
		text-decoration: underline;
}

#headtop{
	height: 1em;
}
 
#head {
	margin: 0 2.5em 0 2.5em;
	padding: 2em 0 1.5em 0;
	/* height: 60px; */
	border-radius: 6px;
	background-color: #a39687;
}

#main {
	overflow: hidden;
/*	background-color: #e5dbcc; */
/*	background-color: white; */
}

#bottom {
	padding-top: 4em;
	padding-left: 19.4em;
	padding-bottom: 1em;
/*	overflow: hidden; */
/*	background-color: #e5dbcc; */
/*	background-color: white; */
}


div.col {
/*	border-top: 1px solid #666; */
	padding-top: 1.5em;
}

#leftcol {
	float: left;
	/* width: 16em; */
	background-color: transparent;
}

#maincol {
	float: left;
	width: 560px;
}
                                                        
#rightcol {
	/* float: left; */
	/* padding-top: 0; */
	/* width: 200px; */
}






/*  #####  HEAD ELEMENTS  #####  */


#metanav {	
	text-align: right;
	height: 1px;
	overflow: visible;
}

#logo {
	/* margin-top: 2em; */
	text-align: center; 
	background
}

#mainnav {

}



/*  #####  PAGE ELEMENTS  #####  */


#subnav {
	padding-left: 2.5em;
}

#cont {
	padding-left: 3.5em;
	padding-right: 3.5em;
}

/*  #####  FOOTER ELEMENTS  #####  */

#footer {
	padding: 2.5em 0 5em 0;
	overflow: hidden;
	clear: both;
	background-color: white;
}

#footer .csc-default {
	float:left;
}
#footer ul.nav {
	float:left;
}


/* -------------------------------------------------- */
/*    NAVIGATION                                      */
/* -------------------------------------------------- */

ul.nav {
	list-style: none;
}

/* home */
ul.nav .item4 {
	background-color: #dca020;
}
/* biographie */
ul.nav .item2 {
	background-color: #c4b796;
}
/* kinderwunsch */
ul.nav .item1 {
	background-color: #867798;
}
/* geburtshilfe */
ul.nav .item8 {
	background-color: #ef8227;
}

/* gyno */
ul.nav .item5 {
	background-color: #ab792b;
}
/* hypnose */
ul.nav .item3 {
	background-color: #831D31;
}

/* studien */
ul.nav .item7 {
	background-color: #BCADAF;
}

/*links */
ul.nav .item6 {
	background-color: #E1502B;
}

/* praxis */
ul.nav .item9 {
	background-color: #90b25a;
}

ul.nav li{
	/* height: 22px; */
	width: 117px;
	padding-left: 15px;
	margin-bottom: 0.5em;
	border-radius: 4px;
	/* padding-top: 8px; */
	/* background: red url('img/bg_button_130.png') no-repeat; */
}

ul.nav li a {}

.nav a {
	padding: 8px 0;
	font-size: 1.5em;
	text-decoration: none;
	/* color: white; */
	color: #e5dbcc;	
	/* font-weight: bold; */
	display: block;
	/* height: 22px; */
}

.nav a:hover {
	text-decoration: none;
}


.act a {
	color: white;
/ * color: black; */
	font-weight: bold;
	font-weight: bold;
}

#metanav li, #mainnav li, #footer li {
	display: inline;
}


/* ---- footer ----- */
#breadcrumb p {
	display: inline;
}

/* -------------------------------------------------- */
/*    CONTENT DESIGN                                  */
/* -------------------------------------------------- */


h1 {
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 0.5em;
}

p {
	font-size: 1.5em;
	line-height: 1.5;
	padding-bottom: 0.5em;
}


#cont li, #rightcol li{
	font-size: 1.5em;
	line-height: 1.5;
	margin-left: 1em;
	list-style: circle;
}

#cont li.csc-textpic-image {
	margin-left: 0;
}

DIV.csc-textpic DIV.csc-textpic-single-image IMG {
	margin-bottom: 4px;
}

#cont a, #rightcol a {

}




/* ---- Formulare -----*/


.form-group label
{
	display: block;
	font-size: 1.5em;
	padding: 10px 0 4px 0;
}


.btn-group button{
	margin-top: 10px;
	padding: 3px;
	background-color: #EEE;
	border: solid grey 1px;
}

.form-group input,
.form-group textarea{
      font-family: Arial, sans-serif; 
      font-size: 1.5em;
      padding: 5px;      
}

.form-group textarea{
 	height: 7em;
}


#c31{
    border-bottom: 2px solid grey;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

@media screen and (max-width: 750px){
	body  {
		background-image: none !important;
	}


@media screen and (max-width: 525px){
	 #mapcontainer{
	 	width: 100% !important;
	 }
}
@media screen and (max-width: 600px){
	

	#all{
		width: 100%;
	}
	#head{
		  margin: 0 3% 0 3%;
		  width: 94%;
		  padding: 0;
	}
	#logo{
		padding-top: 1em;
	}
	#logo img{
		width: 72%;
	}
		
	#maincol {
  		float: left;
	  width: 92%;
	}

	#cont {
	  padding-left: 3%;
	  padding-right: 0;
	  width: 100%;
	}
	#leftcol {
	    /* width: 100%; */
	}

	#subnav {
		width: 96%;
		padding-left: 3%;
	  	
		padding-right: 3%;
	
		overflow: overlay;
		}

		#all .csc-textpic-imagewrap .csc-textpic-imagecolumn {
		margin-bottom: 1em;
	}
	#overlay,
	#lbOuterImageContainer,
	#lbLightbox img{
		width: 100% !important;
	}

	ul.nav li{
		/* display: inline-block; */
		
		
		padding-left: 2%;
		float: left;
		margin-right: 2%;
		width: 46%;
		min-width: 88px;
	}

	ul.nav li.item1{
		display: none;
	}
	ul.nav li.item3,
	ul.nav li.item5,
	ul.nav li.item7
	ul.nav li.item9{
		margin-right: 0;
	}

	.csc-textpic-intext-left-nowrap-160 .csc-textpic-text,
	.csc-textpic-intext-left-nowrap .csc-textpic-text { 
		margin-left: 0; 
	}

	.csc-textpic-intext-left-nowrap-160 img{
		width: 120px;
		height: auto;
	}

	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
		margin-bottom: 0;
	}

	#bottom{
		width: 94%;
		padding-left: 3%;
		padding-right: 3%;
	}

	/* BILDER */

	.csc-textpic-imagewrap img {
		width: 100% !important;
		height: auto !important;
	}
	.csc-textpic-image {
		width: 100% !important;
	}



	.csc-textpic-intext-left .csc-textpic-imagewrap, 
	.csc-textpic-intext-right .csc-textpic-imagewrap,
	.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
	.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{
		width: 47% !important;
	}
	div.csc-textpic-center .csc-textpic-center-outer,
	div.csc-textpic-center .csc-textpic-center-inner {
		position: static;
		right: auto;
		float: none;
	}
	.csc-textpic-imagewrap[data-csc-cols='2'] .csc-textpic-imagecolumn {
		width: 48.5% !important;
	}
	.csc-textpic-imagewrap[data-csc-cols='3'] .csc-textpic-imagecolumn {
		width: 31.3% !important;
	}
	.csc-textpic-imagewrap[data-csc-cols='4'] .csc-textpic-imagecolumn{
		width: 22.75% !important;
	}

	div.csc-textpic-imagecolumn, 
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, 
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		margin-right: 3%;
	}
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, 
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, 
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		margin-left: 3%;
	}

	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 3% !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 3% !important;
	}
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap {
		float: none;
	}

	.csc-textpic-intext-right-nowrap .csc-textpic-text {
		margin-right: 50%;
	}
	.csc-textpic-intext-left-nowrap .csc-textpic-text {
	 /*	margin-left: 50%; */
	}

}


@media (max-width: 320px){ 

	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		float: none;
	}

	.csc-textpic-intext-left .csc-textpic-imagewrap, 
	.csc-textpic-intext-right .csc-textpic-imagewrap,
	.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
	.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{
		width: 100% !important;
	}

	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 0% !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 0% !important;
	}



	#all .csc-textpic-imagewrap .csc-textpic-imagecolumn {
		width: 100% !important;
		float : none;
		margin-bottom: 1em;
	}


	#all .csc-textpic-imagewrap[data-csc-cols='4'] .csc-textpic-imagecolumn{
		width: 48.5% !important;
		float : left;
	}
	#all .csc-textpic-imagewrap[data-csc-cols='4'] .csc-textpic-firstcol + .csc-textpic-imagecolumn {
		margin-right: 0 
	}

}