@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oxygen-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oxygen Regular'), local('Oxygen-Regular'),
       url('../fonts/oxygen-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oxygen-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oxygen-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oxygen-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oxygen-v7-latin-regular.svg#Oxygen') format('svg'); /* Legacy iOS */
}

body {
	margin: 0px;
    font-size:0.75em;
    color:#767676; 
    font-family:Oxygen,Arial,sans serif;
    line-height:1.4em;
    background-image: url("../img/bgBody.gif");
    background-repeat:repeat-x;
	background-color : #fff;
}

#sitewrapper {
    margin:auto;
    width:1000px;
    padding:40px 20px 0px 20px;
	background-color : #fff;
}

#site {
    
}

#logo {
    height:37px;
    padding:0;
    text-align:center;
    margin-bottom:20px;
}


/*
*   Mainnavigation
*/
#mainnavigation {
    height:40px;
}

#mainnavigation ul {margin:0; float:left; list-style:none outside; padding:0; }
#mainnavigation li {display:inline; float:left; margin:0px; padding:0px; }

#subnavigation {
    text-align:left;
    height:30px;
    background-color:#f7f6f5;
    margin-bottom:1px;
}

#subnavigation ul {height:30px;margin:0; float:left; list-style:none outside; padding:0; }
#subnavigation li {display:inline; float:left; margin:0px; padding:0px; }

#motive {
    width:1000px;
    height:327px;
    margin-bottom:40px;
}



#motive h1 { font-size:2.0em; color:#923154; padding-top:0px; padding-bottom:15px; margin:0px; }

.images {
    width:1000px;
    height:327px;
    position:relative;
    float:left;
}

.message {
    background-image: url("../img/bgMessage.png");
    padding:180px 20px 20px 20px;
    width:250px;
    height:158px;
    color:#565656;
}


#sitemotive {
    width:1000px;
    height:200px;
    margin-bottom:40px;
}




#glossaralphabet {
	margin-bottom:20px;	
}

#redbox {
    float:right;
    width:210px;
    padding:20px;
    color:#fff;
}

.handwritten {
    font-family:'Kaushan Script',cursive;
    font-size:1.8em;
}

#openerboxen {
    margin:auto;
    width:1000px;
    border-top: 1px dotted #ccc;
    margin-bottom:20px;
}

.openerbox {
    width:210px;
    float:left;
    padding:20px;
}

#kooperationen {
    margin:auto;
    width:960px;
    border-top: 2px dotted #ccc;
    padding:20px;
}

    
#kooperationen img {
    display:block;
    float:left;
    padding-right:20px;
}


#sitespacer {
    padding:50px 25px 25px 25px;
}

#content {
	margin:auto;
    width:1000px;
    border-top: 1px dotted #ccc;
}

#leftcol {
    float:left;
    width:700px;
}

#leftcolspacer {
	padding:40px 20px 0px 20px;
}

#leftcol ul li {
	padding-bottom:10px;	
}

#leftcol ol li {
	padding-bottom:10px;	
}

#rightcol {
    float:left;
    width:300px;
}

#rightcolspacer {
	padding:40px 20px 0px 20px;
}


#bigcol {
    float:left;
    width:1000px;
}


#bigcol ul li {
	padding-bottom:10px;	
}

#bigcol ol li {
	padding-bottom:10px;	
}



#vitatable ul li {
	padding-bottom:0px;	
}

#vitatable ol li {
	padding-bottom:0px;	
}

#bigcolspacer {
	padding:40px 20px 0px 20px;
}


#topnavigation {
    text-align:right;
    float:right;
    color:#fff;
    padding-right:40px;
    width:300px;
}

#topnavigation ul { float:right;margin:0; text-align:left; height:20px; list-style:none outside; padding-left:0px; padding-top:8px; }
#topnavigation li { display:inline; height:15px; padding-right:10px; padding-left:8px; border-right:1px solid #585858; }


#image {
    height:180px;
    border-bottom:16px solid #A7A8AA;
    background-color:#ff0000;
}

#newsbox {
    float:right;
    width:240px;
    height:180px;
	background-color : #fff;
	border-left: 2px solid #A7A8AA;
	border-right: 2px solid #A7A8AA;
}

#newsbox h2 {
    font-size:1.4em; color:#E7823B; padding-top:0px; padding-bottom:20px; margin:0px; 
}

#newsboxspacer {
    padding:20px 10px 0px 20px;
}

.textblock {
    padding-bottom:40px;
}

#schwerin img {
	width:100%;
	height:auto;	
}

#footercontainer {
	background-color : #AFA494;
}

#footer {
    margin:auto;
    width:1000px;
    color:#fff;
    text-align:center;
}


h1 { font-size:2.0em; color:#923154; padding-top:0px; padding-bottom:15px; margin:0px; line-height:normal; }
h2 { font-size:1.4em; color:#923154; padding-top:0px; padding-bottom:15px; margin:0px; line-height:normal; }
h3 { font-size:1.0em; color:#923154; padding-top:0px; padding-bottom:0px; margin:0px; font-weight:bold; }
h4 { font-size:1.0em; color:#923154; padding-top:0px; padding-bottom:10px; margin:0px; font-weight:bold; }

.myCheckbox {
	display:none;	
}

form textarea{
	width:70%;
	font-size:1.1em;
	height:140px;
	padding:10px;
	border: 1px solid #ddd;
}
form input[type="text"]{
	width:50%;
	height:30px;
	font-size:1.1em;
	padding:10px;
	border: 1px solid #ddd;
	margin-bottom:1%;
}

#slides h1 { font-size:1.4em; color:#923154; padding-top:0px; padding-bottom:15px; margin:0px; line-height:normal; }

img { border:0px; }

.off { display:none; }

.clear { clear:both; }

a.headlinelink:link  { color:#923154; text-decoration:none; }
a.headlinelink:visited { color:#923154; text-decoration:none; }
a.headlinelink:hover { color:#923154; text-decoration:underline; }
a.headlinelink:active { color:#923154; text-decoration:none; }

a:link  { color:#923154; text-decoration:none; }
a:visited { color:#923154; text-decoration:none; }
a:hover { color:#923154; text-decoration:underline; }
a:active { color:#923154; text-decoration:none; }

a.top:link  { color:#fff; text-decoration:none; }
a.top:visited { color:#fff; text-decoration:none; }
a.top:hover { color:#fff; text-decoration:underline; }
a.top:active { color:#fff; text-decoration:none; }

/*
*   Hauptnavigation
*/

a.mainlevel:link, a.mainlevel:visited {
	display: inline;
    float:left;
	margin:0;
    font-size: 1.25em;
    line-height:50px;
    position:relative; 
    color:#7A0B17;
    padding:0px 15px 0px 15px;
}

a.mainlevel:hover {
	text-decoration: none;
	color: #ababab;
}

a.mainlevelActive:link, a.mainlevelActive:visited {
	display: inline;
    float:left;
	margin:0;
    font-size: 1.25em;
    line-height:50px;
    position:relative; 
    color:#7A0B17;
    padding:0px 15px 0px 15px;
    background-color:#f7f6f5;
}

a.mainlevelActive:hover {
	text-decoration: none;
	color: #fff;
}
a.sublevel:link, a.sublevel:visited {
	display: inline;
    float:left;
	margin:0;
    font-size: 1.0em;
    line-height:30px;
    position:relative; 
    color:#7A0B17;
    padding:0px 20px 0px 20px;
    background-color:#f7f6f5;
}

a.sublevel:hover {
	text-decoration: none;
	color: #E7823B;
}

a.sublevelActive:link, a.sublevelActive:visited {
	display: inline;
    float:left;
	margin:0;
    font-size: 1.0em;
    line-height:30px;
    position:relative; 
    color:#7A0B17;
    padding:0px 20px 0px 20px;
}

a.sublevelActive:hover {
	text-decoration: none;
	color: #E7823B;
}


a.thirdlevel:link, a.thirdlevel:visited {
	margin:0; 
    line-height:17px;
    padding-left:15px;
    display:block;
    color:#58585A;
    font-size:0.9em;
}

a.thirdlevel:hover {
	text-decoration: none;
	color: #E7823B;
}

a.thirdlevelActive:link, a.thirdlevelActive:visited {
	margin:0; 
    line-height:17px;
    padding-left:15px;  
    display:block; 
    color:#C20B37;
    font-size:0.9em;
    background-image: url("../img/bgThirdlevel.gif");
    background-repeat: no-repeat;
}

a.thirdlevelActive:hover {
	text-decoration: none;
	color: #E7823B;
}

@media screen and (max-width:999px) {
    #sitewrapper {
	    margin:auto;
	    width:95%;
	    padding:40px 20px 0px 20px;
		background-color : #fff;
	}
    
    #site {
        margin:auto;
        width:100%;
    }
    
	#sitemotive {
	    width:100%;
	    height:auto;
	    margin-bottom:40px;
	}
	
	#sitemotive img {
		width:100%;
		height:auto;
	}
	
	
	#openerboxen {
	    margin:auto;
	    width:100%;
	    border-top: 1px dotted #ccc;
	    margin-bottom:20px;
	}
	
	.openerbox {
	    width:40%;
	    float:left;
	}
    
    #content {
		margin:auto;
	    width:100%;
	    border-top: 1px dotted #ccc;
	    margin-bottom:0px;
	}
	
	#leftcol {
	    float:left;
	    width:60%;
	}
	
	#rightcol {
	    float:right;
	    width:30%;
	}
	
	#rightcol img {
		width:100%;
		height:auto;
	}
	
	#footer {
	    margin:auto;
	    width:95%;
	    color:#fff;
	    text-align:center;
	}
	
	#footer img {
		width:100%;
		height:auto;
	}
    
	a.mainlevel:link, a.mainlevel:visited {
		display: inline;
	    float:left;
		margin:0;
	    font-size: 1.2em;
	    line-height:50px;
	    position:relative; 
	    color:#7A0B17;
	    padding:0px 10px 0px 10px;
	}
	
	a.mainlevel:hover {
		text-decoration: none;
		color: #ababab;
	}
	
	a.mainlevelActive:link, a.mainlevelActive:visited {
		display: inline;
	    float:left;
		margin:0;
	    font-size: 1.2em;
	    line-height:50px;
	    position:relative; 
	    color:#7A0B17;
	    padding:0px 10px 0px 10px;
	    background-color:#f7f6f5;
	}
	
	a.mainlevelActive:hover {
		text-decoration: none;
		color: #fff;
	}
}

@media screen and (max-width:760px) {
    #site {
        margin:auto;
        width:95%;
    }
    
    #motiv img {
        width:100%;
        height:auto;
    }
    
    
    #kooperationen {
        margin:auto;
        width:95%;
        border-top: 2px dotted #ccc;
        padding:10px;
    }
    
    #kooperationen img {
        display:block;
        float:left;
        padding-right:20px;
    }
    
    
	#footer {
	    margin:auto;
	    width:95%;
	    color:#fff;
	    text-align:center;
	}
	
	#footer img {
		width:100%;
		height:auto;
	}
}

@media screen and (max-width:480px) {
	
	#sitewrapper {
	    margin:auto;
	    width:95%;
	    padding:40px 5px 0px 5px;
		background-color : #fff;
	}
	
    #site {
        margin:auto;
        width:95%;
    }
    
    #motive {
    	display:none;
    }
    
    
    #claimcontainer {
        margin:auto;
        width:95%;
    }
    
    #claim {
        font-size:2.4em;
        line-height:normal;
        width:95%;
        padding:20px 10px 20px 10px;
    }
    
    #claimdescription {
        line-height:normal;
        width:95%;
        padding:20px 0px 20px 10px;
        float:none;
    }
    
    

    #openerboxen {
        margin:auto;
        width:95%;
        border-top: 2px dotted #ccc;
        margin-bottom:10px;
    }
    
    .openerbox {
        padding:20px 10px 20px 10px;
        width:90%;
    }
    
    .openerboxspacer {
        padding:0px;
    }
    
    
	
	#leftcol {
	    float:none;
	    width:95%;
	}
	
	#rightcol {
	    float:none;
	    width:95%;
	}
    
    
    
	#footer {
	    margin:auto;
	    width:95%;
	    color:#fff;
	    text-align:center;
	}
	
	#footer img {
		width:100%;
		height:auto;
	}
    
    #mainnavigation {
        height:auto;
    }
    
    #mainnavigation ul {width:100%; margin:0; float:left; list-style:none outside; padding:0; }
    #mainnavigation li {display:block; float:none;margin:0px; padding:0px; }
    
    a.mainlevel:link, a.mainlevel:visited {
    	display: block;
        float:none;
    	margin:0;
        font-size: 1.0em;
        line-height:30px;
        position:relative; 
        color:#7A0B17;
        padding-left:20px;
        background:none;
    	background-color : #EDEFEC;
        border-bottom:1px solid #fff;
    }
    
    a.mainlevel:hover {
    	text-decoration: none;
    	color: #ababab;
    }
    
    a.mainlevelActive:link, a.mainlevelActive:visited {
    	display: block;
        float:none;
    	margin:0;
        font-size: 1.0em;
        line-height:30px;
        position:relative; 
        color:#7A0B17;
        padding-left:20px;
        background:none;
    	background-color : #f7f6f5;
        border-bottom:1px solid #fff;
    }
    
    a.mainlevelActive:hover {
    	text-decoration: none;
    	color: #fff;
    }
}