html {
    margin:0;
    padding:0;
}

body {
    padding:0;
    margin:0;
    background:url(../images/bg.jpg) repeat-x scroll #2a3757;
    height:100%;
}

#weitere-container {
  float: left;
  width: 33%;
  height: 350px;
  margin-bottom: 20px;
}

.text-rechts {
  float: right;
  width: 67%;
  margin-top: 60px;
  padding-left: 5px;
}

.bild-links {
  float: left;
  width: 30%;
}

.text-links {
  float: left;
  width: 67%;
  margin-top: 60px;
  padding-right: 5px;
  text-align: right;
}

.bild-rechts {
  float: right;
  width: 30%;
}

div, table, body, input, textarea, a, h1, h2, h3, h4 {
    font-family: 'Arial', sans-serif;
    -webkit-font-smoothing:antialiased;
    color:#222;
    font-size:14px;
    line-height:135%;
}

img {
    border: 1px solid #bebebe;
    padding:4px;
}

p {
    margin:0 0 14px 0;
}

a {
    text-decoration:none;
}

.schrift-klein {
    font-size:12px;
}

hr {
    padding:0;
    margin:-8px 0 6px 0;
    border:1px dotted #ccc;
    border-width:1px 0 0 0; 
}

body.mce-content-body {
    background:none #fff;
}

h1 {
    border-bottom: 1px solid #bebebe;
    color: #113070;
    font-size: 26px;
    font-weight: 100;
    letter-spacing: -1px;
    padding: 0 0 6px;
}

h2 {
    color:#113070;
    font-size:18px;
    font-weight:normal;
    margin-bottom:4px;
}

h3 {
    font-size:18px;
    margin:0 0 18px 0;
    padding:0;
    font-weight:600;
}

body .wrap {
    margin:0 auto;
    max-width: 904px;
}

ul {
    padding-left:20px;
}

header {
    background:url(../images/bg_kopf.jpg) no-repeat scroll transparent 50% 0;
    height: 220px;
}

/* Content */

#main {
    background:url(../images/bg_mitte.jpg) repeat-y scroll transparent 50% 0;
    padding-bottom:20px;
}

.column {
    display:inline-block;
    margin-right:10px;
    vertical-align:top;
}

.column p:last-child {
    margin:0;
}

.column_last {
    margin:0;
}

.column_middle {
    vertical-align:middle;
}


/* Kontaktbox */
aside {
    width:148px;
    border:1px solid #bebebe;
    margin:44px 0 0 10px;
    display:inline-block;
    vertical-align:top;
    padding:4px;
}

aside h2 {
    font-size: 17px;
    letter-spacing: 3px;
    color:#222;
    margin:0 0 0px 0;
}

aside div.column {
    font-size:13px;
    margin-right:4px;
}

aside div.column_last {
    margin-right:0;
}

/* Navigation */
nav {
    display:inline-block;
    vertical-align: top;
    width: 166px;
    border:1px solid #bebebe;
    margin:44px 10px 0 0;
}

#component {
    width: 550px;
    display:inline-block;
    vertical-align: top;
}

#component a {
    text-decoration: underline;
}

nav ul {
    margin:0;
    padding:0;
}

nav li {
    list-style-type:none;
    display:block;
    border-bottom:1px dotted #aaa;
}

nav li:last-child {
    border:none;
}

/*@media screen and (max-width: 480px) {
    nav li {
        display:block;
    }
}
*/

nav  a {
    padding:5px 10px;
    text-decoration: none;
    font-size: 14px;
    display: block;
    line-height:120%;
}

nav li a:hover {
    background-color:#fff;
}

nav li.active a {
    color: #113070;
}

nav li ul {
    display:none;
}

/* FOOTER */

footer {
    background:url(../images/bg_fuss.jpg) no-repeat scroll transparent 50% 0;
    padding:30px 0;
    text-align:right;
}

footer p {
    display:inline-block;
    line-height:100%;
    margin:0;
    font-size:13px;
    vertical-align:middle;
}

footer ul {
    margin:0;
    padding:0;
    display:inline-block;
    line-height:100%;
    vertical-align:middle;
}

footer li {
    list-style-type:none;
    display:inline-block;
    border-left:1px solid #fff;
    padding-left:8px;
    margin-left:8px;
    color: #fff;
    line-height:100%;
    vertical-align:top;
}

footer a {
    text-decoration:none;
    line-height:100%;
    color: #fff;
    font-size:13px;
}

footer li.active a {
    color:#fff;
}

footer li ul {
    display:none;
}

footer div {
    color:#fff;
}

/* Kontaktformular */

#main .moduletable_kontaktformular {
    /*background-color:#efefef;
    padding:20px;*/

}

.moduletable_kontaktformular .column {
    display:block;
    margin-top:10px;
}

label {
    display:inline-block;
    width:150px;
    vertical-align: middle;
}

input, select {
    display:inline-block;
    width:240px;
    padding:4px;
    vertical-align: middle;
}

select {
    width:250px;
}

input[type='checkbox'] {
    width:auto;
}

textarea {
    min-width:480px;
    height:184px;
    padding:4px;
}

input.button {
    background-color: #113070;
    color:#fff;
    padding:10px 4px;
    border:none;
    cursor:pointer;
    width:200px;
    margin:20px 0;
}

.rot {
    color:#ff0000;
}

.fensterbox {
    background-color:#ff0000;
    color:#fff;
    padding:20px;
    margin-bottom:20px;
}

.captcha {
    background-color:#bebebe;
    padding:10px;
}

.captcha img {
    display:inline-block;
    vertical-align:middle;
    border:none;
    padding:0;
}

.captcha input {
    width:90px;
}


@media screen and (max-width: 600px) {
  	body {
  		padding: 10px;
	}
   
  	.team-ueberschrift {
        text-align: center;
        border-bottom: 1px solid #2A3757;
        margin: 0px 0px 20px 0px;
	}
  
  	#weitere-container {
        float: none;
        width: 50%;
        height: initial;
        margin: 20px auto;
	}
  
  	.bild-links {
        float: none;
        width: 50%;
        margin: 0 auto;
	}
  
  	.text-rechts {
        float: none;
        width: 67%;
        margin-top: 0px;
        padding-left: 5px;
        text-align:center;
      margin: 0 auto;
	}
  
  	.bild-rechts {
        float: none;
        width: 50%;
      margin: 0 auto;
	}
  
  	.text-links {
        float: none;
        width: 67%;
        margin-top: 0px;
        padding-left: 5px;
        text-align:center;
      margin: 0 auto;
	}
  
  .text{
    	text-align: center;
    
  }
  
  
  	header {
    	background-size: 150%;
      	height:120px;
      	width: 100%;
	}
  
  	nav{
    	width: 100%;
        margin:0px;
      	border:none;
 	}
  
  	aside{
    	width: 100%;
      	margin: 0px;
      	border: none;
  	}
  
  	#component {
 		width: 100%;
	}
  
  	#component img {
 		width: 100%;
      	border:none;
      	padding:0px;
	}
  
  	#main {
  		padding: 5px 10px;
	}
  
  	iframe {
  		width: 100%;
	}
  
  	footer .wrap {
  		text-align: center;
	}
  
}