body,form,figure{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}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width: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}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@charset "UTF-8";
/* CSS Document */

/**************************************************
copyright by cortona werbeagentur gmbh
***************************************************
***************************************************
Project:		sups.de
File:			style.css
***************************************************
initial author: cortona werbeagentur gmbh
last editor: 	MB
firstVersion: 	29.03.2012
lastVersion: 	29.03.2012
*************************************************/

/*************************************************
FileStructure
**************************************************
1.0 Layout Structure
	1.1 Wrapper
	1.2 Header
	1.3 Container
	1.4 Left
	1.5 Main
	1.6 Right
	1.7 Footer

2.0 Content Structure
	2.1 Content
	2.2 Content Header
	2.3 Content Left
	2.4 Content Main
	2.5 Content Right
	2.6 Content Footer

3.0 Navigation
	3.1 Main Navigation
	3.2 Subnavigation
	3.3 Footer Navigation
*************************************************/


/**************************************************
1.0 Layout Structure
**************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

/* 1.1 Wrapper ***********************************/

#wrapper {
	background-image: url(/files/sups/images/background.png);
	padding: 0 38px 0 37px;
}

#wrapper .content {
	background-image: url(/files/sups/images/doctor.jpg);
	background-repeat: no-repeat;
	padding: 40px 38px 0;
}

/* 1.2 Header ************************************/

.mod_logo {
	height: 117px;
	margin: 0 0 20px;
}

.mod_logo img {
	border: 0;
	float: right;
}

/* 1.3 Container *********************************/

/* 1.4 Left **************************************/

/* 1.5 Main **************************************/

#main {
	background-image: url(/files/sups/images/transparence.png);
	width: 716px;
	padding: 4px 8px;
	margin-left: 58px;
}

.mod_breadcrumb {
	border-bottom: 1px solid #000;
	padding-bottom: 2px;
	font-style: italic;
}

/* 1.6 Right *************************************/

/* 1.7 Footer ************************************/


/***********1.0 Layout Structure End **************
**************************************************/


/**************************************************
2.0 Content Structure
**************************************************/


/* 2.1 Content ***********************************/

/* 2.2 Content Header ****************************/

/* 2.3 Content Left ******************************/

/* 2.4 Content Main ******************************/

h1 {
	font-size: 18px;
	margin: 20px 0;
	color: #3a3a3a;
}

h2 {
	color: #515151;
	font-weight: normal;
	font-size: 16px;
	font-style: italic;
}

p {
	line-height: 1.8em;
	margin-bottom: 18px;
}

ul {
	margin: 24px 0;
}

li {
	list-style-image: url(/files/sups/images/arrow.png);
	margin: 5px 0;
}

a {
	color: #1293c0;
	text-decoration: none;
	font-style: italic;
}

a:hover {
	text-decoration: underline;
}

.border {
	border-bottom: 2px solid #e1312b;
	margin-bottom: 15px;
}

form {
	background-color: #d5d5d5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	width: 350px;
	margin: 20px 0 40px;
}

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

input.text {
	width: 300px;
	border: 2px solid #1293c0;
	padding: 4px;
}

textarea {
	width: 300px;
	border: 2px solid #1293c0;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	resize: vertical;
}

input.submit {
	background-color: #1293c0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 0;
	color: #fff;
	cursor: pointer;
	padding: 5px 20px;
}

#logo_oncoplan {
	position: absolute;
	left: 510px;
	top: 65px;
}

/* 2.5 Content Right *****************************/

/* 2.6 Content Footer ****************************/

#shadow {
	background-image: url(/files/sups/images/shadow.png);
	height: 20px;
	width: 1101px;
}

/***********2.0 Layout Structure End **************
**************************************************/


/**************************************************
3.0 Navigation
**************************************************/


/* 3.1 Main Navigation ***************************/

.mod_navigation ul {
	background-color: #01a4cc;
	height: 29px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0 30px;
}

.mod_navigation li {
	float: left;
	list-style: none;
	background-image: url(/files/sups/images/navigation.png);
	background-repeat: no-repeat;
	padding: 7px 37px 7px 27px;
	font-size: 12px;
	background-position: right 3px;
	margin: 0;
}

.mod_navigation li.last {
	background: none;
}

.mod_navigation li a {
	color: #fff;
	text-decoration: none;
}

.mod_navigation strong.active {
  border-bottom: 2px solid #e1312b;
	color: #fff;
  font-weight: normal;
  padding-bottom: 2px;
	text-shadow: 0px 0px 5px #fff, 0px 0px 3px #fff;
}

/* 3.2 Subnavigation *****************************/

/* 3.3 Footer Navigation *************************/


/***********3.0 Navigation End ********************
**************************************************/

/* 4. Responsive Web design *************************/

@media (max-width: 1101px) {
 	#wrapper {
 		width: 100%;
 		padding: 0;
 		background-image: none;
 	}

 	#shadow {
 		display: none;
 	}

 	.mod_navigation ul {
 		padding: 0;
 	}

 	.mod_navigation li {
 		width: 19%;
 		padding: 7px 0 7px 1%;
 		text-align: center;
 		overflow: hidden;
 	}

 	#main {
 		width: 75%;
 	}
}

